一、视图组件与容器组件:
Android应用的大部分UI组件都放在android.widget包及其子包、android.view包及其子包中,Android应用的所有UI组件都继承了View类,View组件我们可以和Swing编程中的JPanel,它代表了一个空白的矩形区域。
View类还有一个重要的子类:ViewGroup,但ViewGroup通常作为其他组件的容器使用。
Android的所有UI组件都是建立在View、ViewGroup基础之上的:
在前面的介绍中,我们也说了Android推荐使用XML布局文件来定义用户界面,而不是使用Java代码来开发用户界面,因此所有组件都提供了两种方式来控制组件的行为:
在XML布局文件中通过XML属性进行控制;
在Java代码中通过调用方法进行控制;
其实,不管我们使用哪种方式,它们控制Android用户界面行为的本质是完全一样的。大部分时候,控制UI组件的XML属性还有对应的方法。
对于View类而言,它是所有UI组件的基类,因此它包含了XML属性和方法是所有组件都可以使用的。因为很多,具体方法这里可以查看手册:
ViewGroup继承了View类,当然也可以当成普通View来使用,但ViewGroup主要还是当成容器类来使用,但由于ViewGroup是一个抽象类,因此实际使用中通常是使用ViewGroup的子类来作为容器,例如各种布局管理器。
ViewGroup容器控制其子组件的分布依赖于ViewGroup.LayoutParams、ViewGroup.MarginLayoutParams两个内部类,这两个内部类中都提供了一些XML属性,ViewGroup容器中的子组件可以指定这些XML属性。
ViewGroup.LayoutParams支持的属性
XML属性 | 说明 |
android.layout_height | 指定该子组件的基本高度 |
android.layout_width | 指定该子组件的基本宽度 |
android.layout_height和android.layout_width两个属性支持如下三个属性值:
fill_parent:指定子组件的高度、宽度与父容器组件的宽度、高度相同(实际上还要减去填充的空白距离)。
match_parent:该属性值与fill_parent完全相同,而且从Android2.2开始就推荐使用该属性来替代fill_parent,但由于ADT生成的UI组件总是使用fill_parent属性值的,所以很多时候还是使用fill_parent。
wrap_content:指定子组件的大小恰好能包裹它的内容即可。
ViewGroup.MarginLayoutParams用于控制子组件周围的页边距:
XML属性 | 相关方法 | 说明 |
android:layout_marginBottom | setMargins(int,int,int,int) | 指定该子组件下边的页边距 |
android:layout_marginLeft | setMargins(int,int,int,int) | 指定该子组件左边的页边距 |
android:layout_marginRight | setMargins(int,int,int,int) | 指定该子组件右边的页边距 |
android:layout_marginTop | setMargins(int,int,int,int) | 指定该子组件上边的页边距 |
二、使用XML布局文件控制UI界面:
上面也说了Android推荐我们使用XML布局文件来控制视图,这样一来简单明了,二来可以将应用的视图控制逻辑从Java代码中分离出来,放入XML文件中控制,从而更好的体现MVC。
当我们在Android应用的res/layout目录下定义一个主文件名任意的XML布局文件之后(R.java会自动收录该布局资源),java代码可以通过如下方法在Activity中显示该视图:
setContentView(R.layout.<资源文件名称>); |
当在布局文件中添加多个UI组件时,都可以为该UI组件指定android.id属性,该属性的属性值代表该组件的唯一标识,接下来如果希望在Java代码中访问指定UI组件,可以通过如下代码来访问它:
findViewById(R.id.<android.id 属性值>); |
一旦在程序中获得指定UI组件之后,接下来就可以通过代码来控制各UI组件的外观行为了,包括为UI组件绑定事件监听器等;
三、在代码中控制UI界面:
当然我们说了,如果你愿意的话,完全可以在Java代码中控制UI界面,如果希望在代码中控制UI界面,那么所有的UI组件都将通过new关键字创建出来,然后再以合适的方式搭建在一起。但是建议不要这样使用,因为这样不利于高层次的解耦,而且由于通过new关键字来创建UI组件,需要调用方法来设置UI组件的行为,因此代码也显得是否臃肿。
四、使用XML布局文件和Java代码混合控制UI界面:
前面说了Java控制UI过于繁琐不利于解耦,而XML布局文件的有难免有些失灵活,因此可能有些时候我们需要混合使用。当我们混合使用的时候一般习惯上把变化小,行为比较固定的组件放在XML布局文件中管理,而那些变化较多,行为控制比较复杂的组件则交给Java代码来管理。
Demo:
main.xml
<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:id="@+id/root" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" > </LinearLayout>
HunHeUIActivity.java:
package com.iflytek.activity;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class HunHeUIActivity extends Activity {
/** Called when the activity is first created. */
// 定义一个访问图片的数组
int[] images = new int[] { R.drawable.news, R.drawable.pc, R.drawable.time };
int currentImg = 0;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
// 获取LinearLayout布局容器
LinearLayout main = (LinearLayout) findViewById(R.id.root);
// 程序创建ImageView组件
final ImageView image = new ImageView(this);
// 将ImageView组件添加到LinearLayout布局容器中
main.addView(image);
// 初始化时,显示第一张图片
image.setImageResource(images[0]);
image.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
if (currentImg >= 2) {
currentImg = -1;
}
// 改变ImageView里显示的图片
image.setImageResource(images[++currentImg]);
}
});
}
}
运行效果:
五、开发自定义View:
前面我们说了View的作用类似于JPanel,它只是一个矩形的空白区域,View组件没有任何内容,对于Android应用的其他UI组件来说,他们都继承View组件,然后在View组件提供的空白区域上绘制外观。
基于Android UI组件的实现原理,当Android系统提供的UI组件不能满足项目需要时,我们可以通过继承View来派生自定义组件。
当我们自定义UI组件时,首先需要定义一个继承View基类的子类,然后重写View类的一个或多个方法,通常可以被用户重写的方法如下:
构造器:重写构造器是定制View的最基本方式,当Java代码创建一个View实例,或根据XML布局文件加载并构建界面时需要调用该构造器。