android 核心组件( 1 ) 常用布局, adapter, handler, UI

 常用布局:

线性布局:lineerlayout,

相对布局:relativeLayout,

表格布局:tablelayout,

列表布局:listview(listAdapter),

表格布局:gridview(listadapter),imageadapter,

绝对布局:absoluteLayout,

标签布局:tab layout

 

UI组件:

包括:

1>android.content.res

2>android.graphics

3>android.vew

4>android.widget

1> lineerlayout:

<LinerLayout orientation="horizontal">  ping

  <Button android:layout_weight="1" />

 <Button android:layout_weight="1" />

</LinerLayout>

 

 

<LinerLayout orientation="vertical">  zhuizhi

  <Button android:layout_weight="1" />

 <Button android:layout_weight="1" />

</LinerLayout>

 

2> relativeLayout:

<RelativeLayout >

  <Button android:id="@+id/lable" />

 <Button android:layout_below= "@id/lable"

   android:layout_marginleft="10dip"

/>

</RelativeLayout>

 

3> table layout

<TableLayout android:shrinkColumns="0,1,2">

<TableRow>

  <Button android:layout_column="0" />

</TableRow>

</TableLayout>

 

 

4> saoultelayout

<AbsoluteLayout >

  <Button android:layout_X="20dip"  android:layout_y="20dip" />

</TableRow>

</AbsoluteLayout>

 

1> adapter

2> handler

 

 

1> adapter

一个Adapter的对象扮演一个桥梁的角色。这个桥梁连接着一个AdapterView和它所包含的数据.

2> handler:主要接受子线程发送的数据, 并用此数据配合主线程更新UI.

 

一、Handler的定义:
          主要接受子线程发送的数据, 并用此数据配合主线程更新UI.
          解释: 当应用程序启动时,Android首先会开启一个主线程 (也就是UI线程) , 主线程为管理界面中的UI控件,进行事件分发, 比如说, 你要是点击一个 Button, Android会分发事件到Button上,来响应你的操作。  如果此时需要一个耗时的操作,例如: 联网读取数据,或者读取本地较大的一个文件的时候,你不能把这些操作放在主线程中,如果你放在主线程中的话,界面会出现假死现象, 如果5秒钟还没有完成的话,会收到Android系统的一个错误提示  "强制关闭".  这个时候我们需要把这些耗时的操作,放在一个子线程中,因为子线程涉及到UI更新,Android主线程是线程不安全的,也就是说,更新UI只能在主线程中更新,子线程中操作是危险的. 这个时候,Handler就出现了来解决这个复杂的问题,由于Handler运行在主线程中(UI线程中),它与子线程可以通过Message对象来传递数据,这个时候,Handler就承担着接受子线程传过来的(子线程用sedMessage()方法传弟)Message对象,(里面包含数据)  , 把这些消息放入主线程队列中,配合主线程进行更新UI。

 

二、Handler一些特点
        handler可以分发Message对象和Runnable对象到主线程中, 每个Handler实例,都会绑定到创建他的线程中(一般是位于主线程),
        它有两个作用: (1):  安排消息或Runnable 在某个主线程中某个地方执行, (2)安排一个动作在不同的线程中执行
      
        Handler中分发消息的一些方法
        post(Runnable)
        postAtTime(Runnable,long)
        postDelayed(Runnable long)
        sendEmptyMessage(int)
        sendMessage(Message)
        sendMessageAtTime(Message,long)
        sendMessageDelayed(Message,long)
        以上post类方法允许你排列一个Runnable对象到主线程队列中,
        sendMessage类方法, 允许你安排一个带数据的Message对象到队列中,等待更新.

