Chinaunix首页 | 论坛 | 博客
  • 博客访问: 4028988
  • 博文数量: 366
  • 博客积分: 9916
  • 博客等级: 中将
  • 技术积分: 7195
  • 用 户 组: 普通用户
  • 注册时间: 2011-05-29 23:27
个人简介

简单!

文章分类

全部博文(366)

文章存档

2013年(51)

2012年(269)

2011年(46)

分类: 嵌入式

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类的一个或多个方法。

阅读(2920) | 评论(0) | 转发(0) |
0

上一篇:应用程序权限

下一篇:高级界面组件

给主人留下些什么吧!~~