Android界面设计的4种方式之三——使用XML和JAVA代码混合控制UI界面

第一种方法实现比较方便但是有失灵活，而第二种方法虽然比较灵活，但是开发过程比较繁琐。鉴于这两种方法的优缺点，可以使用XML和JAVA代码混合控制UI界面。
使用XML和JAVA代码混和控制UI界面，习惯上把变化小、行为比较固定的组件放在XML布局文件中，把变化多、行为控制比较复杂的组件交给JAVA代码来管理。下面就通过一个工具体的实例来演示如何使用XML和JAVA代码混合控制UI界面。
Step1，在布局文件中设置为线性布局，并设置背景和id：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical"
    android:background="@drawable/galaxy"
    android:id="@+id/layout"
     >
</LinearLayout>

Step2，在MainActivity中，声明img和imagePath两个属性，其中，img是一个imageView类型的一维数组，用于保存ImageView组件：imagePath是一个int型的一维数组，用于保存要访问的图片资源，关键代码如下：

private ImageView[] img=new ImageView[4];//声明一个保存ImageView的组件
private int[] imagePath=new int[]{R.drawable.android,R.drawable.bluetooth,R.drawable.browser,R.drawable.bump,R.drawable.calendar};//声明并初始化一个保存访问图片的数组

Step3，在onCreate方法中。首先获取在XML文件中创建的线性布局管理器，然后通过一个for循环创建4个显示图片的ImageView组件，并将其添加到布局管理器中，关键代码如下：

    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        LinearLayout layout=(LinearLayout)findViewById(R.id.layout);//获取XML文件中定义的线性布局管理器        
        for (int i = 0; i < imagePath.length; i++) {
            img[i]=new ImageView(this);//创建一个ImageView组件
            img[i].setImageResource(imagePath[i]);//为ImageView组件指定要显示的图片
            img[i].setPadding(6, 6, 8, 8);//设置ImageView组件的内边距
            LayoutParams params=new LayoutParams(200,100);//设置图片的宽度和高度
            img[i].setLayoutParams(params);//为ImageView组件设置布局参数
            layout.addView(img[i]);//将ImageView组件添加到布局管理器
        }
    }