三、Handler实例
      (1) 子类需要继承Handler类,并重写handleMessage(Message msg) 方法, 用于接受线程数据
      以下为一个实例,它实现的功能为 : 通过线程修改界面Button的内容

 1  public   class  MyHandlerActivity  extends  Activity {
 2      Button button;
 3      MyHandler myHandler;
 4 
 5       protected   void  onCreate(Bundle savedInstanceState) {
 6           super .onCreate(savedInstanceState);
 7          setContentView(R.layout.handlertest);
 8 
 9          button  =  (Button) findViewById(R.id.button);
10          myHandler  =   new  MyHandler();
11           //  当创建一个新的Handler实例时, 它会绑定到当前线程和消息的队列中,开始分发数据
12           //  Handler有两个作用, (1) : 定时执行Message和Runnalbe 对象
13           //  (2): 让一个动作,在不同的线程中执行.
14 
15           //  它安排消息,用以下方法
16           //  post(Runnable)
17           //  postAtTime(Runnable,long)
18           //  postDelayed(Runnable,long)
19           //  sendEmptyMessage(int)
20           //  sendMessage(Message);
21           //  sendMessageAtTime(Message,long)
22           //  sendMessageDelayed(Message,long)
23        
24           //  以上方法以 post开头的允许你处理Runnable对象
25           // sendMessage()允许你处理Message对象(Message里可以包含数据,)
26 
27          MyThread m  =   new  MyThread();
28           new  Thread(m).start();
29      }
30 
31       /**
32      * 接受消息,处理消息 ,此Handler会与当前主线程一块运行
33      *  */
34 
35       class  MyHandler  extends  Handler {
36           public  MyHandler() {
37          }
38 
39           public  MyHandler(Looper L) {
40               super (L);
41          }
42 
43           //  子类必须重写此方法,接受数据
44          @Override
45           public   void  handleMessage(Message msg) {
46               //  TODO Auto-generated method stub
47              Log.d( " MyHandler " " handleMessage...... " );
48               super .handleMessage(msg);
49               //  此处可以更新UI
50              Bundle b  =  msg.getData();
51              String color  =  b.getString( " color " );
52              MyHandlerActivity. this .button.append(color);
53 
54          }
55      }
56 
57       class  MyThread  implements  Runnable {
58           public   void  run() {
59 
60               try  {
61                  Thread.sleep( 10000 );
62              }  catch  (InterruptedException e) {
63                   //  TODO Auto-generated catch block
64                  e.printStackTrace();
65              }
66 
67              Log.d( " thread....... " " mThread........ " );
68              Message msg  =   new  Message();
69              Bundle b  =   new  Bundle(); //  存放数据
70              b.putString( " color " " 我的 " );
71              msg.setData(b);
72 
73              MyHandlerActivity. this .myHandler.sendMessage(msg);  //  向Handler发送消息,更新UI
74 
75          }
76      }
77 

   Android布局  

View的布局显示方式有下面几种:线性布局(Linear Layout)、相对布局(Relative Layout)、表格布局(Table Layout)、网格视图(Grid View)、标签布局(Tab Layout)、列表视图(List View)、绝对布局(AbsoluteLayout)。本文虽然是介绍View的布局方式,但不仅仅是这样,其中涉及了很多小的知识点,绝对能给你带来Android大餐!

本文的主要内容就是分别介绍以上视图的七种布局显示方式效果及实现,大纲如下:

  • 1、View布局概述
  • 2、线性布局(Linear Layout)
    • 2.1、Tips:android:layout_weight="1"
  • 3、相对布局(Relative Layout)
  • 4、表格布局(Table Layout)
  • 5、列表视图(List View)
    • 5.1、一个小的改进
    • 5.2、补充说明
  • 6、网格视图(Grid View)
  • 7 、绝对布局()
  • 8、标签布局(Tab Layout)

1、view的布局显示概述

通过前面的学习我们知道:在一个Android应用程序中,用户界面通过ViewViewGroup对象构建。Android中有很多种View和ViewGroup,他们都继承自View类。View对象是Android平台上表示用户界面的基本单元。

View的布局显示方式直接影响用户界面,View的布局方式是指一组View元素如何布局,准确的说是一个ViewGroup中包含的一些View怎么样布局。ViewGroup类是布局(layout)和视图容器(View container)的基类,此类也定义了ViewGroup.LayoutParams类,它作为布局参数的基类,此类告诉父视图其中的子视图想如何显示。例如,XML布局文件中名为layout_something的属性(参加上篇的4.2节)。我们要介绍的View的布局方式的类,都是直接或间接继承自ViewGroup类,如下图所示:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

其实,所有的布局方式都可以归类为ViewGroup的5个类别,即ViewGroup的5个直接子类。其它的一些布局都扩展自这5个类。

上面提到的几个ViewGroup,稍微详细点介绍一下:
  • AbsoluteLayout,绝对定位的布局方式,在它内部嵌套的元素必须指定具体的位置。
  • FrameLayout, 帧布局方式,说帧不太容易理解,可以说成是层布局方式,也就是说,在它内部的元素,是一层一层的叠加在一起的。如果用过Photoshop,或者 Flash,这里面的层的概念是和他们一致的。如果最上层的元素是不透明的,并且比下面的元素尺寸要大,那么将看不到下面的元素,只能看到顶层元素。这些 层的顺序是:最新声明的放到最前面。可以这样理解,Android按文件的书写顺序来组织这个布局,先声明的放在第一层,再声明的放到第二层,…,最后声 明的放在最顶层。
  • LinearLayout,线性布局方式(真不知道这该怎么翻译,其实很多技术名词还是不翻译的好),这种布局比较常用,也比较简单,就是每个元素占一行,当然也可能声明为横向排放,也就是每个元素占一列。
  • RelativeLayout, 相对定位的布局方式,这个比较好玩,在元素的位置的时候,使用相对位置,可以相对其他元素,也可以相对这个布局,就像我说:我现在站在pawa和 tempest的中间;或者说,我站在队伍的中间。前者就是相对其他元素来定义位置,后者是相对整个布局来定义位置。(注:pawa和tempest是 Android历史上很著名的两位人物,具体请参阅 Roiding.com)。
  • TableLayout,表格的布局方式,我真的不忍心翻译Table这个词,翻译成表格,似乎少了一些神韵,这里面的Table和HTML中的Table非常像,就连写法都非常像。

下面分小节分别介绍View的七种布局显示方式。

2、线性布局(Linear Layout)

线性布局:是一个ViewGroup以线性方向显示它的子视图(view)元素,即垂直地水平地。之前我们的Hello World!程序中view的布局方式就是线性布局的,一定不陌生!如下所示res/layour/main.xml

  
    
<? xml version = " 1.0 " encoding = " utf-8 " ?>
< LinearLayout xmlns:android = " http://schemas.android.com/apk/res/android "
android:layout_width
= " fill_parent "
android:layout_height
= " fill_parent "
android:orientation
= " horizontal " ><!-- have an eye on ! -->
< Button android:id = " @+id/button1 "
android:layout_width
= " wrap_content "
android:layout_height
= " wrap_content "
android:text
= " Hello, I am a Button1 "
android:layout_weight
= " 1 "
/>
< Button android:id = " @+id/button2 "
android:layout_width
= " wrap_content "
android:layout_height
= " wrap_content "
android:text
= " Hello, I am a Button2 "
android:layout_weight
= " 1 "
/>
< Button android:id = " @+id/button3 "
android:layout_width
= " wrap_content "
android:layout_height
= " wrap_content "
android:text
= " Hello, I am a Button3 "
android:layout_weight
= " 1 "
/>
< Button android:id = " @+id/button4 "
android:layout_width
= " wrap_content "
android:layout_height
= " wrap_content "
android:text
= " Hello, I am a Button4 "
android:layout_weight
= " 1 "
/>
< Button android:id = " @+id/button5 "
android:layout_width
= " wrap_content "
android:layout_height
= " wrap_content "
android:text
= " Hello, I am a Button5 "
android:layout_weight
= " 1 "
/>
</ LinearLayout >

从上面可以看出根LinearLayout视图组(ViewGroup)包含5个Button,它的子元素是以线性方式(horizontal,水平的)布局,运行效果如下图所示:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

如果你在android:orientation="horizontal"设置为vertical,则是是垂直或者说是纵向的,如下图所示:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

2.1、Tips:android:layout_weight="1"
     
       
没有了这个属性,我们本来定义的5个Button运行后却只显示了2个Button,为什么呢??

"weight"顾名思义是权重的意思,layout_weight 用于给一个线性布局中的诸多视图的重要程度赋值。所有的视图都有一个layout_weight值,默认为零,意思是需要显示多大的视图就占据多大的屏幕空间。这就不难解释为什么会造成上面的情况了:Button1~Button5都设置了layout_height和layout_width属性为wrap_content即包住文字内容,他们都没有设置layout_weight 属性,即默认为0.,这样Button1和Button2根据需要的内容占据了整个屏幕,别的就显示不了啦!

若赋一个高于零的值,则将父视图中的可用空间分割,分割大小具体取决于每一个视图的layout_weight值以及该值在当前屏幕布局的整体layout_weight值和在其它视图屏幕布局的layout_weight值中所占的比率而定。举个例子:比如说我们在 水平方向上有一个文本标签和两个文本编辑元素。该文本标签并无指定layout_weight值,所以它将占据需要提供的最少空间。如果两个文本编辑元素每一个的layout_weight值都设置为1,则两者平分在父视图布局剩余的宽度(因为我们声明这两者的重要度相等)。如果两个文本编辑元素其中第一个的layout_weight值设置为1,而第二个的设置为2,则剩余空间的三分之二分给第一个,三分之一分给第二个(数值越小,重要度越高)。

 这个属性很关键,如果你没有显示设置它,它默认为0。把上面布局文件(水平显示的那个)中的这个属性都去掉,运行会得出如下结果:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

  
    
没有了这个属性,我们本来定义的5个Button运行后却只显示了2个Button,为什么呢??

" weight " 顾名思义是权重的意思,layout_weight 用于给一个线性布局中的诸多视图的重要程度赋值。所有的视图都有一个layout_weight值,默认为零,意思是需要显示多大的视图就占据多大的屏幕空间。这就不难解释为什么会造成上面的情况了:Button1 ~ Button5都设置了layout_height和layout_width属性为wrap_content即包住文字内容,他们都没有设置layout_weight 属性,即默认为0.,这样Button1和Button2根据需要的内容占据了整个屏幕,别的就显示不了啦!

若赋一个高于零的值,则将父视图中的可用空间分割,分割大小具体取决于每一个视图的layout_weight值以及该值在当前屏幕布局的整体layout_weight值和在其它视图屏幕布局的layout_weight值中所占的比率而定。举个例子:比如说我们在 水平方向上有一个文本标签和两个文本编辑元素。该文本标签并无指定layout_weight值,所以它将占据需要提供的最少空间。如果两个文本编辑元素每一个的layout_weight值都设置为1,则两者平分在父视图布局剩余的宽度(因为我们声明这两者的重要度相等)。如果两个文本编辑元素其中第一个的layout_weight值设置为1,而第二个的设置为2,则剩余空间的三分之二分给第一个,三分之一分给第二个(数值越小,重要度越高)。

3、相对布局(Relative Layout)

相对布局:是一个ViewGroup以相对位置显示它的子视图(view)元素,一个视图可以指定相对于它的兄弟视图的位置(例如在给定视图的左边或者下面)或相对于RelativeLayout的特定区域的位置(例如底部对齐,或中间偏左)。

相对布局是设计用户界面的有力工具,因为它消除了嵌套视图组。如果你发现你使用了多个嵌套的LinearLayout视图组后,你可以考虑使用一个RelativeLayout视图组了。看下面的res/layour/main.xml 

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
<? xml version="1.0" encoding="utf-8" ?>
< RelativeLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent" >
< TextView
android:id ="@+id/label"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:text
="Type here:" />
< EditText
android:id ="@+id/entry"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:background
="@android:drawable/editbox_background"
android:layout_below
="@id/label" /> <!-- have an eye on ! -->
< Button
android:id ="@+id/ok"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:layout_below
="@id/entry" <!-- have an eye on ! -- >
android:layout_alignParentRight="true"
<!-- have an eye on ! -->
android:layout_marginLeft="10dip"
android:text="OK" />
< Button
android:layout_width ="wrap_content"
android:layout_height
="wrap_content"
android:layout_toLeftOf
="@id/ok" <!-- have an eye on ! -- >
android:layout_alignTop="@id/ok"
<!-- have an eye on ! -->
android:text="Cancel" />
</ RelativeLayout >

从上面的布局文件我们知道,RelativeLayout视图组包含一个TextView、一个EditView、两个Button,注意标记了<!-- have an eye on ! -->(请注意运行代码的时候,请把这些注释去掉,否则会运行出错,上面加上是为了更加醒目!)的属性,在使用相对布局方式中就是使用这些类似的属性来定位视图到你想要的位置,它们的值是你参照的视图的id。这些属性的意思很简单,就是英文单词的直译,就不多做介绍了。运行之后,得如下结果:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

4、 表格布局(Table Layout)

表格布局:是一个ViewGroup以表格显示它的子视图(view)元素,即行和列标识一个视图的位置。其实Android的表格布局跟HTML中的表格布局非常类似,TableRow 就像HTML表格的<tr>标记。

用表格布局需要知道以下几点

看下面的res/layour/main.xml 

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
<? xml version="1.0" encoding="utf-8" ?>
< TableLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:shrinkColumns
="0,1,2" > <!-- have an eye on ! -->
< TableRow > <!-- row1 -->
< Button android:id ="@+id/button1"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:text
="Hello, I am a Button1"
android:layout_column
="0"
/>
< Button android:id ="@+id/button2"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:text
="Hello, I am a Button2"
android:layout_column
="1"
/>
</ TableRow >
< TableRow > <!-- row2 -->
< Button android:id ="@+id/button3"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:text
="Hello, I am a Button3"
android:layout_column
="1"
/>
< Button android:id ="@+id/button4"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:text
="Hello, I am a Button4"
android:layout_column
="1"
/>
</ TableRow >
< TableRow >
< Button android:id ="@+id/button5"
android:layout_width
="wrap_content"
android:layout_height
="wrap_content"
android:text
="Hello, I am a Button5"
android:layout_column
="2"
/>
</ TableRow >
</ TableLayout >

运行之后可以得出下面的结果:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

5、列表视图(List View)

列表布局:是一个ViewGroup以列表显示它的子视图(view)元素,列表是可滚动的列表。列表元素通过ListAdapter自动插入到列表。

ListAdapter:扩展自Adapter,它是ListView和数据列表之间的桥梁。ListView可以显示任何包装在ListAdapter中的数据。该类提供两个公有类型的抽象方法:

  1. public abstract boolean  areAllItemsEnabled () :表示ListAdapter中的所有元素是否可激活的?如果返回真,即所有的元素是可选择的即可点击的。
  2. public abstract boolean  isEnabled (int position) :判断指定位置的元素是否可激活的?

下面通过一个例子来,创建一个可滚动的列表,并从一个字符串数组读取列表元素。当一个元素被选择时,显示该元素在列表中的位置的消息。

1)、首先,将res/layour/main.xml的内容置为如下: 

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
<? xml version="1.0" encoding="utf-8" ?>
< TextView xmlns:android ="http://schemas.android.com/apk/res/android"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:padding
="10dp"
android:textSize
="16sp" >
</ TextView >

