界面布局设计

1, 分析业务需求, 理顺业务逻辑2, 根据业务需要考虑使用何种容器(JFrame ,Frame ,JWindow..) 需要的数量.3, 每个容器(窗口)使用组件4.组件使用何种布局方式(边界布局,绝对布局,网格布局..),排列在容器(窗口)中5.组件中需要响应那些事件, 把事件响应代码写好,然后绑定到组件上(addListener...) 6.调试,测试

JPanel left = new JPanel(new GridLayout(3,3,5,5));JPanel right = new JPanel();JSplitPanel split = new JSplitPane(JSplitPanel.HORIZONTAL_SPLIT, left, right);

设计android的登录界面的方法：UI实现的代码如下：1、背景设置图片：background_login.xml<?xml version="1.0" encoding="utf-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android">      <gradient           android:startColor="#FFACDAE5"          android:endColor="#FF72CAE1"          android:angle="45"      />  </shape>2、圆角白框  效果图上面的并不是白框，其实框是白色的，只是设置了透明值，也是靠一个xml文件实现的。  background_login_div.xml<?xml version="1.0" encoding="UTF-8"?>  <shape xmlns:android="http://schemas.android.com/apk/res/android">      <solid android:color="#55FFFFFF" />      <!-- 设置圆角      注意： bottomRightRadius是左下角而不是右下角  bottomLeftRadius右下角-->      <corners android:topLeftRadius="10dp" android:topRightRadius="10dp"          android:bottomRightRadius="10dp" android:bottomLeftRadius="10dp"/>  </shape>  3、界面布局： login.xml<?xml version="1.0" encoding="utf-8"?>  <LinearLayout      xmlns:android="http://schemas.android.com/apk/res/android"      android:orientation="vertical"      android:layout_width="fill_parent"      android:layout_height="fill_parent"      android:background="@drawable/background_login">      <!-- padding 内边距   layout_margin 外边距          android:layout_alignParentTop 布局的位置是否处于顶部 -->                <RelativeLayout           android:id="@+id/login_div"          android:layout_width="fill_parent"          android:layout_height="wrap_content"          android:padding="15dip"                  android:layout_margin="15dip"           android:background="@drawable/background_login_div_bg" >          <!-- 账号 -->          <TextView               android:id="@+id/login_user_input"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_alignParentTop="true"              android:layout_marginTop="5dp"              android:text="@string/login_label_username"              style="@style/normalText"/>          <EditText               android:id="@+id/username_edit"              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:hint="@string/login_username_hint"              android:layout_below="@id/login_user_input"              android:singleLine="true"              android:inputType="text"/>          <!-- 密码 text -->          <TextView               android:id="@+id/login_password_input"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_below="@id/username_edit"              android:layout_marginTop="3dp"              android:text="@string/login_label_password"              style="@style/normalText"/>          <EditText               android:id="@+id/password_edit"              android:layout_width="fill_parent"              android:layout_height="wrap_content"              android:layout_below="@id/login_password_input"              android:password="true"              android:singleLine="true"              android:inputType="textPassword" />          <!-- 登录button -->          <Button               android:id="@+id/signin_button"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_below="@id/password_edit"              android:layout_alignRight="@id/password_edit"              android:text="@string/login_label_signin"              android:background="@drawable/blue_button" />      </RelativeLayout>          <RelativeLayout           android:layout_width="fill_parent"          android:layout_height="wrap_content" >           <TextView  android:id="@+id/register_link"               android:text="@string/login_register_link"               android:layout_width="wrap_content"               android:layout_height="wrap_content"               android:layout_marginLeft="15dp"               android:textColor="#888"               android:textColorLink="#FF0066CC" />          <ImageView android:id="@+id/miniTwitter_logo"              android:src="@drawable/cat"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_alignParentRight="true"              android:layout_alignParentBottom="true"              android:layout_marginRight="25dp"              android:layout_marginLeft="10dp"              android:layout_marginBottom="25dp" />          <ImageView android:src="@drawable/logo"              android:layout_width="wrap_content"              android:layout_height="wrap_content"              android:layout_toLeftOf="@id/miniTwitter_logo"              android:layout_alignBottom="@id/miniTwitter_logo"              android:paddingBottom="8dp"/>      </RelativeLayout>  </LinearLayout>  4、java源代码，Java源文件比较简单，只是实例化Activity，去掉标题栏。package com.mytwitter.acitivity;    import android.app.Activity;  import android.os.Bundle;  import android.view.Window;    public class LoginActivity extends Activity {      @Override      public void onCreate(Bundle savedInstanceState) {          super.onCreate(savedInstanceState);          requestWindowFeature(Window.FEATURE_NO_TITLE);          setContentView(R.layout.login);      }  }  5、实现效果如下： 

