android用户界面开发

1：XML布局实现界面

第一步在res/layout目录下创建一个layout文件

/*

*LinearLayoutb：布局方式为线性布局

*TextView：控件文本

*Button：控件按钮

*/

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <TextView
        android:id="@+id/text"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I am a TextView" />
    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="I am a Button" />
</LinearLayout>


第二步在Activity的onCreate方法中使用setContentView(R.layout.mylayout)隐式加载布局文件。

public class MainActivity extends Activity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
//通过inflater显式加载布局文件，把xml表述的layout转化为View对象
                                   LayoutInflater inflater = LayoutInflater.from(this);
View demo = inflater.inflate(R.layout.mylayout, null);
setContentView(demo);

}
}

效果图：

使用XML文件来定义布局，还有以下优点：
1)实现应用的表现层与逻辑层分离，使得代码更加整洁，更便于程序的维护。

2)既方便开发人员阅读，也方便程序解析。

3)方便的实现用户界面的自适应转换。因为Android应用运行的硬件设备的现实环境可能变化很大，而且即使是同一种设备，用户也经常变换屏幕方向，将这种不同运行环境下对应的布局信息定义在不同的XML文件中，将更加方便Android根据当前运行环境灵活切换合适的用户界面布局信息，确保应用始终能够以最佳状态呈现在用户面前。

2：代码实现界面

在代码中创建布局信息，将包含以下步骤：
1)创建UI组件对象
2)设置UI组件属性
3)创建布局对象
4)设置布局对象属性

5)调用addView方法将UI组件添加到布局中
6)调用setContentView方法将布局绑定到Activity

代码如下：

public class MainActivity extends Activity {
  protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

                //加载布局
SmartLayout speechLayout = new SmartLayout(this,"android",
                                                      "Android基于Linux的开源手机操作系统");        
                //将布局在屏幕上显示出来        

                setContentView(speechLayout);
}
 
private class SmartLayout extends LinearLayout {
private TextView mTitle;
private TextView mContent;
 
public SmartLayout(Context context, String t, String c) {
super(context);
 
this.setOrientation(VERTICAL);
mTitle = new TextView(context);
mTitle.setText(t);
addView(mTitle, new LinearLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
mContent= new TextView(context);
mContent.setText(c);
addView(mContent, new LinearLayout.LayoutParams(
LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT));
}

运行实例：