这样就定义了元素在列表中的布局。

2)、src/skynet.com.cnblogs.www/HelloWorld.java文件的代码如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
package skynet.com.cnblogs.www;

import android.app.ListActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;
import android.widget.AdapterView.OnItemClickListener;

public class HelloWorld extends ListActivity {
// 注意这里Helloworld类不是扩展自Acitvity,而是扩展自ListAcitivty
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setListAdapter(
new ArrayAdapter < String > ( this , R.layout.main, COUNTRIES));

ListView lv
= getListView();
lv.setTextFilterEnabled(
true );

lv.setOnItemClickListener(
new OnItemClickListener() {
public void onItemClick(AdapterView <?> parent, View view,
int position, long id) {
// When clicked, show a toast with the TextView text
Toast.makeText(getApplicationContext(), ((TextView) view).getText(),
Toast.LENGTH_SHORT).show();
}
});
}
static final String[] COUNTRIES = new String[] {
" 1 " , " 2 " , " 3 " , " 4 " , " 5 " ,
" 6 " , " 7 " , " 8 " , " 9 " , " 10 " ,
" 11 " , " 12 " , " 13 " , " 14 " , " 15 " ,
" 16 " , " 17 " , " 18 " , " 19 " , " 20 " ,
" 21 " , " 22 " , " 23 " , " 24 "
};
}