方法/步骤1首先看看刚创建完的项目界面，除了菜单栏、工具栏等，没有什么可以编辑的界面2通过项目的文件浏览器可以打开所有项目文件，所以文件管理器在整个开发过程中相当重要。其中用到最多的便是app项，其余大部分是软件自动执行或生成相关文件；External libraries用来保存外部导入的类库，用到的时候可以进行调用。3在app项下面包含了项目创建所需的资源和配置文件：首先打开layout，在src-》main-》res-》layout下，这是安卓app的界面设计文件，所有的界面都可以通过这里的xml文件生成4双击xml文件打开设计界面，关于layout的具体设计以后再讲，这里仅介绍如何打开layout。5项目的菜单设计在menu项下的xml文件中定义和设计。6字符串文件也是项目中重要的文件，在app开发过程中会用到很多字符串数据，建议大家都在strings.xml中定义好以后再调用，这样在汉化或者转化为他国语言时，只要备份strings.xml文件，然后替换成中文或他国文字就可以了。其实这就是其他国家软件汉化成中文的途径。7软件图标的设计也是非常重要的，这就是UI设计的目的所在，所有图片文件都应保存在drawable-xxxx文件下8另外一个重要文件就是AndroidManifest.xml,这里定义了项目的打包名称；项目的标题、主题、图标以及所有的活动项，各种访问权限的设置等等都在这里设置。9接下来是安卓开发最重要的部分，活动程序的编写部分，所有app都至少包含一个activity，这里用来实现app所需的功能，完成功能代码的编写，这里可以调用其他文件中定义的资源对界面进行访问，对接收器或发生器进行读写等等10最后讲讲R文件，R文件在app->build->source->r->debug下的第二个文件夹下，用来存放所有activity、layout、控件等资源的定义，这是软件自动生成的，不需要修改也不允许修改，在编程过程中一般通过R.id.xxx来访问资源。

方法/步骤1首先看看刚创建完的项目界面，除了菜单栏、工具栏等，没有什么可以编辑的界面2通过项目的文件浏览器可以打开所有项目文件，所以文件管理器在整个开发过程中相当重要。其中用到最多的便是app项，其余大部分是软件自动执行或生成相关文件；External libraries用来保存外部导入的类库，用到的时候可以进行调用。3在app项下面包含了项目创建所需的资源和配置文件：首先打开layout，在src-》main-》res-》layout下，这是安卓app的界面设计文件，所有的界面都可以通过这里的xml文件生成4双击xml文件打开设计界面，关于layout的具体设计以后再讲，这里仅介绍如何打开layout。5项目的菜单设计在menu项下的xml文件中定义和设计。6字符串文件也是项目中重要的文件，在app开发过程中会用到很多字符串数据，建议大家都在strings.xml中定义好以后再调用，这样在汉化或者转化为他国语言时，只要备份strings.xml文件，然后替换成中文或他国文字就可以了。其实这就是其他国家软件汉化成中文的途径。7软件图标的设计也是非常重要的，这就是UI设计的目的所在，所有图片文件都应保存在drawable-xxxx文件下8另外一个重要文件就是AndroidManifest.xml,这里定义了项目的打包名称；项目的标题、主题、图标以及所有的活动项，各种访问权限的设置等等都在这里设置。9接下来是安卓开发最重要的部分，活动程序的编写部分，所有app都至少包含一个activity，这里用来实现app所需的功能，完成功能代码的编写，这里可以调用其他文件中定义的资源对界面进行访问，对接收器或发生器进行读写等等10最后讲讲R文件，R文件在app->build->source->r->debug下的第二个文件夹下，用来存放所有activity、layout、控件等资源的定义，这是软件自动生成的，不需要修改也不允许修改，在编程过程中一般通过R.id.xxx来访问资源。

GridLayout有三种构造方法。第三种方法可以设计边距构造方法详细信息1。GridLayoutpublic GridLayout()创建具有默认值的网格布局，即每个组件占据一行一列。从以下版本开始：JDK1.12。GridLayoutpublic GridLayout(int rows, int cols)创建具有指定行数和列数的网格布局。给布局中的所有组件分配相等的大小。rows 和 cols 中的一个可以为零（但不能两者同时为零），这表示可以将任何数目的对象置于行或列中。参数：rows - 该 rows 具有表示任意行数的值零。cols - 该 cols 具有表示任意列数的值零。3。GridLayoutpublic GridLayout(int rows, int cols, int hgap, int vgap)创建具有指定行数和列数的网格布局。给布局中的所有组件分配相等的大小。此外，将水平和垂直间距设置为指定值。水平间距将置于列与列之间。将垂直间距将置于行与行之间。rows 和 cols 中的一个可以为零（但不能两者同时为零），这表示可以将任何数目的对象置于行或列中。所有 GridLayout 构造方法都服从这一规定。参数：rows - 该 rows 具有表示任意行数的值零cols - 该 cols 具有表示任意列数的值零hgap - 水平间距vgap - 垂直间距抛出：IllegalArgumentException - 如果将 rows 和 cols 的值都设置为零