`

Android4开发入门经典 之 第四部分:用户界面

 
阅读更多

基本概念

常用Widgets和布局

常用的Widgets

TextView、Button、 EditText、CheckBox、RadioGroup、RadioButton、Spinner、ProgressBar、ImageView、Date Picker、Time Picker、Rating Bar、Gallery 、Auto Complete …… 

常用的Layout

Linear Layout、Relative Layout、Table Layout、Grid View、Tab Layout、List View
 

Android常用的Widgets的属性大同小异,这里以TextView为例来看一看

1:android:autoLink
设置是否当文本为URL链接/email/电话号码/map时,文本显示为可点击的链接。可选值(none/web/email/phone/map/all)
2:android:autoText
如果设置,将自动执行输入值的拼写纠正。此处无效果,在显示输入法并输入的时候起作用。
3:android:bufferType
指定getText()方式取得的文本类别。选项editable 类似于StringBuilder可追加字符,也就是说可调用append方法设置文本内容。spannable 则可在给定的字符区域使用样式,例如:

java代码:
  1. TextView tv = new TextView(this);  
  2. SpannableStringBuilder style=new SpannableStringBuilder("这是测试111");  
  3. style.setSpan(new ForegroundColorSpan(Color.RED), 02, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  4. style.setSpan(new ForegroundColorSpan(Color.YELLOW), 24, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  5. style.setSpan(new ForegroundColorSpan(Color.BLUE), 46, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);  
  6. tv.setText(style);  
4:android:capitalize
设置英文字母大写类型。此处无效果,需要弹出输入法才能看得到,参见EditView此属性说明。
5:android:cursorVisible
设定光标为显示/隐藏,默认显示。
6:android:digits
设置允许输入哪些字符。如“1234567890.+-*/% ()”
7:android:drawableBottom
在text的下方输出一个drawable,如图片。如果指定一个颜色的话会把text的背景设为该颜色,并且同时和background使用时覆盖后者。
8:android:drawableLeft
在text的左边输出一个drawable,如图片。
9:android:drawablePadding
设置text与drawable(图片)的间隔,与drawableLeft、 drawableRight、drawableTop、drawableBottom一起使用,可设置为负数,单独使用没有效果。
10:android:drawableRight
在text的右边输出一个drawable。
11:android:drawableTop
在text的正上方输出一个drawable。
12:android:editable
设置是否可编辑。
13:android:editorExtras
设置文本的额外的输入数据。
14:android:ellipsize
设置当文字过长时,该控件该如何显示。有如下值设置:”start”—-省略前面显示不了的数据;”end” ——省略后面显示不了的数据;”middle”—-省略中间显示不了的数据;”marquee” ——以跑马灯的方式显示(动画横向移动)
15:android:freezesText
设置保存文本的内容以及光标的位置。
16:android:gravity
设置文本位置,如设置成“center”,文本将居中显示。
17:android:hintText
为空时显示的文字提示信息,可通过textColorHint设置提示信息的颜色。此属性在 EditView中使用,但是这里也可以用。
18:android:imeOptions
附加功能,设置右下角IME动作与编辑框相关的动作,如actionDone右下角将显示一个“完成”,而不设置默认是一个回车符号。这个在EditView中使用,此处无用。
19:android:imeActionId
设置IME动作ID。
20:android:imeActionLabel
设置IME动作标签。
21:android:includeFontPadding
设置文本是否包含顶部和底部额外空白,默认为true。
22:android:inputMethod
为文本指定输入法,需要完全限定名(完整的包名)。例如:com.google.android.inputmethod.pinyin。
23:android:inputType
设置文本的类型,用于帮助输入法显示合适的键盘类型。在EditView中使用,这里无效果。
24:android:linksClickable
设置链接是否点击连接,即使设置了autoLink。
25:android:marqueeRepeatLimit
在ellipsize指定marquee的情况下,设置重复滚动的次数,当设置为 marquee_forever时表示无限次。设置跑马灯的效果
android:singleLine="true"
android:focusable="true"
android:ellipsize="marquee"
android:marqueeRepeatLimit="marquee_forever"
android:focusableInTouchMode="true"
26:android:ems
设置TextView的宽度为N个字符的宽度。这里测试为一个汉字字符宽度
27:android:maxEms
设置TextView的宽度为最长为N个字符的宽度。与ems同时使用时覆盖ems选项。
28:android:minEms
设置TextView的宽度为最短为N个字符的宽度。与ems同时使用时覆盖ems选项。
29:android:maxLength
限制显示的文本长度,超出部分不显示。
30:android:lines
设置文本的行数,设置两行就显示两行,即使第二行没有数据。
31:android:maxLines
设置文本的最大显示行数,与width或者layout_width结合使用,超出部分自动换行,超出行数将不显示。
32:android:minLines
设置文本的最小行数,与lines类似。
33:android:lineSpacingExtra
设置行间距。
34:android:lineSpacingMultiplier
设置行间距的倍数。如”1.2”
35:android:numeric
如果被设置,该TextView有一个数字输入法。此处无用,设置后唯一效果是TextView有点击效果,此属性在EdtiView将详细说明。
36:android:password
以小点”.”显示文本
37:android:phoneNumber
设置为电话号码的输入方式。
38:android:privateImeOptions
设置输入法选项,此处无用,在EditText将进一步讨论。
39:android:scrollHorizontally
设置文本超出TextView的宽度的情况下,是否出现横拉条。
40:android:selectAllOnFocus、
如果文本是可选择的,让他获取焦点而不是将光标移动为文本的开始位置或者末尾位置。 TextView中设置后无效果。
41:android:shadowColor
指定文本阴影的颜色,需要与shadowRadius一起使用。
41:android:shadowDx
设置阴影横向坐标开始位置。
42:android:shadowDy
设置阴影纵向坐标开始位置。
43:android:shadowRadius
设置阴影的半径。设置为0.1就变成字体的颜色了,一般设置为3.0的效果比较好。
44:android:singleLine
设置单行显示。如果和layout_width一起使用,当文本不能全部显示时,后面用“…”来表示。如android:text=“test_ singleLine “,android:singleLine=”true” android:layout_width=“20dp”将只显示“t…”。如果不设置singleLine或者设置为false,文本将自动换行
45:android:text  设置显示文本.
46:android:textAppearance
设置文字外观。如 “?android:attr/textAppearanceLargeInverse”这里引用的是系统自带的一个外观,?表示系统是否有这种外观,否则使用默认的外观。可设置的值如下:textAppearanceButton/textAppearanceInverse/textAppearanceLarge/textAppearanceLargeInverse/textAppearanceMedium/textAppearanceMediumInverse/textAppearanceSmall/textAppearanceSmallInverse
47:android:textColor
设置文本颜色
48:android:textColorHighlight
被选中文字的底色,默认为蓝色
49:android:textColorHint
设置提示信息文字的颜色,默认为灰色。与hint一起使用。
50:android:textColorLink
文字链接的颜色.
51:android:textScaleX
设置文字之间间隔,默认为1.0f。
52:android:textSize
设置文字大小,推荐度量单位”sp”,如”15sp”
53:android:textStyle
设置字形[bold(粗体) 0, italic(斜体) 1, bolditalic(又粗又斜) 2] 可以设置一个或多个,用“|”隔开
54:android:typeface
设置文本字体,必须是以下常量值之一:normal 0, sans 1, serif 2, monospace(等宽字体) 3]
55:android:height
设置文本区域的高度,支持度量单位:px(像素)/dp/sp/in/mm(毫米)
56:android:maxHeight
设置文本区域的最大高度
57:android:minHeight
设置文本区域的最小高度
58:android:width
设置文本区域的宽度,支持度量单位:px(像素)/dp/sp/in/mm(毫米),与layout_width 的区别看这里。
59:android:maxWidth
设置文本区域的最大宽度
60:android:minWidth
设置文本区域的最小宽度

Button

正常Button,同以前使用一样。只不过注册事件的时候,还可以在布局文件里面直接注册事件处理,形如:android:OnClick=“testMethod”,那么运行的时候,会调用public void testMethod(View view){ }的方法

Small的Button

只需要在设置中添加style= “?android:attr/buttonStyleSmall“ ,就可以得到比正常情况小的Button
ToggleButton,就是点击,状态会交替出现的Button

java代码:
  1. <ToggleButton  
  2.   android:textOn="设置选定状态的显示文本"  
  3.   android:textOff="设置未选状态的显示文本"  
  4.   ......  
  5.   />  
在程序里面可以通过isChecked方法来判断当前是否选中的状态

java代码:
  1. ImageButton  
  2. <ImageButton  
  3. android:src="@drawable/myimg" ......  
  4. />  

EditText

限制输入框内容的属性,在layout中配置信息
1:android:digits="1234567890.+-*/%()“
限制输入框中只能输入自己定义的这些字符串 如果输入其它将不予以显示
2:android:phoneNumber="true“ 限制输入框中只能输入手机号码
3:android:password="true“限制输入框中输入的任何内容将以“*”符号来显示
4:android:hint=“默认文字“ 输入内容前默认显示在输入框中的提示文字
5:android:textColorHint="#FF0000“设置文字内容颜色
6:android:enabled="false“设置输入框不能被编辑
7:android:maxLength=“10“ 控制输入的最大长度
8:android:numeric 控制输入的数字类型
selectAll()方法是内容全选,getSelectionStart()和getSelectionEnd()可以用于获取选中的内容
可以通过设置EditText的高度来模拟TextArea

Checkbox、RadioGroup和RadioButton

配置的示例如下


java代码:
  1. <RadioGroup  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="wrap_content"  
  4.     android:orientation="vertical"  
  5.     android:checkedButton="@+id/mycolor"  
  6.     android:id="@+id/menu">  
  7.     <RadioButton  
  8.         android:text="red"  
  9.         android:id="@+id/red"  
  10.         />  
  11.     <RadioButton  
  12.         android:text="green"  
  13.         android:id="@+id/green" />  
  14.     <RadioButton  
  15.         android:text="blue"  
  16.         android:id="@+id/blue" />  
  17.     <TextView  
  18.         android:text="请选择颜色"  
  19.         android:id="@+id/choice" />  
  20. </RadioGroup>  

Spinner

配置的示例如下


java代码:
  1. <Spinner android:id="@+id/spinner"  
  2.   android:layout_width="match_parent"  
  3.   android:layout_height="wrap_content"  
  4.   android:drawSelectorOnTop="true"  
  5.   android:prompt="@string/select_color"  
  6. />  

准备数据,如果是固定的数据,可以在string下面新建一个arrays.xml,内容配置的示例如下:


java代码:
  1. <resources>  
  2.   <string-array name="colors">  
  3.     <item>red</item>  
  4.     <item>green</item>  
  5.     <item>blue</item>  
  6.   </string-array>  
  7. </resources>  

在程序里面把数据设置到Spinner,示例代码如下:


java代码:
  1. final Spinner sp = (Spinner)this.findViewById(R.id.spinner);  
  2. //准备数据  
  3. ArrayAdapter<CharSequence> adapter = ArrayAdapter.createFromResource(  
  4.         this, R.array.colors, android.R.layout.simple_spinner_item);  
  5. adapter.setDropDownViewResource(android.R.layout.simple_spinner_dropdown_item);  
  6. //把数据设置到spinner  
  7. sp.setAdapter(adapter);  
为Spinner设置事件处理,调用setOnItemSelectedListener方法来设置
要指定默认的选项,可以使用setSelection方法

如果是动态的数据,可以不用定义arrys.xml,而完全用程序设置,示例代码:


java代码:
  1. ArrayAdapter<CharSequence> adapter = new ArrayAdapter<CharSequence>(this,android.R.layout.simple_spinner_item);   
  2. adapter.add("red");  
  3. adapter.add("blue");  
如果要动态的修改数据,可以使用ArrayAdapter的add和remove方法,注意:固定数据是不可以修改的,也就是不支持这些方法
在事件处理里面,会直接传入被选中项的位置,也就是索引
如果要取得被选中项的文本,可以使用如下代码:

java代码:
  1. sp.getSelectedItem().toString()  

ProgressBar

基本的进度条,直接在布局文件里面配置,示例如下:


java代码:
  1. <ProgressBar  
  2. android:id="@+id/progress_horizontal"  
  3. style="?android:attr/progressBarStyleHorizontal"  
  4. android:layout_width="200dip"  
  5. android:layout_height="wrap_content"  
  6. android:max="100"  
  7. android:progress="10"  
  8. android:secondaryProgress="20" />  
可以通过设置incrementProgressBy()方法来增加进度,incrementProgressBy()方法来减少进度;当然对应的也有incrementSecondaryProgressBy()方法和incrementSecondaryProgressBy()方法。 增加设置正数,减少设置负数。
当然也可以直接使用setProgress和setSecondaryProgress方法来改变进度
可以通过修改style来显示不同的进度样式,具体的Style可以从文档得到

ImageView

主要是在布局文件里面配置,常见属性如下:

1:src:设置要展示的图片
2:adjustViewBounds:调整边框时是否保持可绘制对象的宽高比。需要与maxWidth、MaxHeight一起使用,否则单独使用没有效果。比如想设置图片固定大小,又想保持图片宽高比,需要如下设置:
1) 设置setAdjustViewBounds为true;
2) 设置maxWidth、MaxHeight;
3) 设置设置layout_width和layout_height为wrap_content。
3:scaleType:设置图片的填充方式。 有如下可取的值:
1)matrix :用矩阵来绘图
2)fitXY:拉伸图片(不按比例)以填充View的宽高
3)fitStart :按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的左边
4)fitCenter :按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的中间
5)fitEnd :按比例拉伸图片,拉伸后图片的高度为View的高度,且显示在View的右边
6)center :按原图大小显示图片,但图片宽高大于View的宽高时,截图图片中间部分显示
7)centerCrop :按比例放大原图直至等于某边View的宽高显示。
8)centerInside  :当原图宽高或等于View的宽高时,按原图大小居中显示;反之将原图缩放至View的宽高居中显示。

DatePicker

DatePicker组件通常是通过Dialog来显示的,所以在需要DatePicker的地方,需要调用显示Dialog的方法,也就是showDialog(int)方法

在创建Dialog的回调方法中,去真正创建DatePickerDialog,示例代码如下:


java代码:
  1. protected Dialog onCreateDialog(int id) {  
  2.   switch (id) {  
  3.   case 1:  
  4.       return new DatePickerDialog(this,  
  5.                   mDateSetListener,  
  6.                   mYear, mMonth, mDay);  
  7.   }  
  8.   return null;  
  9. }  
注意:上面代码里面的mDateSetListener为OnDateSetListener的实现,在里面处理日期选择后的后续处理。

TimePicker

TimePicker的使用和DatePicker的使用大同小异,也是在需要TimePicker的地方,通常需要调用显示Dialog的方法,也就是showDialog(int)方法

在创建Dialog的回调方法中,去真正创建TimePickerDialog,示例代码如下:


java代码:
  1. protected Dialog onCreateDialog(int id) {  
  2.   switch (id) {  
  3.   case TIME_DIALOG_ID:  
  4.       return new TimePickerDialog(this,  
  5.               mTimeSetListener, mHour, mMinute, false);  
  6.   }  
  7.   return null;  
  8. }  
注意:
1:上面代码里面的mTimeSetListener为OnTimeSetListener的实现,在里面处理日期选择后的后续处理。
2:TimePicker只有时和分,没有秒,后面一个boolean参数表示是否24小时

RatingBar

RatingBar的使用非常简单,在布局文件里面,定义好RatingBar,然后在代码里面,就可以通过实现OnRatingBarChangeListener,来获取评分的结果了。

常用属性如下:

1:isIndicator:是否是一个指示器(用户无法进行更改)
2:numStars:显示的星型数量,是一个整数值
3:rating:默认的评分,是浮点类型
4:stepSize:评分的步长,是浮点类型,通常设置成“1.0”
5:style:这个要注意,前面不加“android:”,直接使用style,当然可以不设置,使用默认的风格,如果要设置风格,常用的风格示例如下:
1)style="?android:attr/ratingBarStyleIndicator“
2)style="?android:attr/ratingBarStyleSmall“
3)style="?android:attr/ratingBarStyle"

Gallery

Gallery的使用相对要麻烦一点,首先在布局文件里面要定义

然后在程序里面,需要对Gallery赋值,也就是设置要展示的图片,这就需要自定义一个Adapter,来把图片的数据适配成为Gallery需要的数据,示例如下:

java代码:
  1. class ImageAdapter extends BaseAdapter {  
  2.     private Context mContext;  
  3.     private Integer[] mImageIds = {R.drawable.icon,R.drawable.icon,  
  4.             R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon,  
  5.             R.drawable.icon,R.drawable.icon,R.drawable.icon,R.drawable.icon};  
  6.     public ImageAdapter(Context c) {    mContext = c;   }  
  7.     public int getCount() { return mImageIds.length;  }  
  8.     public Object getItem(int position) { return position; }  
  9.     public long getItemId(int position) { return position; }  
  10.     public View getView(int position, View convertView, ViewGroup parent) {  
  11.         ImageView imageView = new ImageView(mContext);  
  12.         imageView.setImageResource(mImageIds[position]);  
  13.         imageView.setLayoutParams(new Gallery.LayoutParams(150100));  
  14.         imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
  15.         return imageView;  
  16.     }  
  17. }  
  18.    
然后在程序里面,对Gallery设置Adapter,当然就是刚才实现的自定义的Adapter实例了。
Gallery的事件监听器是:OnItemClickListener,通过它可以实现事件处理

如果要给Gallery设置风格的话,需要在res/values文件夹下面创建一个attrs.xml,示例代码如下:


java代码:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <resources>  
  3.     <declare-styleable name="MyGallery">  
  4.         <attr name="android:galleryItemBackground" />  
  5.     </declare-styleable>  
  6. </resources>  

然后在自定义的适配器里面,在构造方法里面,添加如下的代码:


java代码:
  1. TypedArray attr = mContext.obtainStyledAttributes(R.styleable.MyGallery);  
  2. mGalleryItemBackground = attr.getResourceId(  
  3.       R.styleable.MyGallery_android_galleryItemBackground, 0);  

有了风格过后,在创建ImageView的时候,就可以使用这个风格了,在getView方法里面添加如下代码:


java代码:
  1. imageView.setBackgroundResource(mGalleryItemBackground);  
这样每个ImageView就都会有一个相同的背景了。

AutoComplete

AutoComplete的使用比较简单,首先在布局文件里面配置使用AutoCompleteTextView

然后在程序里面,为它设置值,示例代码如下:


java代码:
  1. AutoCompleteTextView textView = (AutoCompleteTextView) findViewById(R.id.autocomplete);  
  2. ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.autoc_item, new String[]{"abc","abd","abcd","bcd","bef"});  
  3. textView.setAdapter(adapter);  
由于组件在显示提示数据的时候,是采用的列表的形式,因此需要去为list中的每个项定义一个布局文件,其实非常简单,用TextView即可,比如,在layout文件夹里面添加一个auto_item.xml,里面配置示例如下:

java代码:
  1. <TextView xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:padding="10dp"  
  5.     android:textSize="16sp"  
  6.     android:textColor="#ff0000">  
  7. </TextView>  
当然也可使用系统提供的布局,比如:android.R.layout. simple_dropdown_item_1line
 
上面的示例是输入单个值的,要想一次输入多个值,而且每个都想要有自动完成的功能该怎么办呢?可以使用MultiAutoCompleteTextView

首先在布局文件设置使用MultiAutoCompleteTextView,示例代码如下:


java代码:
  1. <MultiAutoCompleteTextView android:id="@+id/autocomplete"  
  2. android:layout_width="fill_parent"  
  3. android:layout_height="wrap_content"  
  4. />  

然后在程序中,为他设置值,示例代码如下:


java代码:
  1. MultiAutoCompleteTextView textView = (MultiAutoCompleteTextView) findViewById(R.id.autocomplete);  
  2. ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.autoc_item, new String[]{"abc","abd","abcd","bcd","bef"});  
  3. textView.setAdapter(adapter);  
  4. textView.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());  
最后一句是设置多个值之间用什么分割,不可少。

LinearLayout


java代码:
  1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:orientation="vertical"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent">  
  5.   <LinearLayout  
  6.       android:orientation="horizontal"  
  7.       android:layout_width="fill_parent"  
  8.       android:layout_height="fill_parent"  
  9.       android:layout_weight="1">  
  10.       <TextView  
  11.           android:text="red"  
  12.           android:gravity="center_horizontal"  
  13.           android:background="#ff0000"  
  14.           android:layout_width="wrap_content"  
  15.           android:layout_height="fill_parent"  
  16.           android:layout_weight="1"/>  
  17.       <TextView  
  18.           android:text="green"  
  19.           android:gravity="center_horizontal"  
  20.           android:background="#00ff00"  
  21.           android:layout_width="wrap_content"  
  22.           android:layout_height="fill_parent"  
  23.           android:layout_weight="1"/>  
  24.       <TextView  
  25.           android:text="blue"  
  26.           android:gravity="center_horizontal"  
  27.           android:background="#0000ff"  
  28.           android:layout_width="wrap_content"  
  29.           android:layout_height="fill_parent"  
  30.           android:layout_weight="1"/>  

java代码:
  1. <TextView  
  2.           android:text="yellow"  
  3.           android:gravity="center_horizontal"  
  4.           android:background="#aaaa00"  
  5.           android:layout_width="wrap_content"  
  6.           android:layout_height="fill_parent"  
  7.           android:layout_weight="1"/>  
  8.   </LinearLayout>         
  9.   <LinearLayout  
  10.     android:orientation="vertical"  
  11.     android:layout_width="fill_parent"  
  12.     android:layout_height="fill_parent"  
  13.     android:layout_weight="1">  
  14.     <TextView  
  15.         android:text="第一行"  
  16.         android:layout_width="fill_parent"  
  17.         android:layout_height="wrap_content"  
  18.         android:layout_weight="1"/>  
  19.     <TextView  
  20.         android:text="第二行"  
  21.         android:layout_width="fill_parent"  
  22.         android:layout_height="wrap_content"  
  23.         android:layout_weight="1"/>  
  24.     <TextView  
  25.         android:text="第三行"  
  26.         android:layout_width="fill_parent"  
  27.         android:layout_height="wrap_content"  
  28.         android:layout_weight="1"/>  
  29.   </LinearLayout>  
  30. </LinearLayout>  

RelativeLayout


java代码:
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent">  
  4.     <TextView  
  5.         android:id="@+id/label"  
  6.         android:layout_width="fill_parent"  
  7.         android:layout_height="wrap_content"  
  8.         android:text="请输入:"/>  
  9.     <EditText  
  10.         android:id="@+id/entry"  
  11.         android:layout_width="fill_parent"  
  12.         android:layout_height="wrap_content"  
  13.         android:background="@android:drawable/editbox_background"  
  14.         android:layout_below="@id/label"/>  
  15.     <Button  
  16.         android:id="@+id/ok"  
  17.         android:layout_width="wrap_content"  
  18.         android:layout_height="wrap_content"  
  19.         android:layout_below="@id/entry"  
  20.         android:layout_alignParentRight="true"  
  21.         android:layout_marginLeft="10dip"  
  22.         android:text="确定" />  
  23.     <Button  
  24.         android:layout_width="wrap_content"  
  25.         android:layout_height="wrap_content"  
  26.         android:layout_toLeftOf="@id/ok"  
  27.         android:layout_alignTop="@id/ok"  
  28.         android:text="取消" />  
  29. </RelativeLayout>  
  30.    

TableLayout


java代码:
  1. <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="fill_parent"  
  3.     android:layout_height="fill_parent"  
  4.     android:stretchColumns="1">  
  5.     <TableRow>  
  6.         <TextView android:layout_column="1" android:text="张三" android:padding="3dip" />  
  7.         <TextView  
  8.             android:text="25岁" android:gravity="right" android:padding="3dip" />  
  9.     </TableRow>  
  10.     <TableRow>  
  11.         <TextView android:layout_column="1" android:text="李四" android:padding="3dip" />  
  12.         <TextView  
  13.             android:text="22岁"  
  14.             android:gravity="right"  
  15.             android:padding="3dip" />  
  16.     </TableRow>  
  17.     <View  android:layout_height="2dip" android:background="#FF909090" />  
  18.     <TableRow>  
  19.         <TextView  
  20.             android:text="王五"  
  21.             android:padding="3dip" />  
  22.         <TextView  
  23.             android:text="本科毕业"  
  24.             android:padding="3dip" />  
  25.         <TextView  
  26.             android:text="23岁"  
  27.             android:gravity="right"  
  28.             android:padding="3dip" />  
  29.     </TableRow>  
  30. </TableLayout>  

TableLayout的常用属性如下:

android:stretchColumns :拉伸指定的列来填充一行的空白
android:collapseColumns :隐藏指定的列,隐藏多列用逗号分开,如“1,2”
android:shrinkColumns :收缩指定的列
android:layout_column :widget在一行里面所在的column的索引
android:layout_span :widget跨越的列数,也就是合并的列数

GridView

首先在布局文件里面配置使用GridView,示例代码如下:


java代码:
  1. <GridView xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:id="@+id/gridview"  
  3.     android:layout_width="fill_parent"  
  4.     android:layout_height="fill_parent"  
  5.     android:columnWidth="50dp"  
  6.     android:numColumns="5"  
  7.     android:verticalSpacing="10dp"  
  8.     android:horizontalSpacing="2dp"  
  9.     android:stretchMode="columnWidth"  
  10.     android:gravity="center"  
  11. />  

然后在程序里面,为它设置值,示例代码如下:


java代码:
  1. GridView gridview = (GridView) findViewById(R.id.gridview);  
  2. gridview.setAdapter(new ImageAdapter(this));  

然后在程序里面,为它设置值,需要使用一个自定义的Adapter,示例代码如下:


java代码:
  1. class ImageAdapter extends BaseAdapter {  
  2.     private Context mContext;  
  3.     public ImageAdapter(Context c) { mContext = c;  }  
  4.     public int getCount() {return mThumbIds.length; }  
  5.     public Object getItem(int position) { return null;}  
  6.     public long getItemId(int position) { return 0;   }  
  7.     public View getView(int position, View convertView, ViewGroup parent) {  
  8.         ImageView imageView;  
  9.         if (convertView == null) {  
  10.             imageView = new ImageView(mContext);  
  11.             imageView.setLayoutParams(new GridView.LayoutParams(LayoutParams.FILL_PARENT, LayoutParams.FILL_PARENT));  
  12.             imageView.setScaleType(ImageView.ScaleType.FIT_XY);  
  13.             imageView.setPadding(00,0,0);  
  14.             imageView.setBackgroundColor(Color.RED);  
  15.         } else {  
  16.             imageView = (ImageView) convertView;  
  17.         }  
  18.         imageView.setImageResource(mThumbIds[position]);  
  19.         return imageView;  
  20.     }  
  21.     private Integer[] mThumbIds = {  
  22.             R.drawable.icon, R.drawable.icon,  
  23.             R.drawable.icon, R.drawable.icon,  
  24.             R.drawable.icon, R.drawable.icon,  
  25.             R.drawable.icon, R.drawable.icon  
  26.     };  
  27. }  

事件处理是实现OnItemClickListener,示例代码如下:


java代码:
  1. gridview.setOnItemClickListener(new OnItemClickListener() {  
  2.         public void onItemClick(AdapterView<?> parent, View v,  
  3.                                             int position, long id) {  
  4.             Toast.makeText(TestWidgets.this"" + position,  
  5.                                           Toast.LENGTH_SHORT).show();  
  6.         }  
  7.     });  

TabLayout

要实现基本的TabLayout,首先需要在布局文件里面定义,示例代码如下:

 

java代码:
  1. <TabHost xmlns:android="http://schemas.android.com/apk/res/android"  
  2.   android:id="@android:id/tabhost"  
  3.   android:layout_width="fill_parent"  
  4.   android:layout_height="fill_parent">  
  5.   <LinearLayout  
  6.     android:orientation="vertical"  
  7.     android:layout_width="fill_parent"  
  8.     android:layout_height="fill_parent"  
  9.     android:padding="5dp">  
  10.     <TabWidget  
  11.       android:id="@android:id/tabs"  
  12.       android:layout_width="fill_parent"  
  13.       android:layout_height="wrap_content" />  
  14.     <FrameLayout  
  15.       android:id="@android:id/tabcontent"  
  16.       android:layout_width="fill_parent"  
  17.       android:layout_height="fill_parent"  
  18.       android:padding="5dp" />  
  19.   </LinearLayout>  
  20. </TabHost>nTabHost就是用来存放多个Tab的容器  

TabWidget就是实现Tab的Widget

FrameLayout是Tab的内容,FrameLayout是Android最简单的布局对象。它被定制为屏幕上的一个空白区域,可以在其中填充一个单一对象 ,所有的子元素将会固定在左上角;不能为FrameLayout中的子元素指定位置。后一个子元素将会直接覆盖前一个子元素。
TabHost必须设置为@android:id/tabhost,TabWidget必须设置android:id为@android:id/tabs,FrameLayout需要设置android:id为@android:id/tabcontent

有了布局过后,就可以直接在程序里面设置Tab了,示例如下:

1:不再继承Activity,而是继承TabActivity,对于Tab布局的实现,现在已经不推荐使用了,建议改用Fragment来实现,但为了学习这个知识,还是沿用。

2:得到TabHost,示例代码如下:


java代码:
  1. TabHost tabHost = getTabHost();  

3:创建一个Intent对象,做为点击tab后的事件响应,示例代码如下:


java代码:
  1. Intent intent = new Intent().setClass(this, MyActivity.class);  
  2. intent.putExtra("showStr""第一个tab");  
  3. Intent设置的Class就是点击tab,内容页显示出来的Activity。  
4:创建一个TabSpec,也就是一个Tab的描述,包含一个tab加上下面的显示内容。简单点说,TabSpec就是一个完整的Tab页。示例代码如下:TabHost.TabSpec spec = tabHost.newTabSpec("FirstTag")
                     .setIndicator("第一个Tab").setContent(intent);

5:然后把这个TabSpec添加到TabHost中即可,示例代码如下:


java代码:
  1. tabHost.addTab(spec);  
6:如法炮制,就可以添加任意多个Tab了。
如果要设置默认选中的Tab,可以使用TabHost的setCurrentTab方法

如果想要给Tab设置图片,方法步骤如下:

1:为每个Tab准备好两张图片,一张是选中时使用,一张是未选中时使用
2:在res/drawable/ 下面,为每个tab增加一个选择器文件,用来告诉tab如何选择使用这些图片,比如my_tab1_selector.xml、 my_tab2_selector.xml,示例代码如下:

java代码:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <selector xmlns:android="http://schemas.android.com/apk/res/android">  
  3.     <item android:drawable="@drawable/icon2"  
  4.           android:state_selected="true" />  
  5.     <item android:drawable="@drawable/icon" />  
  6. </selector>  
3:在程序中,得到Resources对象,可以通过它来获取资源,示例代码如下:

java代码:
  1. Resources res = getResources();  
4:在创建TabSpec的时候,在设置每个TabSpec的Indicator的时候,设置这个Indicator使用的图片资源,示例代码如下:

java代码:
  1. spec = tabHost.newTabSpec("FirstTag").setIndicator(  
  2. "第一个Tab",res.getDrawable(R.drawable.my_tab1_selector))  
  3.                   .setContent(intent);  
5:如法炮制,就可以为每个Tab设置图标了。
 

ListView

对于最基本的ListView,直接在代码里面写,示例如下:


java代码:
  1. public class TestList extends ListActivity {  
  2. public void onCreate(Bundle savedInstanceState) {  
  3. super.onCreate(savedInstanceState);  
  4. // this.setContentView(R.layout.TestList);  
  5. setListAdapter(new ArrayAdapter<String>(this,  
  6.          android.R.layout.simple_list_item_1, new String[]{"111","222","333"}));  
  7. }  
  8. protected void onListItemClick(ListView l,View v,int position,long id){  
  9. super.onListItemClick(l, v, position, id);  
  10. String s = ""+l.getItemAtPosition(position);  
  11. System.out.println("now click="+s);  
  12. }  
  13. }  
  14.    

List的单选模式,示例代码如下:


java代码:
  1. setListAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout. simple_list_item_single_choice, new String[]{"111","222","333}));  
  3. this.getListView().setItemsCanFocus(false);  
  4. this.getListView().setChoiceMode(ListView. CHOICE_MODE_SINGLE);   

List的多选模式,示例代码如下:


java代码:
  1. setListAdapter(new ArrayAdapter<String>(this,  
  2.                 android.R.layout.simple_list_item_multiple_choice, new String[]{"111","222","333}));  
  3. this.getListView().setItemsCanFocus(false);  
  4. this.getListView().setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);  

在ListView里面设置多个值的方法

在ListView的main.xml布局文件中


java代码:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="vertical"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7.     <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  8.     android:orientation="vertical"  
  9.     android:layout_width="fill_parent"  
  10.     android:layout_height="fill_parent"  
  11.     >  
  12. <ListView  
  13.     android:layout_width="fill_parent"  
  14.     android:layout_height="fill_parent"  
  15.     android:padding="10dp"  
  16.     android:textSize="16sp"  
  17.     android:id="@id/android:list"  
  18.     >  
  19. </ListView>  
  20. </LinearLayout>  
  21. </LinearLayout>  

在ListView的Item的布局文件中


java代码:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:orientation="horizontal"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     >  
  7. <RelativeLayout  
  8.     android:layout_width="fill_parent"  
  9.     android:layout_height="fill_parent">  
  10. <TextView  
  11.     android:layout_width="wrap_content"  
  12.     android:layout_height="wrap_content"  
  13.     android:id="@+id/userId"  
  14.      
  15.     >  
  16. </TextView>  

java代码:
  1. <TextView  
  2.     android:layout_width="wrap_content"  
  3.     android:layout_height="wrap_content"  
  4.     android:id="@+id/userName"  
  5.     android:layout_marginLeft="20dip"      
  6.     android:layout_toRightOf="@id/userId"  
  7.     >  
  8. </TextView>  
  9. <TextView  
  10.     android:layout_width="wrap_content"  
  11.     android:layout_height="wrap_content"  
  12.     android:id="@+id/userAge"  
  13.     android:layout_marginLeft="20dip"      
  14.     android:layout_toRightOf="@id/userName"  
  15.     >  
  16. </TextView>  
  17. </RelativeLayout>  
  18. </LinearLayout>  
  19.    

在java程序中

1:要继承ListActivity
2:使用Adapter来为List设置值

java代码:
  1. List list = new ArrayList();  
  2.        Map map1 = new HashMap();  
  3.        map1.put("userId","11");  
  4.        map1.put("userName","11N");  
  5.        map1.put("age","11");  
  6.        list.add(map1);         
  7.        Map map2 = new HashMap();  
  8.        map2.put("userId","22");  
  9.        map2.put("userName","22N");  
  10.        map2.put("age","22");  
  11.        list.add(map2);  
  12.                
  13.        setListAdapter(new SimpleAdapter(this, list,R.layout.list,new String[]{"userId","userName","age"}, new int[]{R.id.userId,R.id.userName,R.id.userAge}));      
3:处理item的点击事件

java代码:
  1. protected void onListItemClick(ListView l, View v, int position, long id) {  
  2. super.onListItemClick(l, v, position, id);  
  3. System.out.println("sssssssss===="+l.getItemAtPosition(position));  

菜单

在Android系统中,菜单分成三种

1:Options Menu :就是当你按MENU键的时候显示的菜单
2:Context Menu :在点击的地方浮动出现的菜单
3:Submenu  : 子菜单

创建菜单资源

通常在菜单资源的xml里面,把菜单项都预先定义好。虽然也可以在程序中通过代码添加菜单项,但更推荐使用菜单资源的xml。
1:在res/menu/ 下创建菜单的xml文件,示例代码如下:

java代码:
  1. <menu xmlns:android="http://schemas.android.com/apk/res/android">  
  2.     <item android:id="@+id/to_add"  
  3.           android:icon="@drawable/icon"  
  4.           android:title="转向新增" />  
  5.     <item android:id="@+id/to_update"  
  6.           android:icon="@drawable/icon"  
  7.           android:title="转向修改" />  
  8. </menu>  
2:在代码里面使用菜单资源文件,示例如下:

java代码:
  1. public boolean onCreateOptionsMenu(Menu menu) {     
  2. MenuInflater inflater = getMenuInflater();     
  3. inflater.inflate(R.menu.test_menu, menu);     
  4. return true;  
  5. }  

响应菜单,在程序里面,需要写代码来实现菜单被点击后要实现的功能


java代码:
  1. public boolean onOptionsItemSelected(MenuItem item) {  
  2. switch (item.getItemId()) {  
  3. case R.id.to_add:  
  4. Log.i("javass","now to add"); break;  
  5. case R.id.to_update:  
  6. Log.i("javass","now to update"); break;  
  7. defaultreturn super.onOptionsItemSelected(item);  
  8. }  
  9. return true;  
  10. }  
Option Menu一般最多显示六个,如果更多的话,会出现一个更多的按钮。
Android3.0以后,可以直接在菜单描述文件里面配置android:onClick,指定当菜单被点击时要调用的方法,该方法接受一个MenuItem参数。示例如下:

java代码:
  1. public void myToAdd(MenuItem item) {  
  2. Log.i("javass","now in myToAdd");  
  3. }  
当配置android:onClick后,上面的onOptionsItemSelected里面对应的菜单处理就不会被调用了

上下文菜单

上下文菜单就相当于PC上的右击,创建上下文菜单:

1:菜单项同样来源于菜单资源文件
2:为需要上下文菜单的view进行注册,示例如下:

java代码:
  1. this.registerForContextMenu(btnRun);  
3:覆写onCreateContextMenu方法,示例如下:

java代码:
  1. public void onCreateContextMenu(ContextMenu menu,View v,ContextMenuInfo info) {   
  2. super.onCreateContextMenu(menu, v, info);   
  3. MenuInflater inflater = getMenuInflater();   
  4. inflater.inflate(R.menu.test_menu, menu);  
  5. }  
4:处理菜单事件,示例如下:

java代码:
  1. public boolean onContextItemSelected(MenuItem item) {  
  2. AdapterContextMenuInfo info = (AdapterContextMenuInfo) item.getMenuInfo();  
  3. switch (item.getItemId()) {  
  4. case R.id. new_file:  
  5. Log.i("onContextItemSelected""now ruuuuuuuuuuu");  
  6. return true;  
  7. defaultreturn super.onContextItemSelected(item);  
  8. }  
  9. }  

子菜单

创建子菜单非常简单,只需要在菜单资源文件中配置即可,示例如下:


java代码:
  1. <item android:id="@+id/new_file"           
  2.         android:icon="@drawable/ic_launcher"           
  3.         android:title="@string/new_file"  
  4.         >  
  5.         <menu>             
  6.             <item android:id="@+id/create_new"                   
  7.                 android:title="now new" />             
  8.             <item android:id="@+id/open"                   
  9.                 android:title="now open" />         
  10.         </menu>  
  11.     </item>  
菜单的事件处理跟前面的做法是一样的。
子菜单可以配合Option菜单或Content菜单使用。

给菜单分组

给菜单分组非常简单,只需要在菜单资源文件中配置即可,示例如下:


java代码:
  1. <group android:id="@+id/group1">       
  2.     <item android:id="@+id/create_new"  
  3.         android:icon="@drawable/ic_launcher"                   
  4.         android:title="now new" />             
  5.     <item android:id="@+id/open"             
  6.         android:icon="@drawable/ic_launcher"       
  7.         android:title="now open" />         
  8. </group>  

分组后能干什么

1:可以通过使用setGroupVisible()方法来显示或隐藏一组菜单
2:可以通过使用setGroupEnabled()方法来使一组菜单可用还是不可用
3:可以通过使用setGroupCheckable()方法来使一组菜单可选还是不可选

可选菜单

可选菜单非常简单,只需要在菜单资源文件中配置即可,示例如下:

1:对于单个菜单项,添加android:checkable,即可变成带复选框的菜单
2:对于分组的菜单,直接在Group上添加android:checkableBehavior的配置,它有三个选项:单选、复选、不能选择。

可选菜单一般针对上下文菜单和子菜单

要注意:使用可选菜单的时候,选择的状态必须要通过程序来保存,否则下次进入的时候,是不会保留你选择的状态的。可以在对应的事件处理里面保留选项的状态,然后在菜单重新绘制的时候,重新设置状态。

1:对于Options的子菜单,可以在onPrepareOptionsMenu方法里面设置状态,示例代码如下:


java代码:
  1. public boolean onPrepareOptionsMenu(Menu menu) {  
  2. super.onPrepareOptionsMenu(menu);  
  3. MenuItem mi = menu.findItem(R.id.create_new);  
  4. mi.setChecked(flag);  
  5. return true;  
  6. }  
2:对于上下文菜单或其子菜单,可以直接在onCreateContextMenu方法里面设置,因为这个方法每次都会重新执行。

动态修改菜单项

有些时候,需要动态的修改菜单项,该怎么实现呢?

对于Options的菜单及其子菜单

1:覆盖实现onPrepareOptionsMenu方法。
2:在这个方法里面使用menu的方法来维护菜单项
 

onPrepareOptionsMenu方法和onCreateOptionsMenu方法

1:onCreateOptionsMenu只是在第一次创建菜单的时候调用一次,以后就不调用了
2:onPrepareOptionsMenu方法是每次显示菜单的时候,都要调用一次的方法。
对于上下文的菜单及其子菜单,可以直接在onCreateContextMenu方法里面设置,因为这个方法每次都会重新执行。
 

编程式实现菜单

前面是声明式实现菜单,也可以采用编程式的方式来实现菜单,常用API为:

1:Menu
2:MenuItem
3:SubMenu,与MenuItem平行
 

关于Menu的图标

1:子菜单的项不能显示图标
2:上下文菜单和项都不能显示图标
3:带图标的菜单项不能加上复选框
 

Action Bar基本概念

是什么

ActionBar是用来替换传统的title bar的一种新的Widget,通常显示在屏幕的顶端。
通常情况下,Acviton Bar带着应用的Logo放置到最左端,紧接着是应用的title,而其他可选项放置在右边。
在Android3.0以后,所有的Activity都缺省的带着ActionBar了。

特点

1:显示Option Menu中的项,让用户能直接操作
2:提供tab来在多个Fragment之间导航
3:提供drop-down的导航列表
4:提供直接交户的Action Views,比如搜索条等。

使用Action Bar

删除Action Bar

1:Android系统缺省用的是“holographic ” theme,是有Action Bar的,可以在manifext配置文件中配置Activity的时候,指定不需要Action Bar,示例如下:

java代码:
  1. <activity android:theme="@android:style/Theme.Holo.NoActionBar">  
2:也可以在程序中设置,示例如下:

java代码:
  1. ActionBar actionBar = getActionBar();  
  2. actionBar.hide();  
添加Action Items
一个Action Item就相当于Option Menu中的一个选项。要想把菜单项显示成为Action Item,只需要在菜单项的配置文件中,设置android:showAsAction=“ifRoom” 。也可使用程序设置:
menu.getItem(0).setShowAsAction(MenuItem. SHOW_AS_ACTION_IF_ROOM);
Action Items的事件响应,就是Option Menu的事件响应

添加Action View

可以把其他Action View,也就是Widget添加显示到Action Bar上,典型如搜索条,这里简单的看一下示例:
1:可以通过配置android:actionLayout或者android:actionViewClass 的方式,来实现把widget显示到Action Bar上,比如:

java代码:
  1. <menu xmlns:android="http://schemas.android.com/apk/res/android">     
  2. <item android:id="@+id/menu_search"         
  3. android:title="Search"         
  4. android:icon="@drawable/ic_menu_search"         
  5. android:showAsAction="ifRoom"         
  6. android:actionLayout="@layout/searchview" />  
  7. </menu>  
  8. 或者把android:actionLayout=“@layout/searchview” 换成:  
  9. android:actionViewClass="android.widget.SearchView"  
关于搜索条和更多Widget的使用,将在后面的高级课程里面讲述。
修改Action Bar的风格

1:简单的修改,可以通过:

setBackgroundDrawable()方法:设置Action Bar的背景图
setDisplayUseLogoEnabled()方法:设置可以改变logo,可以通过setLogo方法来设置新的logo。
示例如下:

java代码:
  1. ActionBar actionBar = getActionBar();  
  2. actionBar.setDisplayUseLogoEnabled(true);  
  3. actionBar.setLogo(R.drawable.app_sample_code);  
  4. actionBar.setBackgroundDrawable(this.getResources().getDrawable(R.drawable.app_sample_code));  
  5.    
2:可以通过修改theme的方式,比如:

java代码:
  1. <activity android:name=".ExampleActivity"           
  2. android:theme="@android:style/Theme.Holo.Light" />  

Dialogs

什么是Dialog

就是在当前Activity上弹出的小窗口,也就是对话框。Dialog通常是附属于Activity的。

常见的Dialog

1:AlertDialogA dialog :就是弹出提示或警告信息的对话框
2:ProgressDialog : 进度条
3:DatePickerDialog :选择日期的对话框
4:TimePickerDialog :选择时间的对话框

创建和显示Dialog

一般会在onCreateDialog() 方法里面去创建Dialog,如果要在这个方法外创建Dialog,那么需要调用setOwnerActivity(Activity)方法来把Dialog和Activity关联起来。
想要显示Dialog的时候,调用showDialog(int)方法即可。

关闭Dialog

可以在Dialog对象里面使用dismiss()方法,也可以在Activity里面使用dismissDialog(int)方法。
 

Dismiss listener

如果应用程序想要处理dissmiss dialog的事件,可以定义一个类来实现DialogInterface.OnDismissListener,里面有一个setOnDismissListener()的方法,会在Dialog被销毁的时候触发。
当然,Listener需要被注册,可以使用setOnCancelListener()方法。

实现Dialog风格的Activity

在 AndroidManifest.xml的对应的Activity设置上添加:
android:theme="@android:style/Theme.Dialog"

Alert Dialog

创建带Button的Alert Dialog


java代码:
  1. AlertDialog.Builder builder = new AlertDialog.Builder(this);  
  2. builder.setMessage("确定要删除吗?")  
  3. .setCancelable(false)  
  4. .setPositiveButton("取消",  
  5. new DialogInterface.OnClickListener() {  
  6. public void onClick(DialogInterface dialog,int id) {  
  7. Toast.makeText(HelloWorldActivity.this, “dialog取消", Toast.LENGTH_LONG).show();  
  8. }  
  9. })  
  10. .setNegativeButton("确定",  
  11. new DialogInterface.OnClickListener() {  
  12. public void onClick(DialogInterface dialog,int id) { Toast.makeText(HelloWorldActivity.this,“dialog确定", Toast.LENGTH_LONG).show();  
  13. }  
  14. });  
  15. AlertDialog alert = builder.create();  
其实,可以添加三种按钮,这里添加的是正面和负面,还有一种是中性的,三种按钮的排列顺序是正面、中性、反面。
创建带列表的Alert Dialog

java代码:
  1. final CharSequence[] items = { "红色""绿色""蓝色" };  
  2. AlertDialog.Builder builder = new AlertDialog.Builder(this);  
  3. builder.setTitle("请选择颜色");  
  4. builder.setItems(items, new DialogInterface.OnClickListener() {  
  5. public void onClick(DialogInterface dialog, int item) {  
  6. Toast.makeText(getApplicationContext(), items[item],  
  7. Toast.LENGTH_SHORT).show();  
  8. }  
  9. });  
  10. AlertDialog alert = builder.create();  
如果想要是单选的列表项,那就不要使用setItems,而用setSingleChoiceItems(),示例如下:

java代码:
  1. final CharSequence[] items = { "红色""绿色""蓝色" };  
  2. AlertDialog.Builder builder = new AlertDialog.Builder(this);  
  3. builder.setTitle("请选择颜色");  
  4. builder.setSingleChoiceItems(items, -1,new DialogInterface.OnClickListener() {  
  5. public void onClick(DialogInterface dialog, int item) {  
  6. Toast.makeText(getApplicationContext(), items[item],  
  7. Toast.LENGTH_SHORT).show();  
  8. dialog.dismiss();  
  9. }  
  10. });  
  11. AlertDialog alert = builder.create();  
如果想要是多选的列表项,那就不要使用setItems,而用setMultiChoiceItems (),示例如下:

java代码:
  1. inal CharSequence[] items = { "红色""绿色""蓝色" };  
  2. AlertDialog.Builder builder = new AlertDialog.Builder(this);  
  3. builder.setTitle("请选择颜色");  
  4. builder.setMultiChoiceItems(items, new boolean[]{false,false,false},new DialogInterface.OnMultiChoiceClickListener() {  
  5. public void onClick(DialogInterface dialog, int which, boolean isChecked) {  
  6. Toast.makeText(getApplicationContext(), items[which], Toast.LENGTH_SHORT).show();  
  7. }  
  8. });  
  9. builder.setNegativeButton("确定",  
  10. new DialogInterface.OnClickListener() {  
  11. public void onClick(DialogInterface dialog, int id) {  
  12. Toast.makeText(HelloWorldActivity.this"dialog确定", Toast.LENGTH_LONG).show();  
  13. dialog.dismiss();  
  14. }  
  15. }  
  16. );  
  17. AlertDialog alert = builder.create();  
  18.    

Progress Dialog

Progress Dialog扩展自Alert Dialog

如果简单的使用,只需要调用show方法即可,创建就显示出来了:
ProgressDialog dialog = ProgressDialog.show(HelloWorldActivity.this, "", "装载中,请稍候...", true, true);
 
注意:对于这种方法显示的Dialog,点击界面上其他地方,它就消失了,如果想要它不消失,可以设置setCancelable为false,那通常就需要配合Handler来处理,也就是到了该取消的时候,就由HandlerThread来处理它。示例如下:
1:在外部定义:

java代码:
  1. HandlerThread ht = new HandlerThread("MyThread");  
  2. Handler h = null;  
2:在启动Dialog的方法里面:

java代码:
  1. if(!ht.isAlive()){  
  2.     ht.start();  
  3.     h = new Handler(ht.getLooper()){  
  4. public void handleMessage(Message msg) {  
  5. try {  
  6. Thread.sleep(5000L);  
  7. catch (InterruptedException e) {  
  8. e.printStackTrace();  
  9. }  
  10. HelloWorldActivity.this.dismissDialog(1);  
  11. super.handleMessage(msg);  
  12. }     
  13.     };  
  14. }  
  15. Message msg = h.obtainMessage();  
  16. msg.sendToTarget();  

使用Progress Bar,同样需要配合Handler来执行,示例如下:

1:创建Progress Bar,在onCreateDialog方法里面,示例如下:


java代码:
  1. dialog = new ProgressDialog(HelloWorldActivity.this);  
  2. dialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL);  
  3. dialog.setMessage("装载中...");  
  4. dialog.setCancelable(false);  
  5. dialog.setMax(10);  

2:定义Handler和Runnable


java代码:
  1. Handler h = new Handler() {  
  2. public void handleMessage(Message msg) {  
  3. super.handleMessage(msg);  
  4. if(msg.arg1 < dialog.getMax()){dialog.setProgress(msg.arg1);}  
  5. else{dialog.dismiss();}}};  
  6. int num = 0;  
  7. Runnable r = new Runnable() {  
  8. public void run() {  
  9. Message msg = h.obtainMessage();  
  10. msg.arg1 = num++;  
  11. h.sendMessage(msg);  
  12. h.postDelayed(r, 1000L);  
  13. }};  
3:在显示dialog的同时,要启动Handler的运行,也就是 h.post(r);

也可以通过配置文件来使用Progress Bar,同样需要配合Handler来执行,示例如下:

1:在layout的配置文件里面创建Progress Bar,示例如下:


java代码:
  1. <ProgressBar  
  2.   android:layout_width="fill_parent"  
  3. android:layout_height="wrap_content"  
  4. android:id="@+id/progress_bar"  
  5. style="?android:attr/progressBarStyleHorizontal"  
  6. android:visibility="gone"  
  7. />  

2:在程序中启动Progress Bar,示例如下:


java代码:
  1. pb = (ProgressBar)HelloWorldActivity.this.findViewById(R.id.progress_bar);  
  2. pb.setMax(10);  
  3. pb.setVisibility(View.VISIBLE);  
  4. h.post(r);  
3: Handler和Runnable的实现跟前面类似,这里就不去写了。

Customer Dialog

如果想要使用自己订制的Dialog,那么首先需要定义自己的布局,示例如下:


java代码:
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@+id/layout_root"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     android:orientation="horizontal"  
  7.     android:padding="10dp" >  
  8.     <ImageView  
  9.         android:id="@+id/image"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_height="fill_parent"  
  12.         android:layout_marginRight="10dp" />  
  13.     <TextView  
  14.         android:id="@+id/text"  
  15.         android:layout_width="wrap_content"  
  16.         android:layout_height="fill_parent"  
  17. />  
  18. </LinearLayout>  

在程序中获取这些对象,然后设置相应的属性,再显示出来,示例如下:


java代码:
  1. Context mContext = HelloWorldActivity.this;  
  2. Dialog dialog = new Dialog(mContext);  
  3. dialog.setContentView(R.layout.my_dialog);  
  4. dialog.setTitle("自己订制的Dialog");  
  5. TextView text = (TextView) dialog.findViewById(R.id.text);  
  6. text.setText("欢迎使用本系统");  
  7. ImageView image = (ImageView) dialog.findViewById(R.id.image);  
  8. image.setImageResource(R.drawable.ic_launcher);  
  9.    
  10. //最后显示出来  
  11. dialog.show();  

Handler

Handler概述

Handler允许你发送消息到一个线程的消息队列,并处理消息。
Handler和启动它的主线程是运行在同一个线程中的。主线程通过Handler来调度处理消息,变相实现了异步处理。
nHandler应用的地方
1:安排消息或Runnable 在某个主线程中某个地方执行
2:安排一个动作在不同的线程中执行,这个要使用HandlerThread

 Handler使用

1:创建Handler对象,实现handleMessage方法
2:创建Runnable对象,在run方法里面进行消息的发送
3:在主线程中启动Handler,使用post方法或其它类似方法
4:在主线程中取消Handler,使用removeCallbacks方法或其它类似方法
示例如下:
 


Handler


java代码:
  1. Handler h = new Handler() {  
  2. public void handleMessage(Message msg) {  
  3. super.handleMessage(msg);  
  4. //使用what来区分是什么样的消息  
  5. switch (msg.what){  
  6. case 1 :  
  7. //这里进行消息的处理  
  8. break;  
  9. default :  
  10. //这里进行消息的处理  
  11. }  
  12. }};  
  13. int what = 0;  
  14. Runnable r = new Runnable() {  
  15. public void run() {  
  16. Message msg = h.obtainMessage();  
  17. msg.obj = "1234567";//传递的参数  
  18. msg.what = what;  
  19. what++;  
  20. h.sendMessage(msg);  
  21. h.postDelayed(r, 1000L);  
  22. }};  

如果想要启动新的线程来处理,使用HandlerThread的示例如下:

1:先定义Handler和HandlerThread:

java代码:
  1. HandlerThread ht = new HandlerThread("MyThread");  
  2. Handler h = null;  
2:在某个地方(比如某个按钮操作里面)启动HandlerThread:

java代码:
  1. ht.start();  
  2. h = new Handler(ht.getLooper()){  
  3. public void handleMessage(Message msg) {  
  4. super.handleMessage(msg);  
  5. //这里真正处理消息  
  6. Toast.makeText(getApplicationContext(),"msg="+msg.obj,Toast.LENGTH_LONG).show();  
  7. }     
  8. };  
3:在某个地方(比如某个按钮操作里面)发送消息:

java代码:
  1. Message msg = h.obtainMessage();  
  2. msg.obj="test message";  
  3. msg.sendToTarget();  
4:在某个地方(比如某个按钮操作里面)可以停止HandlerThread,使用stop方法
 

Notifications

Android系统中,有如下通知类型:

1:Toast Notification:展示后台的简短消息
2:Status Bar Notification:展示后台对用户的提示,通常需要用户响应
3:Dialog Notification:Activity相关的通知

指定Toast的位置,使用Gravity属性,示例如下:


java代码:
  1. Toast t = Toast.makeText(HelloWorldActivity.this,"okok", Toast.LENGTH_SHORT);  
  2. t.setGravity(Gravity.TOP|Gravity.LEFT, 5,10);  
  3. t.show();  

订制Toast,需订制布局文件,这里使用上一个示例的布局文件来示例,程序写法如下:


java代码:
  1. LayoutInflater inflater = getLayoutInflater();  
  2. View layout = inflater.inflate(R.layout.my_dialog,  
  3. (ViewGroup) findViewById(R.id.layout_root));  
  4. ImageView image = (ImageView) layout.findViewById(R.id.image);  
  5. image.setImageResource(R.drawable.ic_launcher);  
  6. TextView text = (TextView) layout.findViewById(R.id.text);  
  7. text.setText("欢迎您的到来!");  
  8. Toast t = new Toast(HelloWorldActivity.this);  
  9. t.setView(layout);  
  10. t.setGravity(Gravity.CENTER|Gravity.LEFT, 5,10);  
  11. t.show();  
  12.    

Status Bar Notification :可以由Activity或Service发出。示例如下:


java代码:
  1. //获取NotificationManager  
  2. String ns = Context.NOTIFICATION_SERVICE;  
  3. NotificationManager mNotificationManager = (NotificationManager) getSystemService(ns);  
  4. //设置在status bar上显示的信息条  
  5. int icon = R.drawable.app_sample_code;  
  6. CharSequence tickerText = "请注意";  
  7. long when = System.currentTimeMillis();  
  8. Notification notification = new Notification(icon, tickerText, when);  
  9. //设置在status 列表里面显示的信息,以及点击的事件  
  10. CharSequence contentTitle = "重要通知";  
  11. CharSequence contentText = "测试";  
  12. Intent notificationIntent = new Intent(HelloWorldActivity.this, T2.class);  
  13. PendingIntent contentIntent = PendingIntent.getActivity(HelloWorldActivity.this0, notificationIntent, 0);  
  14. notification.setLatestEventInfo(HelloWorldActivity.this, contentTitle, contentText, contentIntent);  
  15.    
  16. //发出通知  
  17. mNotificationManager.notify(1, notification);  
NotificationManager 是一个系统级的服务
可以通过NotificationManager 来取消自己的Status Bar Notification,就是使用notity时为通知设置的一个ID,示例如下:
mNotificationManager.cancel(1);//1就是前面notity时传递的id值,必须唯一
为Notification添加提示声音
1:使用系统默认的声音:
notification.defaults |= Notification. DEFAULT_SOUND;
2:使用自己上传的声音:
notification.sound=Uri. parse("file:///data/data/cn.javass/test_cbr.mp3");
为Notification添加提示振动
1:首先要设置权限:<uses-permission android:name= "android.permission.VIBRATE" />
2:使用系统缺省的振动:notification.defaults |= Notification.DEFAULT_VIBRATE;
3:自己定义振动的参数:
long[] vibrate = {0,100,200,300};
otification.vibrate = vibrate;
为Notification添加 闪烁 提示,也就是LED灯的闪烁
1:使用系统缺省的:notification.defaults |= Notification.DEFAULT_LIGHTS;
2:自己定义闪烁的参数:
notification.ledARGB = 0xff00ff00;
notification.ledOnMS = 300;
notification.ledOffMS = 1000;
notification.flags |= Notification. FLAG_SHOW_LIGHTS;
 

为Notification添加其他特性

1:FLAG_AUTO_CANCEL:当用户点击这个通知后,通知自动消失
2:FLAG_INSISTENT:重复播放音乐直到用户响应
3:FLAG_ONGOING_EVENT:在通知窗口增加Ongoing的标记
4:FLAG_NO_CLEAR:标识通知不能被清除掉

客户化的Notification,只是客户化在通知信息列表里面的展示,其他的跟前面仍然是一样的,示例如下:

1:自己订制一个Layout的配置文件,这里使用前面示例用的Layout
2:不再调用notification.setLatestEventInfo这句话,修改成:
RemoteViews contentView = new RemoteViews(getPackageName(), R.layout.my_dialog);
contentView.setImageViewResource(R.id.image, R.drawable.ic_launcher);
contentView.setTextViewText(R.id.title, "重要通知");//这个前面的layout里面没有,可以注掉,也可以自己去layout里面添加上
contentView.setTextViewText(R.id.text, "测试");
 
//设置在通知信息列表里面显示的视图
otification.contentView = contentView;
//设置点击通知信息时触发的事件
otification.contentIntent = contentIntent;
 
视频配套PPT,视频地址【 Android4开发入门经典独家视频课程
 原创内容 转自请注明【 http://sishuok.com/forum/blogPost/list/0/2622.html#7471
10
16
分享到:
评论
1 楼 kimifdw 2012-07-04  
一口气看完了 写得很具体

相关推荐

    Android开发入门经典

    “第四部分 用户界面”着重于如何设计和实现用户界面,使用各种Widgets和布局管理器,以及常见Widget的属性。ListView的使用,菜单的创建,ActionBar和Dialog的实现,Toast和Notification的显示,以及Handler处理...

    android4开发入门经典 开发文档

    2. **基本UI组件**:第二至第四部分可能会介绍Android的用户界面组件,如Activity(活动)、Layouts(布局)、Buttons(按钮)、EditText(文本输入框)和TextView(文本视图)。这些组件是构建用户界面的基础。 3....

    android应用开发入门经典(第二版)源代码

    《Android应用开发入门经典(第二版)》是学习Android编程的经典教材,其源代码提供了丰富的实践案例和示例,帮助初学者深入理解Android应用开发的基本概念和技术。在这些压缩包的文件名中,我们可以看到一系列以...

    android开发入门与实践体验-光盘代码

    在Android开发领域,入门与实践是提升技能的关键步骤。"Android开发入门与实践体验-光盘代码"提供了宝贵的资源,帮助初学者通过实际操作来学习Android应用开发。这本书的代码部分旨在让读者深入理解Android应用的...

    Android APP开发入门:使用Android Studio环境 配套范例程序1-6章

    本资料是"Android APP开发入门:使用Android Studio环境 配套范例程序1-6章",涵盖了初学者需要了解的基本概念和实践操作,但由于文件大小限制,只包含了前六章的实例代码。 **第一章:环境搭建与Hello World** 在...

    Android App开发入门范例程序

    4. **Ch06 - 用户界面组件** - 自定义视图:学习如何扩展基本视图类以实现自定义功能。 - 事件处理:理解点击事件、滑动事件等,以及如何绑定事件监听器。 - 菜单和选项菜单:在Android应用中添加和处理菜单项。 ...

    Android开发从入门到精通(随书光盘)【源码】第9章

    2. **UI设计**:Android应用的用户界面设计是开发者必须掌握的部分,可能涉及到布局管理器如LinearLayout、RelativeLayout、ConstraintLayout的使用,以及自定义View的创建。 3. **数据存储**:Android提供了多种...

    Android开发从入门到精通.pdf

    4. **用户界面设计**:Android使用XML来定义用户界面。书中会涵盖Layouts(布局)的各种类型,如LinearLayout、RelativeLayout和ConstraintLayout,以及如何使用View和ViewGroup来构建复杂的UI。 5. **事件处理**:...

    android开发从入门到精通光盘源代码第二章

    4. **布局设计**: 使用XML文件创建UI布局是Android开发的重要部分,如线性布局、相对布局、网格布局等,学习如何合理布局以实现美观且用户友好的界面是关键。 5. **事件处理**: 学习如何监听用户操作,如点击按钮、...

    android开发入门与实践

    总之,Android开发入门与实践是一个系统的过程,涵盖了从创建项目、设计用户界面到实现交互逻辑等多个方面。通过深入学习2、3、4这三章的内容,初学者可以建立起坚实的Android开发基础,为进一步深入学习和开发复杂...

    Android开发从入门到精通

    在掌握了基础之后,Android开发的学习者需要学习如何设计用户界面(UI)。Android的UI设计主要使用XML进行布局的设计,以及在Activity中通过编程的方式动态地构建界面。掌握UI设计是提高Android应用用户体验的关键。...

    Google Android开发入门与实战.(配书源码)

    在Android开发领域,Google Android开发入门与实战是一本颇受欢迎的书籍,旨在引导初学者进入Android应用开发的世界。这本书由靳岩和姚尚朗合著,由人民邮电出版社出版,提供了丰富的实例和源代码来辅助学习。由于...

    Android应用开发入门教程(经典版).pdf

    ### Android应用开发入门教程知识点概览 #### 一、Android系统结构与SDK使用 ##### 1.1 系统介绍 - **Android** 是一个基于Linux内核的开放源代码移动操作系统,它由Google公司领导并支持。Android系统的设计目标...

    Android开发入门与实战包含代码

    2. **UI设计**:Android应用的用户界面(UI)通常使用XML文件来定义。Layout XML文件描述了屏幕上的控件和它们的布局。理解LinearLayout、RelativeLayout、ConstraintLayout等布局管理器是创建直观UI的关键。 3. **...

    Android 4编程入门经典资源

    Android 4编程入门经典资源是面向初学者的Android开发教程,涵盖了从安装开发环境到编写、调试和测试Android应用程序的方方面面。Android平台上的应用开发在本资源中被分为了若干核心章节,每个章节都围绕Android的...

    Android开发从入门到精通源码

    《Android开发从入门到精通源码》是一套全面解析Android应用开发的教程,涵盖了从基础知识到高级技巧的全过程。此教程分为两个部分,第一部分包括第2至6章,第二部分涵盖第7至12章,旨在帮助初学者快速掌握Android...

    Android 应用开发入门经典教程

    以上只是《Android应用开发入门经典教程》中部分内容的概述,实际教程会更深入地探讨每个主题,通过实例和练习帮助读者巩固知识,真正掌握Android应用开发。如果你对Android开发感兴趣,这无疑是一份值得深入学习的...

    Google Android 开发入门指南(第二版).pdf

    ### Google Android 开发入门指南(第二版)知识点总结 #### 一、书籍基本信息与作者介绍 - **书名**:《Google Android 开发入门指南》第二版 - **作者**:Mark L. Murphy 编著;王世江 改编 - **出版时间**:2009...

Global site tag (gtag.js) - Google Analytics