3)、运行应用程序得如下结果(点击1之后,在下面显示了1):

android 核心组件( 1 ) 常用布局, adapter, handler, UI

NOTE:如果你改了HelloWorld extends ListActivity 而不是Activity之后,运行程序是提示:“Conversion to Dalvik format failed with error 1”。可以这么解决:解决办法是 Project > Clean... > Clean project selected below > Ok

5.1、一个小的改进

上面我们是把要填充到ListView中的元素硬编码到HelloWorld.java文件中,这样就缺乏灵活性!也不符合推荐的应用程序的界面控制它行为的代码更好地分离的准则!

其实我们可以把要填充到ListView的元素写到res/values/strings.xml文件中的<string-array>元素中,然后再源码中动态地读取。这样strings.xml的内容类似下面:

  
    
<? xml version="1.0" encoding="utf-8" ?>
< resources >
< string-array name ="countries_array" >
< item > 1 </ item >
< item > 2 </ item >
< item > 3 </ item >
< item > 4 </ item >
< item > 5 </ item >
< item > 6 </ item >
< item > 7 </ item >
</ string-array >
</ resources >

然而HelloWorld.java文件中的onCreate()函数,则这样动态访问这个数组及填充到ListVies: 

String[] countries = getResources().getStringArray(R.array.countries_array); 
setListAdapter(new ArrayAdapter<String>(this, R.layout.list_item, countries));

