简单!
全部博文(366)
分类: 嵌入式
2012-09-30 11:45:30
1、使用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.
); 一旦在程序中获得指定UI组件后,接下来就可以通过代码来控制各UI组件的外观行为了,包括UI组件绑定监听器等。
2、在代码中控制UI界面
可以抛弃XML布局文件,完全在java代码中控制UI界面。如果希望在代码中控制UI界面,那么所有的UI组件都将通过new关键字创建出来,然后以合适的方式“搭建”在一起即可。下面的例子就是用Java代码控制UI界面:
package org.crazyit.codeview;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;public class CodeView extends Activity {
// 当第一次创建该Activity时回调该方法
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
// 创建一个线性布局管理器
LinearLayout layout = new LinearLayout(this);
// 设置该Activity显示layout
super.setContentView(layout);
layout.setOrientation(LinearLayout.VERTICAL);
// 创建一个TextView
final TextView show = new TextView(this);
// 创建一个按钮
Button bn = new Button(this);
bn.setText(R.string.ok);
bn.setLayoutParams(new ViewGroup.LayoutParams(
ViewGroup.LayoutParams.WRAP_CONTENT,
ViewGroup.LayoutParams.WRAP_CONTENT));
// 向Layout容器中添加TextView
layout.addView(show);
// 向Layout容器中添加按钮
layout.addView(bn);
// 为按钮绑定一个事件监听器
bn.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
show.setText("Hello , Android , " + new java.util.Date());
}
});
}
}
执行后的结果显示一个按钮,上面是一个文本显示框,一单击按钮,则文本显示框中显示当前的时间。
这种方式不仅编程繁琐,而且不利于高层次的解耦,因此不推荐开发者使用这种方式。
3、使用XML布局文件和Java代码混合控制UI界面
前面提到,完全用java代码控制UI界面不仅繁琐,而且不利于解耦;而完全用XML布局文件控制UI界面虽然方便、便捷,但难免有失灵活。因此,有时要混合使用XML布局文件和代码来控制UI界面。
当混合使用XML布局文件和代码控制UI界面时,习惯把变化小、行为较固定的组件放在XML文件中管理,那些变化较大、行为控制较复杂的组件交给java代码管理。
例如,我们现在布局文件中定义一个简单的线性布局容器。该布局文件(main.xml)的代码如下:
android:id="@+id/root"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
>
上面的布局文件只是定义了一个简单的线性布局,接下来我们会在程序中获取该线性布局容器,并在容器中添加组件,下面是程序代码:
package org.crazyit.mixview;
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 MixView extends Activity
{
//定义一个访问图片的数组
int[] images = new int[]{
R.drawable.java,
R.drawable.ee,
R.drawable.classic,
R.drawable.ajax,
R.drawable.xml,
};
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()
{
@Override
public void onClick(View v)
{
if (currentImg >= 4)
{
currentImg = -1;
}
//改变ImageView里显示的图片
image.setImageResource(images[++currentImg]);
}
});
}
}上面程序第一行绿色代码获取该Activity所显示的LinearLayout(线性布局管理器),第二、第三行绿色代码用 于创建一个ImageView,并将该ImageView添加到LinearLayout容器中----其中LinearLayout布局管理器通过 XML布局文件管理,而ImageView由java代码管理。程序还为ImageView组件添加了一个单击事件,当用户单击该组件 时,ImageView显示下一张图片。
4、开发自定义View
当Android系统提供的UI组件不足以满足项目需求时,开发者可以通过继承View来派生自定义组件。当开发者打算派生自己的UI组件时,首先定义一个继承View基类的子类,然后重写View类的一个或多个方法。