5.2、补充说明

首先总结一下列表布局的关键部分:

  • 布局文件中定义ListView
  • Adapter用来将数据填充到ListView
  • 要填充到ListView的数据,这些数据可以字符串、图片、控件等等

其中Adapter是ListView和数据源之间的桥梁,根据数据源的不同Adapter可以分为三类:

  • String[]: ArrayAdapter
  • List<Map<String,?>>: SimpleAdapter
  • 数据库Cursor: SimpleCursorAdapter

使用ArrayAdapter(数组适配器)顾名思义,需要把数据放入一个数组以便显示,上面的例子就是这样的;SimpleAdapter能定义各种各样的布局出来,可以放上ImageView(图片),还可以放上Button(按钮),CheckBox(复选框)等等;SimpleCursorAdapter是和数据库有关的东西。篇幅有限后面两种就不举例实践了。你可以参考android ListView详解orArrayAdapter ,SimpleAdapter ,SimpleCursorAdapter 区别

6、网格视图(Grid View)

网格布局:是一个ViewGroup以网格显示它的子视图(view)元素,即二维的、滚动的网格。网格元素通过ListAdapter自动插入到网格。ListAdapter跟上面的列表布局是一样的,这里就不重复累述了。

下面也通过一个例子来,创建一个显示图片缩略图的网格。当一个元素被选择时,显示该元素在列表中的位置的消息。

1)、首先,将上面实践截取的图片放入res/drawable/

2)、res/layour/main.xml的内容置为如下:这个GridView填满整个屏幕,而且它的属性都很好理解,按英文单词的意思就对了。

  
    
<? xml version="1.0" encoding="utf-8" ?>
< GridView xmlns:android ="http://schemas.android.com/apk/res/android"
android:id
="@+id/gridview"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:columnWidth
="90dp"
android:numColumns
="auto_fit"
android:verticalSpacing
="10dp"
android:horizontalSpacing
="10dp"
android:stretchMode
="columnWidth"
android:gravity
="center"
/>

3)、然后,HelloWorld.java文件中onCreate()函数如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
public void onCreate(Bundle savedInstanceState) {
super .onCreate(savedInstanceState);
setContentView(R.layout.main);

GridView gridview
= (GridView) findViewById(R.id.gridview);
gridview.setAdapter(
new ImageAdapter( this ));

gridview.setOnItemClickListener(
new OnItemClickListener() {
public void onItemClick(AdapterView <?> parent, View v, int position, long id) {
Toast.makeText(HelloWorld.
this , " " + position, Toast.LENGTH_SHORT).show();
}
});
}

onCreate()函数跟通常一样,首先调用超类的onCreate()函数函数,然后通过setContentView()为活动(Activity)加载布局文件。紧接着是,通过GridView的id获取布局文件中的gridview,然后调用它的setListAdapter(ListAdapter)函数填充它,它的参数是一个我们自定义的ImageAdapter。后面的工作跟列表布局中一样,为监听网格中的元素被点击的事件而做的工作。

4)、实现我们自定义ImageAdapter,新添加一个类文件,它的代码如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
package skynet.com.cnblogs.www;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;

public class ImageAdapter extends BaseAdapter {
private Context mContext;

public ImageAdapter(Context c) {
mContext
= c;
}

public int getCount() {
return mThumbIds.length;
}

public Object getItem( int position) {
return null ;
}

public long getItemId( int position) {
return 0 ;
}

// create a new ImageView for each item referenced by the Adapter
public View getView( int position, View convertView, ViewGroup parent) {
ImageView imageView;
if (convertView == null ) { // if it's not recycled, initialize some attributes
imageView = new ImageView(mContext);
imageView.setLayoutParams(
new GridView.LayoutParams( 85 , 85 ));
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
imageView.setPadding(
8 , 8 , 8 , 8 );
}
else {
imageView
= (ImageView) convertView;
}

imageView.setImageResource(mThumbIds[position]);
return imageView;
}

// references to our images
private Integer[] mThumbIds = {
R.drawable.linearlayout1, R.drawable.linearlayout2,
R.drawable.linearlayout3, R.drawable.listview,
R.drawable.relativelayout, R.drawable.tablelayout
};
}

ImageAdapter类扩展自BaseAdapter,所以首先得实现它所要求必须实现的方法。构造函数和getcount()函数很好理解,而getItem(int)应该返回实际对象在适配器中的特定位置,但是这里我们不需要。类似地,getItemId(int)应该返回元素的行号,但是这里也不需要。

这里重点要介绍的是getView()方法,它为每个要添加到ImageAdapter的图片都创建了一个新的View。当调用这个方法时,一个View是循环再用的,因此要确认对象是否为空。如果是空的话,一个ImageView就被实例化且配置想要的显示属性:

如果View传到getView()不是空的,则本地的ImageView初始化时将循环再用View对象。在getView()方法末尾,position整数传入setImageResource()方法以从mThumbIds数组中选择图片。

运行程序会得到如下结果(点击第一张图片之后):

android 核心组件( 1 ) 常用布局, adapter, handler, UI

7、绝对布局(AbsoluteLayout)

绝对布局:是一个ViewGroup以绝对方式显示它的子视图(view)元素,即以坐标的方式来定位在屏幕上位置。

这种布局方式很好理解,在布局文件或编程地设置View的坐标,从而绝对地定位。如下所示布局文件:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
< AbsoluteLayout xmlns:android ="http://schemas.android.com/apk/res/android"
android:id
="@+id/AbsoluteLayout01"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
>
< TextView android:id ="@+id/txtIntro"
android:text
="绝对布局"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content"
android:layout_x
="20dip" <!-- have an eye on ! -- >
android:layout_y="20dip">
<!-- have an eye on ! -->
</ TextView >
</ AbsoluteLayout >

8、标签布局(Tab Layout)

标签布局:是一个ViewGroup以标签的方式显示它的子视图(view)元素,就像在Firefox中的一个窗口中显示多个网页一样。

为了狂创建一个标签UI(tabbed UI),需要使用到TabHostTabWidgetTabHost必须是布局的根节点,它包含为了显示标签的TabWidget和显示标签内容的FrameLayout

可以有两种方式实现标签内容:使用标签在同一个活动中交换视图、使用标签在完全隔离的活动之间改变。根据你的需要,选择不同的方式,但是如果每个标签提供不同的用户活动,为每个标签选择隔离的活动,因此你可以更好地以分离的组管理应用程序,而不是一个巨大的应用程序和布局。下面还有一个例子来创建一个标签UI,每个标签使用隔离的活动。

1)、在项目中建立三个隔离的Activity类:ArtistisActivity、AlbumActivity、SongActivity。它们每个表示一个分隔的标签。每个通过TextView显示简单的一个消息,例如:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
public class ArtistsActivity extends Activity {
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);

TextView textview = new TextView(this);
textview.setText("This is the Artists tab");
setContentView(textview);
}
}

其它两个类也类似。

2)、设置每个标签的图标,每个图标应该有两个版本:一个是选中时的,一个是未选中时的。通常的设计建议是,选中的图标应该是深色(灰色),未选中的图标是浅色(白色)。

现在创建一个state-list drawable指定哪个图标表示标签的状态:将图片放到res/drawable目录下并创建一个新的XML文件命名为ic_tab_artists.xml,内容如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
<? xml version="1.0" encoding="utf-8" ?>
< selector xmlns:android ="http://schemas.android.com/apk/res/android" >
<!-- When selected, use grey -->
< item android:drawable ="@drawable/ic_tab_artists_grey"
android:state_selected
="true" />
<!-- When not selected, use white -->
< item android:drawable ="@drawable/ic_tab_artists_white" />
</ selector >

3)、res/layour/main.xml的内容置为如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
<? xml version="1.0" encoding="utf-8" ?>
< TabHost xmlns:android ="http://schemas.android.com/apk/res/android"
android:id
="@android:id/tabhost"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent" >
< LinearLayout
android:orientation ="vertical"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:padding
="5dp" >
< TabWidget
android:id ="@android:id/tabs"
android:layout_width
="fill_parent"
android:layout_height
="wrap_content" />
< FrameLayout
android:id ="@android:id/tabcontent"
android:layout_width
="fill_parent"
android:layout_height
="fill_parent"
android:padding
="5dp" />
</ LinearLayout >
</ TabHost >

这个布局将显示标签和提供上面创建的活动之间的导航。TabHost要求包含一个TabWidget和一个FrameLayoutTabWidgetFrameLayoutTabHost以线性垂直地显示。

4)、HelloWorld.java文件源码如下:

android 核心组件( 1 ) 常用布局, adapter, handler, UI View Code
   
     
package skynet.com.cnblogs.www;

import android.widget.TabHost;
import android.app.TabActivity;
import android.content.Intent;
import android.content.res.Resources;
import android.os.Bundle;

public class HelloWorld extends TabActivity{
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);

Resources res = getResources(); // Resource object to get Drawables
TabHost tabHost = getTabHost(); // The activity TabHost
TabHost.TabSpec spec; // Resusable TabSpec for each tab
Intent intent; // Reusable Intent for each tab

// Create an Intent to launch an Activity for the tab (to be reused)
intent = new Intent().setClass(this, ArtistsActivity.class);

// Initialize a TabSpec for each tab and add it to the TabHost
spec = tabHost.newTabSpec("artists").setIndicator("Artists",
res.getDrawable(R.drawable.ic_tab_artists))
.setContent(intent);
tabHost.addTab(spec);

// Do the same for the other tabs
intent = new Intent().setClass(this, AlbumsActivity.class);
spec = tabHost.newTabSpec("albums").setIndicator("Albums",
res.getDrawable(R.drawable.ic_tab_artists))
.setContent(intent);
tabHost.addTab(spec);

intent = new Intent().setClass(this, SongsActivity.class);
spec = tabHost.newTabSpec("songs").setIndicator("Songs",
res.getDrawable(R.drawable.ic_tab_artists))
.setContent(intent);
tabHost.addTab(spec);

tabHost.setCurrentTab(2);
}
}

设置每个标签的文字和图标,并分配每个标签一个活动(这里为了方便三个标签都有相同的图标)。TabHost的引用第一次通过getTabHost()获取。然后,为每个标签,创建TabHost.TabSpec定义标签的属性。newTabSpec(String)方法创建一个新的TabHost.TabSpec以给定的字符串标识标签。调用TabHost.TabSpecsetIndicator(CharSequence, Drawable)为每个标签设置文字和图标,调用setContent(Intent)指定Intent去打开合适的活动。每个TabHost.TabSpec通过调用addTab(TabHost.TabSpec)添加到TabHost。

最后,setCurrentTab(int)设置打开默认显示的标签,通过索引标签的位置。

5)、打开Android的清单文件AndroidManifest.xml,添加NoTitleBar主题到HelloWorld的<activity>标记。这将移除默认应用程序的标题和顶端布局,给标签腾出位置。<activity>标记应该像这样:

<activity android:name=".HelloWorld"

                  android:label="@string/app_name"

                  android:theme="@android:style/Theme.NoTitleBar">

你运行这个程序能够得到什么结果呢?请自行检查。不过我在这里告诉你很有可能会运行不了,报“java.lang.NullPointerException”错!我想运行这个例子的很多人都会有这个问题,不信你试试!

PS:其实这也算是Android的一个bug,而且这个bug在2.2中还没有解决,这个问题全球N多人都碰到了,并在http://code.google.com/p/android/issues中挂号了,相关问题的编号有不止一个。

接着往下看……

如果你看了我这篇文章,你一定会是个幸运儿!经过我艰苦的调试+找资料,我找到了解决方法:

在清单文件AndroidManifest.xml,添加下面三个Activity: 

<activity android:name=".AlbumsActivity"  android:label="@string/app_name"></activity> 
<activity android:name=".ArtistsActivity" android:label="@string/app_name"></activity> 
<activity android:name=".SongsActivity"  android:label="@string/app_name"></activity>

现在运行可以看到如下结果:

android 核心组件( 1 ) 常用布局, adapter, handler, UI

转载自:http://www.cnblogs.com/skynet/archive/2010/06/06/1752616.html

你可能感兴趣的:(android)