90 深入 Android 应用开发 核心技术解析与最佳实践 -> android.view.viewgroup -> android.widget.linearlayout 对于 LinearLayout 而言 有几个重要的属性必须注意 android:layout_width 属性定义了控 件的

Transcription

1 第3章 Android UI 控件精要 Android 中提供了丰富的 UI 控件 为了最大限度地发挥平台的性能 每一个开发者必须 熟练掌握 UI 控件尤其是常用的 UI 控件 并能根据需要呈现的内容选择最恰当的控件 需 要 注 意 的 是 Android 提 供 了 XML 配 置 和 Java 两 种 方 式 来 配 置 控 件 属 性 通 常 XML 配置有利于扩展和多目标环境的适配 但由于增加了 XML 解析过程而使性能略低且无 法动态变化 而 Java 方式虽然性能较好 但对于目标环境多变的 Android 设备而言 其扩展 性通常无法满足项目的需要 在实际的开发工作中 开发者可根据实际情况的需要及两种方 式的优缺点 自行决定采用哪种方式 在本章中 根据不同的使用场景详细介绍 Android 中常用的 UI 控件 在属性配置上侧 重 XML 进行介绍 根据场景适当介绍 Java 实现 3.1 布局控件 考虑到不同分辨率和密度下应用的适配性 应最大程度保持设计的灵活性 避免对 控件的宽 高进行硬性限制 这点说起来简单 但在复杂的场景中 即使一些比较著名的 Android 应用也没有完全做到 在 Android 中 常见的布局控件包括 LinearLayout RelativeLayout TableLayout FrameLayout AbsoluteLayout 等 其 中 最 常 用 的 是 LinearLayout 和 RelativeLayout 比 较 重 要 的 是 FrameLayout 而 AbsoluteLayout 布局已经被弃用 LinearLayout LinearLayout 是 Android 中应用最广泛的 也是最基础的一种布局文件 其继承关系如下

2 90 深入 Android 应用开发 核心技术解析与最佳实践 -> android.view.viewgroup -> android.widget.linearlayout 对于 LinearLayout 而言 有几个重要的属性必须注意 android:layout_width 属性定义了控 件的宽度 android:layout_heigh 属性定义了控件的高度 合理配置控件的宽和高 是一件非常 需要经验的事 LinearLayout 控件除了具有上述 2 个属性外 还具有 wrap_content fill_parent match_parent 等 3 个属性值 其中 wrap_content 属性表示适配内容 fill_parent 和 match_parent 属性表示适配父控件 它们两个含义相同 目前 fill_parent 属性值已经被 Android 建议弃用 这些属性值在 frameworks\base\core\res\res\values\ 目录下的 Attrs.xml 中的定义如下 <enum name="fill_parent" value="-1" /> <enum name="match_parent" value="-1" /> <enum name="wrap_content" value="-2" /> 通过 LinearLayout 配合子控件的布局属性可以构建复杂的布局 android:orientation 属性决定了控件的方向 LinearLayout 支持 vertical 和 horizontal 两种布 局方式 在默认情况下 android:orientation 的属性值为 horizontal 下面是一个 HelloActivity 的 main.xml 布局文件的定义 <LinearLayout xmlns:android=" android:orientation="vertical" android:layout_width="wrap_content" android:layout_height="wrap_content"> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"/> <TextView android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/list"/> </LinearLayout> 为了加载 main.xml 布局文件 相应的 HelloActivity.java 的实现如下 import android.app.activity; import android.os.bundle; import android.view.window; public class HelloActivity extends Activity { /** Called when the activity is first created. */ public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); requestwindowfeature(window.feature_custom_title); setcontentview(r.layout.main); getwindow().setfeatureint(window.feature_custom_title,r.layout.custom_title);

3 第 3 章 Android UI 控件精要 91 上述布局的显示效果如图 3-1 所示 图 3-1 LinearLayout 的显示效果 LinearLayout 另一个比较重要的属性为 android:layout_weight, 其含义是使控件占据所 有可用空间 当同一级控件中有多个控件应用了 android:layout_weight 属性时,Android 将 按照设置的属性值的一定算法分配可用空间, 其用法如下 : <LinearLayout android:layout_height="wrap_content" android:orientation="vertical"> <TextView android:layout_width="0dip " android:layout_height="wrap_content" android:text="@string/hello" android:layout_weight="1"/> <TextView android:layout_width="0dip " android:layout_height="wrap_content" android:text="@string/hi" android:layout_weight="1"/> </LinearLayout> 这样 LinearLayout 包含的两个 TextView 即可平分整个屏幕了, 而不会全部位于屏幕的上方 当然, 有时物理屏幕无法同时显示 LinearLayout 所包含的所有内容, 需要增加滚动条, 在 Android 中, 只需在 LinearLayout 外包装一个 ScrollView 控件, 具体方法如下 : <ScrollView android:layout_height="wrap_content" android:fillviewport="true"> <LinearLayout android:layout_height="wrap_content" android:orientation="vertical">... </LinearLayout> </ScrollView>

4 92 深入 Android 应用开发 核心技术解析与最佳实践 RelativeLayout RelativeLayout 是重要性仅次于 LinearLayout 的布局控件之一 通常用于构建比较复杂 的布局 使用方法非常灵活 RelativeLayout 的继承关系如下 Group ->android.widget.relativelayout 通过 RelativeLayout 可以设置控件与父控件的相对位置或控件间的相对位置 设置控件 与父控件的相对位置的属性如下 android:layout_alignparentleft android:layout_alignparentright android:layout_alignparenttop android:layout_alignparentbottom 设置控件间的相对位置的属性如下 android:layout_torightof// 控件位于目标控件的右边 android:layout_toleftof// 控件位于目标控件的左边 android:layout_above// 控件位于目标控件的上边 android:layout_below// 控件位于目标控件的下边 android:layout_alignbaseline// 控件和目标控件的基线对齐 android:layout_alignleft// 不考虑填充 控件和目标控件左对齐 android:layout_aligntop// 不考虑填充 控件位于目标控件顶部 android:layout_alignright// 不考虑填充 控件和目标控件右对齐 android:layout_alignbottom// 不考虑填充 控件位于目标控件底部 layout_centerinparent// 控件位于父控件中央 layout_centerhorizontal// 控件在父控件中水平居中 layout_centervertical// 控件在父控件中垂直居中 layout_alignwithparentifmissing// 目标控件失效时 父控件作为目标控件 代码清单 3-1 所示是一个具体的 RelativeLayout 布局文件的实现 代码清单 3-1 RelativeLayout 布局文件的实现 <RelativeLayout xmlns:android=" android:layout_height="?android:attr/listpreferreditemheight" android:padding="6dip"> <ImageView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_alignparenttop="true" android:layout_alignparentbottom="true" android:layout_marginright="6dip" /> <TextView

5 第3章 Android UI 控件精要 93 android:layout_height="26dip" android:layout_alignparentbottom="true" android:layout_alignparentright="true" android:singleline="true" android:ellipsize="marquee" /> <TextView android:layout_height="wrap_content" android:layout_alignparentright="true" android:layout_alignparenttop="true" android:layout_alignwithparentifmissing="true" android:gravity="center_vertical" </RelativeLayout> RelativeLayout 的一种实现效果如图 3-2 所示 图 3-2 RelativeLayout 的实现效果 RelativeLayout 不支持 android:layout_weight 属性 当没有指明和其他控件之间的位 注意 置关系时 控件位于父控件的左上方 TableLayout TableLayout 的用途比较固定 通常用于表格场景中 TableLayout 的继承关系如下 Group ->android.widget.linearlayout ->android.widget.tablelayout

6 94 深入 Android 应用开发 核心技术解析与最佳实践 TableLayout 包含的子对象除了 TableRow 定义了一行 外 还有其他对象 针对特定 列 TableLayout 还可以设置是否允许该列伸展至充满可用空间或收缩甚至隐藏而为其他控件 腾出的空间 其使用方法如下 public void setcolumncollapsed(int columnindex, boolean iscollapsed)// 隐藏列 public void setcolumnstretchable(int columnindex, boolean isstretchable)// 伸展列 public void setcolumnshrinkable(int columnindex, boolean isshrinkable) // 收缩列 一个 TableLayout 的布局文件的实现如下 <TableLayout xmlns:android=" android:layout_height="match_parent" android:stretchcolumns="1"> <TableRow> <TextView android:padding="3dip" /> <TextView android:padding="3dip" /> </TableRow> <TextView android:padding="3dip" /> </TableLayout> TableLayout 的一种实现效果如图 3-3 所示 图 TableLayout 的实现效果 FrameLayout FrameLayout 是 Android 中另一个非常重要的布局控件 是很多动画类和复杂控件类的 父类 借助 FrameLayout 可以实现丰富的特效 Launcher2 的效果就是借助 FrameLayout 实 现的 FrameLayout 的继承关系如下 Group ->android.widget.framelayout

7 第3章 Android UI 控件精要 95 对于 ListView 特别是在网络场景下 显示的列表项的多少是不固定的 如果没有列表 项可以显示 应给出适当的提示 在 Android 中 提示是借助 FrameLayout 进行的 布局文 件的配置如下 <?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android=" android:layout_height="match_parent"> <ListView android:layout_height="match_parent"/> <TextView android:layout_height="match_parent" android:gravity="center" android:textstyle="italic"/> </FrameLayout> Java 代码的实现如下 public class LibListActivity extends ListActivity { public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); // 加载布局文件 setcontentview(r.layout.item_list); // 设置空视图 getlistview().setemptyview(findviewbyid(r.id. noitem)); 在 Launcher2 中 其主界面布局文件 launcher.xml 也是基于 FrameLayout 实现的 其子 控件只需设置在 FrameLayout 中的位置即可 launcher.xml 的实现如代码清单 3-2 所示 代码清单 3-2 launcher.xml 的实现 <com.android.launcher2.draglayer // 继承于 FrameLayout xmlns:android=" xmlns:launcher=" android:id="@+id/drag_layer" android:layout_height="match_parent"> <include layout="@layout/all_apps" /> <com.android.launcher2.workspace android:id="@+id/workspace" android:layout_height="match_parent"

8 96 深入 Android 应用开发 : 核心技术解析与最佳实践 android:scrollbars="horizontal" android:fadescrollbars="true" launcher:defaultscreen="2"> <include android:id="@+id/cell1" layout="@layout/workspace_screen" /> <include android:id="@+id/cell2" layout="@layout/workspace_screen" /> <include android:id="@+id/cell3" layout="@layout/workspace_screen" /> <include android:id="@+id/cell4" layout="@layout/workspace_screen" /> <include android:id="@+id/cell5" layout="@layout/workspace_screen" /> </com.android.launcher2.workspace> <com.android.launcher2.clippedimageview android:id="@+id/previous_screen" android:layout_width="93dip" android:layout_height="@dimen/button_bar_height" <!-- 设置在 FrameLayout 中的位置 --> android:layout_gravity="bottom left" android:layout_marginleft="6dip" android:scaletype="center" android:src="@drawable/home_arrows_left" android:onclick="previousscreen" launcher:ignorezone="56dip" android:focusable="true" android:clickable="true" /> <com.android.launcher2.clippedimageview android:id="@+id/next_screen" android:layout_width="93dip" android:layout_height="@dimen/button_bar_height" // 设置在 FrameLayout 中的位置 android:layout_gravity="bottom right" android:layout_marginright="6dip" android:scaletype="center" android:src="@drawable/home_arrows_right" android:onclick="nextscreen" launcher:ignorezone="-56dip" android:focusable="true" android:clickable="true" /> <com.android.launcher2.deletezone android:id="@+id/delete_zone" android:layout_width="@dimen/delete_zone_size" android:layout_height="@dimen/delete_zone_size" android:paddingleft="@dimen/delete_zone_padding" android:layout_marginbottom="@dimen/half_status_bar_height" // 设置在 FrameLayout 中的位置 android:layout_gravity="right center_vertical" android:scaletype="center" android:src="@drawable/delete_zone_selector" android:visibility="invisible" launcher:direction="vertical" /> <RelativeLayout android:id="@+id/all_apps_button_cluster"

9 第3章 Android UI 控件精要 97 android:layout_height="fill_parent" // 设置在 FrameLayout 中的位置 android:layout_gravity="right center_vertical" > <com.android.launcher2.handleview android:layout_centervertical="true" android:layout_alignparentright="true" launcher:direction="vertical" /> <ImageView android:onclick="launchhotseat" /> <ImageView android:onclick="launchhotseat" /> </RelativeLayout> </com.android.launcher2.draglayer> 3.2 显示控件 在 Android 中 显 示 控 件 主 要 有 TextView ProgressBar WebView ViewSwitcher TextSwitcher ViewFlipper SeekBar 和 ViewStub 等 TextView TextView 是 Android 开发中最基本也是最常用的控件 但 TextView 本身仍有一些技巧 需要掌握 TextView 的继承关系如下 ->android.widget.textview 1. 字体相关属性 在 Android 中 对字体提供了多种支持 可以配置采用的字体 字体大小 字体特效和

10 98 深入 Android 应用开发 核心技术解析与最佳实践 字体颜色等 在 字 体 大 小 的 配 置 上 目 前 系 统 提 供 了 Large Medium NORMAL Small 等 模 式 对 应 的 字 体 实 际 大 小 分 别 为 20sp 18sp 16sp 14sp 在 默 认 情 况 下 字 体 大 小 模 式 为 NORMAL // 中等字体 android:textappearance="?android:attr/textappearancemedium" android:textsize="20sp" // 显式指定字体大小 在字体特效上支持 normal bold italic bold_italic 等 4 种特效 android:textstyle="bold" // 字体加粗 在字体颜色上 Android 支持多种系统颜色 详细的信息可参考 frameworks\base\core\ res\res\values\ 目录下的 public.xml 中的内容 另外 用户也可以显式指定字体颜色 需要注 意的是 显式指定字体颜色时 格式为 #ARGB 示例如下 android:textcolor="?android:attr/textcolorprimary" android:textcolor="#ff44ff00" // 字母不区分大小写 // 字体颜色 目前 Android 支持 4 种字体 normal sans serif monospace 设置字体的方法如下 android:typeface="sans" // 设置字体 如果希望采用新的字体 可以将字体放置在断言中 加载字体的方法如下 Typeface tf = Typeface.createFromAsset(getAssets(), "fonts/custom.ttf"); tv.settypeface(tf); 注意 // 设置字体 在断言中 单个文件的大小不应超过 1MB 2. 内容排列属性 对于内容排列方法 TextView 支持多行滚动 单行 最大行数 最小宽度 滚动条等多 项设置 在具体实现时可通过自动完成功能获得帮助 下面是几个简单的示例 android:singleline="true" android:maxlines="2" android:minwidth="64dip" android:scrollbars="vertical" // 单行 // 最大行数 // 最小宽度 // 垂直滚动条 下面是一个多行滚动的示例 <TextView android:id="@+id/tv" android:layout_width="fill_parent" android:layout_height="wrap_content" android:scrollbars="vertical"

11 第3章 Android UI 控件精要 99 android:singleline="false" android:maxlines="15" android:textcolor="#ff0000"/> 为了使 TextView 滚动起来 还需要做如下设置 tv.setmovementmethod(scrollingmovementmethod.getinstance()) 图 3-4 所示是继承自 TextView 的 CheckedTextView 的实现效果 图 CheckedTextView 的实现效果 ProgressBar ProgressBar 是表示播放 下载 缓冲进度的一种可视化控件 ProgressBar 的继承关系如下 ->android.widget.progressbar 根据适用的场景不同 ProgressBar 有 4 种风格 即 progressbarstyle progressbarstylehorizontal progressbarstylelarge 和 progressbarstylesmall 其 中 progressbarstyle 是 默 认 风 格 和 progressbarstylelarge progressbarstylesmall 一样 是环形的进度条 这种进度条的好处是 可用在无法明确进度值的场景中 progressbarstylehorizontal 风格的 ProgressBar 为水平进度 条 如图 3-5 所示 progressbarstylehorizontal 风格的 ProgressBar 具有主进度和辅进度两个 状态 特别适合于具有缓冲的场景 设计上充分考虑了网络需求 进度条在 Android 的设计 中随处可见 这可看作 Google 作为互联网巨头的一种体现 图 3-5 ProgressBar 的实现效果

12 100 深入 Android 应用开发 核心技术解析与最佳实践 ProgressBar 的缺点是不允许用户调节进度 如果在某些情况下希望用户能干预进度 则 需要使用 SeekBar 控件 设置进度条的方法如下 public synchronized void setprogress(int progress) public synchronized void setsecondaryprogress(int secondaryprogress) 设置进度条最大值的方法如下 public synchronized void setmax(int max) 设置 ProgressBar 的属性的方法如下 <ProgressBar style="?android:attr/progressbarstylehorizontal" android:layout_width="200dip" android:layout_height="wrap_content" android:max="100" android:progress="50" android:secondaryprogress="75" /> WebView WebView 的继承关系如下 Group ->android.widget.absolutelayout ->android.webkit.webview WebView 是一个复杂的框架的显示部分 其框架由 WebView WebSettings WebViewClient WebStorage WebChromeClient WebHistoryItem 等构成 Webview 可以帮助我们在应用中内 嵌专业的浏览器 并通过和 Java 代码交互创建出 B/S 与 C/S 架构混合的应用 极大地扩展了 开发的思路 1. WebSettings 的常用设置 WebView 通过 WebView.getSettings().setDefaultFontSize() 设置字体 通过 WebView.getSettings(). setdefaultzoom() 设置屏幕的缩放级别 目前 在 Android 2.2 中已经加入了 Adobe Flash Player 功能 可以通过 WebView.getSettings(). setpluginsenabled(true) 来设置允许 Gears 插件 进而实现网页中的 Flash 动画显示 若希望 WebView 显示缩放控件 可通过 WebSettings 实现 方法如下 public void setbuiltinzoomcontrols (boolean enabled)

13 第3章 Android UI 控件精要 加载内容的两种方式 通过 WebView 加载网址或者本地文件脚本的方法如下 public void loadurl (String url) public void loadurl (String url, Map<String, String> extraheaders) 注 意 在 默 认 情 况 下 通 过 loadurl() 加 载 的 网 页 并 非 由 WebView 显 示 而 是 通 过 Activity 管理器选择恰当的应用 通常为浏览器 来加载 若不想通过浏览器加载网页 则 可应用如下方法 WebView webview = new WebView(this); webview.setwebviewclient(new public boolean shouldoverrideurlloading(webview view, String url){ // 返回 true 表示驻留应用处理 url 返回 false 表示 WebView 处理 url return false; ); 如果希望加载直接的数据 可以考虑使用如下方法 public void loaddata(string data, String mimetype, String encoding) 应用上述方法可实现如图 3-6 所示的效果 图 3-6 WebView 的实现效果 WebView 需要 android.permission.internet 权限 关于通过 WebView 进行开发的更 详细内容 可参考 7.9 节 ViewSwitcher ViewSwitcher 支持在两个子视图 index 分别为 0 和 1 间进行切换 其视图的创建可 以通过 setfactory() 进行 两个子视图相同 也可以通过 addview() 方法添加 更灵活的方 式 ViewSwitcher 的继承关系如下

14 102 深入 Android 应用开发 核心技术解析与最佳实践 Group ->android.widget.framelayout ->android.widget.viewanimator ->android.widget.viewswitcher 代码清单 3-3 所示是日程表中的一个关于 ViewSwitcher 的示例 代码清单 3-3 ViewSwitcher 的实现 public class DayActivity extends CalendarActivity implements ViewSwitcher. ViewFactory { private static final int VIEW_ID = protected void oncreate(bundle icicle) { super.oncreate(icicle); setcontentview(r.layout.day_activity); mselectedday = Utils.timeFromIntent(getIntent()); mviewswitcher = (ViewSwitcher) findviewbyid(r.id.switcher); mviewswitcher.setfactory(this);// 设置工厂 mviewswitcher.getcurrentview().requestfocus(); mprogressbar = (ProgressBar) findviewbyid(r.id.progress_circular); public View makeview() {// 生成视图 DayView view = new DayView(this); view.setid(view_id); view.setlayoutparams(new ViewSwitcher.LayoutParams( LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); view.setselectedday(mselectedday); return protected void onpause() { super.onpause(); CalendarView view =(CalendarView) mviewswitcher.getcurrentview(); mselectedday = protected void onresume() { super.onresume(); Utils.setDefaultView(this,CalendarApplication.DAY_VIEW_ID); 如果希望切换视图 可以使用 getnextview() 方法 TextSwitcher TextSwitcher 是 ViewSwitcher 的子类 支持在两个 TextView 间进行切换 TextSwitcher

15 第3章 Android UI 控件精要 103 的继承关系如下 Group ->android.widget.framelayout ->android.widget.viewanimator ->android.widget.viewswitcher ->android.widget.textswitcher TextSwitcher 提供了设置字符串的快捷方式 分别为针对当前视图的 setcurrenttext() 和 针对非当前视图的 settext() ViewFlipper ViewFlipper 支持多个子视图 可以帮助开发者实现幻灯片功能 ViewFlipper 的继承关 系如下 Group ->android.widget.framelayout ->android.widget.viewanimator ->android.widget.viewflipper 通 过 ViewFlipper 可 以 设 置 子 视 图 切 换 的 时 间 间 隔 是 否 自 动 切 换 等 下 面 是 应 用 ViewFlipper 实现幻灯片演示效果的示例布局的代码 <ViewFlipper android:layout_height="wrap_content" android:flipinterval="2000"// 切换间隔为 2s android:layout_marginbottom="20dip" > <TextView android:layout_height="wrap_content" android:gravity="center_horizontal" android:textsize="26sp" <TextView android:layout_height="wrap_content" android:gravity="center_horizontal" android:textsize="26sp" <TextView android:layout_height="wrap_content" android:gravity="center_horizontal"

16 104 深入 Android 应用开发 核心技术解析与最佳实践 android:textsize="26sp" <TextView android:layout_height="wrap_content" android:gravity="center_horizontal" android:textsize="26sp" </ViewFlipper> 下面是启动幻灯片演示的 Java 代码 ViewFlipper mflipper = ((ViewFlipper) this.findviewbyid(r.id.flipper)); mflipper.startflipping(); SeekBar SeekBar 是一种特殊的进度条 其与 ProgressBar 的区别在于 SeekBar 支持用户手动调 整进度 可以实现进度条的个性化设置 SeekBar 的继承关系如下 ->android.widget.progressbar ->android.widget.absseekbar ->android.widget.seekbar 监控 SeekBar 的进度变化的实现方法如下 seekbar.setonseekbarchangelistener(new public void onprogresschanged(seekbar seekbar, int progress,boolean fromuser) {...//fromuser public void onstarttrackingtouch(seekbar seekbar) {...// public void onstoptrackingtouch(seekbar seekbar) {...// 结束触摸手势 ); 在默认情况下 SeekBar 的最大值为 100 通过 setmax() 方法可以设置 SeekBar 的最大 值 设置 SeekBar 的进度的方法如下 public synchronized void setprogress(int progress) public synchronized void setsecondaryprogress(int secondaryprogress) 虽然 SeekBar 的用法非常简单 但是开发者注重的通常为 SeekBar 的呈现是否有足够的

17 第 3 章 Android UI 控件精要 105 个性 所以 SeekBar 提供了更换进度条和滑块的方法, 可以通过配置 SeekBar 属性实现这些 操作, 方法如下 : <SeekBar android:id="@+id/seekbar" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical" style="?android:attr/progressbarstylehorizontal" android:paddingright="3dip" android:progressdrawable="@drawable/seekbar_style" android:thumb="@drawable/thumb" android:max="1000"/> 个性化的进度条更多的是通过设置 android:progressdrawable 属性实现的, 下面是一个可供参考的 seekbar_style.xml 的实现 <?xml version="1.0" encoding="utf-8"?> <layer-list xmlns:android=" <item android:id="@android:id/background"> <shape> <corners android:radius="10dip" /> <gradient android:startcolor="#ffffffff" android:centercolor="#ff000000" android:endcolor="#ff808a87" android:centery="0.45" android:angle="270"/> </shape> </item> <item android:id="@android:id/progress"> <clip> <shape> <corners android:radius="10dip"/> <gradient android:startcolor="#ffffffff" android:centercolor="#ffffff00" android:endcolor="#ffaabd00" android:centery="0.45" android:angle="270"/> </shape> </clip> </item> </layer-list> SeekBar 的一种实现效果如图 3-7 所示

18 106 深入 Android 应用开发 核心技术解析与最佳实践 图 SeekBar 的实现效果 ViewStub ViewStub 是一种非常灵活的视图 主要用于布局资源的实时加载 ViewStub 的继承关 系如下 Stub 当设置 ViewStub 为可视的或者调用其 inflate() 方法时 布局资源被渲染 ViewStub 的 位置被渲染的布局资源替换 关于 ViewStub 的一个示例如下 <ViewStub // 加载视图的 ID android:layout_height="wrap_content" /> 当布局资源被渲染后 ViewStub 将被系统从其父控件中移除 这意味着其 ID 失效 其 inflatedid 将变为可用 渲染布局资源的方法如下 ViewStub stub = (ViewStub) findviewbyid(r.id.editor_stub); View inflated = stub.inflate(); 3.3 容器控件 在 Android 中 容 器 控 件 主 要 包 括 SlidingDrawer ListView ExpandableListView GridView ScrollView HorizontalScrollView 和 TabHost 等 SlidingDrawer SlidingDrawer 提供了一种抽屉式的效果 支持水平和竖直两种布局方式 SlidingDrawer 的继承关系如下

19 第3章 Android UI 控件精要 107 Group ->android.widget.slidingdrawer SlidingDrawer 由手柄 handle 和内容 content 两个子视图组成 其父控件必须是 FrameLayout 或 RelativeLayout 一个关于 SlidingDrawer 的示例如下 <RelativeLayout xmlns:android=" android:layout_height="match_parent"> <SlidingDrawer android:layout_height="match_parent" android:animateonclick="false" <ImageView 必须指定 handle android:background="#ff00ff00" android:layout_width="88dip" android:layout_height="44dip" /> <TextView 必须指定 content android:background="#ff0000ff" android:layout_height="match_parent" /> </SlidingDrawer> </RelativeLayout> 当拖曳手柄时 SlidingDrawer 会调用 OnDrawerOpenListener OnDrawerCloseListener OnDrawerScrollListener 等监听事件 ListView ListView 是 Android 中最常用的复杂容器控件之一 支持单行 多行 自定义布局等多 种子视图布局 同时还支持普通显示 单选和多选等风格 为了实现上述风格 ListView 引 入了适配器模式 ListView 的继承关系如下 Group ->android.widget.adapterview<t extends android.widget.adapter> ->android.widget.abslistview ->android.widget.listview 在开发列表时 主要有适配器 单击事件处理 单选 / 多选处理等需要考虑 其中适

20 108 深入 Android 应用开发 核心技术解析与最佳实践 配 器 包 括 数 据 源 为 数 据 库 的 适 配 器 CursorAdapter 和 数 据 源 为 普 通 数 据 类 型 的 适 配 器 BaseAdapter 等 另外 Android 还提供了几种针对常用情况的视图 适配器的继承关系如 图 3-8 所示 图 3-8 适配器的继承关系 1. 普通列表 普通列表的实现相对简单 重在列表项的实现和数据的加载 这方面的内容已经在 节中介绍 本节不再涉及 单行列表的实现效果如图 3-9 所示 图 3-9 单行列表的实现效果 2. 可选列表 可选列表分单选列表和多选列表两种 其中单选列表实现比较简单 而多选列表实现相 对复杂 在 Honeycomb 版本以前 需要开发者做很多的处理 在 Honeycomb 版本中 通过 ListView 的 setmultichoicemodelistener() 方 法 可 以 设 置 ListView.MultiChoiceModeListener 监听器来帮助开发者进行多选处理 对于可选列表 同样存在自定义适配器的问题 自定义适配器的方法和普通列表类似 不同的是 自定义的列表项的布局文件必须包括 CheckBox 多选 或者 RadioButton 单选

21 第 3 章 Android UI 控件精要 109 通过 setitemchecked() 方法开发者可以手动设置是否选择列表项 单选列表的实现主要是通过 setchoicemode() 方法将 ListView 的 ChoiceMode 设为 ListView.CHOICE_MODE_SINGLE 进行的 通过 getcheckeditemposition() 方法可以获得当 前选择列表项的位置 单选列表的示例如下 : public class List10 extends ListActivity public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setlistadapter(new ArrayAdapter<String>(this, android.r.layout.simple_list_item_single_choice, GENRES)); final ListView listview = getlistview(); listview.setitemscanfocus(false); listview.setchoicemode(listview.choice_mode_single); private static final String[] GENRES = new String[] { "Action", "Adventure", "Animation", "Children", "Comedy", "Documentary", "Drama", "Foreign", "History", "Independent", "Romance", "Sci-Fi", "Television", "Thriller" ; 单选列表的实现效果如图 3-10 所示 图 3-10 单选列表的实现效果 得益于 ListView.MultiChoiceModeListener 监听器, 多选列表的实现在 Honeycomb 中变 得简单, 当列表项的选择情况发生变化时, 通过该监听器的 onitemcheckedstatechanged() 方 法可以直接处理这一变化, 示例如下 : public class List15 extends ListActivity protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); ListView lv = getlistview(); lv.setchoicemode(listview.choice_mode_multiple_modal); lv.setmultichoicemodelistener(new ModeCallback());

22 110 深入 Android 应用开发 核心技术解析与最佳实践 setlistadapter(new ArrayAdapter<String>(this, android.r.layout.simple_list_item_checked, mstrings)); private class ModeCallback implements ListView.MultiChoiceModeListener { public void onitemcheckedstatechanged(actionmode mode, int position, long id, boolean checked) {... private String[] mstrings ={...; 多选列表的实现效果如图 3-11 所示 图 3-11 多选列表的实现效果 关于多选列表在 Honeycomb 以前版本中的实现 本书不再详述 读者可以自行探索 3. 滚动滑块 在 AbsListView 中引入了滚动滑块的功能 在通常情况下 ListView 中的滚动滑块是关 闭的 为了打开滚动滑块功能 在 ListView 中可按如下方法设置属性 android:fastscrollenabled="true" 在 Java 代码中的实现如下 mylistview.setfastscrollenabled(true); ListView 的其他常用方法如下 getfirstvisibleposition() getitematposition() setselectedposition() // 获取首个可见 Item 的位置 // 获取某个位置的 Item // 设置当前选中项 如果开发者没有采用 Android 默认的黑色背景 而是自定义了背景色 在进行列表的 滚 动 时 ListView 的 背 景 会 变 成 黑 色 这 会 严 重 影 响 用 户 体 验 此 时 可 按 如 下 方 式 设 置 ListView 的属性加以解决 android:cachecolorhint="# "

23 第3章 Android UI 控件精要 111 另外 ListView 的 Item 间的分割线是黑色的 自定义 UI 的开发者通常希望更换分割线 实现方法也十分简单 设置 ListView 的属性如下 android:divider="#ff0000"// 也可设为图片 通常不建议显式声明 RGB 值 android:dividerheight="6px" // 设置分割线高度 ExpandableListView ExpandableListView 实际上是树形控件 可以实现复杂的列表组合 当然考虑到屏幕的 限制 ExpandableListView 只有在打开组列表项时才能看到子列表的信息 这在一定程度上 不利于用户快速获取完整的信息 ExpandableListView 的继承关系如下 Group ->android.widget.adapterview<t extends android.widget.adapter> ->android.widget.abslistview ->android.widget.listview ->android.widget.expandablelistview ExpandableListView 的实现和普通列表的实现类似 但有群组的区别 Android 提供了 simple_expandable_list_item_1 和 simple_expandable_list_item_2 两种默认布局 示例如代码 清单 3-4 所示 代码清单 3-4 ExpandableListView 的实现 public class ExpandableList3 extends ExpandableListActivity { private static final String NAME = "NAME"; private static final String IS_EVEN = "IS_EVEN"; private ExpandableListAdapter public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); List<Map<String, String>> groupdata = new ArrayList<Map<String, String>>(); List<List<Map<String, String>>> childdata = new ArrayList<List<Map<String, String>>>(); for (int i = 0; i < 20; i++) { Map<String, String> curgroupmap = new HashMap<String, String>(); groupdata.add(curgroupmap); curgroupmap.put(name, "Group " + i); curgroupmap.put(is_even, (i % 2 == 0)? "This group is even" : "This group is odd"); List<Map<String, String>> children = new ArrayList<Map<String, String>>(); for (int j = 0; j < 15; j++) { Map<String, String> curchildmap = new HashMap<String, String>(); children.add(curchildmap);

24 112 深入 Android 应用开发 核心技术解析与最佳实践 curchildmap.put(name, "Child " + j); curchildmap.put(is_even, (j % 2 == 0)? "This child is even" : "This child is odd"); childdata.add(children); madapter = new SimpleExpandableListAdapter( this, groupdata, android.r.layout.simple_expandable_list_item_1, new String[] { NAME, IS_EVEN, new int[] { android.r.id.text1, android.r.id.text2, childdata, android.r.layout.simple_expandable_list_item_2, new String[] { NAME, IS_EVEN, new int[] { android.r.id.text1, android.r.id.text2 ); setlistadapter(madapter); ExpandableListView 的实现效果如图 3-12 所示 图 3-12 ExpandableListView 的实现效果 在自定义适配器时 基类为 BaseExpandableListAdapter 和 SimpleCursorTreeAdapter 等 这里不再详述 GridView GridView 即网格控件 该控件通常用于主菜单和浏览类场景 GridView 的继承关系如下 Group ->android.widget.adapterview<t extends android.widget.adapter> ->android.widget.abslistview ->android.widget.gridview

25 第3章 Android UI 控件精要 113 GridView 的实现和 ListView 相同 只是呈现方式不同 这里不再详述 GridView 的实 现效果如图 3-13 所示 图 GridView 的实现效果 ScrollView ScrollView 提供了一种在有限的屏幕上展现更多信息的方式 其意图是作为设计模式中 装饰者模式的装饰者出现 仅支持垂直滚动 ScrollView 的继承关系如下 Group ->android.widget.framelayout ->android.widget.scrollview ScrollView 的实现效果如图 3-14 所示 图 3-14 ScrollView 的实现效果 ScrollView 支持替换滚动条的滑块 开发者可以根据自己的需求 设置不同的滑块 以 垂直滚动条为例 方法如下 android:scrollbars="vertical"

26 114 深入 Android 应用开发 核心技术解析与最佳实践 如果希望为水平滚动滑块 可以使用 HorizontalScrollView 另外注意 在 Android 3.2 中 用 ScrollView 封装 WebView 会失效 TabHost 严 格 意 义 上 讲 TabHost 需 要 联 合 TabWidget 才 能 构 成 标 签 页 的 效 果 TabHost 有 助 于开发者在有限的屏幕显示区域中显示更加多的内容 当然后台还是依靠 FrameLayout TabHost 的继承关系如下 Group ->android.widget.framelayout ->android.widget.tabhost TabHost 的用法参考 节 这里不再详述 需要注意的是 TabHost 并非一定要作为 布局文件的根元素出现 TabHost 的实现效果如图 3-15 所示 图 TabHost 的实现效果 输入控件 在 Android 中 输入控件主要包括 EditText Spinner AutoCompleteTextView MultiAuto- CompleteTextView DatePicker 和 TimePicker 等 EditText EditText 是 Android 中最常用的输入控件之一 EditText 的继承关系如下

27 第 3 章 Android UI 控件精要 115 ->android.widget.textview ->android.widget.edittext 下面介绍一些利用 EditText 进行开发的注意事项 1. 输入数据的控制 输入数据的控制通常在布局的配置中进行, 可以设置的数据类型包括密码 纯数字 密码验证等 当 EditText 用于输入密码时, 可以配置 android:password="true", 这样可以使输入信息在 1s 后变为 * 符号 当 EditText 用于输入纯数字时, 可以配置 android:numeric="true", 用户仅能输入 0 ~ 9 等 10 个数字 当 EditText 用于密码验证时, 可以配置 android:capitalize="***", 使输入信息仅能为 ***, 避免了开发者再用正则表达式进行判断 在较新的 Android 版本中,Google 为了统一, 使用 android:inputtype 属性配置, 其属性值包括 none( 不可编辑 ) textpassword( 密码 ) textvisiblepassword( 密码可见 ) number( 数字 ) phone( 电话号码 ) datetime date( 日期 ) time( 时间 ) 等 开发者可以根据自己的需要配置 2. 风格控制 EditText 还支持对风格 ( 如行数 可否编辑 光标选择 最大长度 提示等 ) 的控制 通过 android:singleline="true" 限制风格为单行, 通过 android:minlines 属性还可以配置最小行数, 通过 android:maxlines 属性可以配置最大行数 如果希望限制编辑, 可通过 android:editable="false" 进行属性配置 如果希望能自动隐藏无法显示的内容, 可配置 android:ellipsize 属性, 其属性值包括 none start middle end marquee 等 如果希望在获得焦点时选择内容, 可以配置 android:selectallonfocus="true", 更灵活的光标选择可以通过 setselection() 方法进行 控制输入的最大长度的属性为 android:maxlength 设置提示的属性为 android:hint, 如果希望通过方法设置, 可以使用的方法为 sethint() 3. 软键盘的控制 隐藏软键盘的方法如下 : Inpu tmethodmanager imm = (InputMethodManager)getSystemService(Context.INPUT_METHOD_SERVICE); imm.hidesoftinputfromwindow(myedit.getwindowtoken(), 0);

28 116 深入 Android 应用开发 核心技术解析与最佳实践 通过 InputMethodManager 显示软键盘的方法如下 public boolean showsoftinput(view view, int flags,resultreceiver resultreceiver) public boolean showsoftinput(view view, int flags) public void showsoftinputfrominputmethod(ibinder token, int flags) EditText 的实现效果如图 3-16 所示 图 EditText 的实现效果 Spinner Spinner 可以实现下拉框的效果 并监听用户的选择 Spinner 的继承关系如下 Group ->android.widget.adapterview<t extends android.widget.adapter> ->android.widget.absspinner ->android.widget.spinner Spinner 的数据源也是通过适配器模式设置的 Android 提供了 simple_spinner_dropdown_ item 的系统布局实现 Spinner 的示例如下 Spinner s1 = (Spinner) findviewbyid(r.id.spinner1); ArrayAdapter<CharSequence>adapter = ArrayAdapter.createFromResource( this, R.array.colors, android.r.layout.simple_spinner_item); adapter.setdropdownviewresource(android.r.layout.simple_spinner_dropdown_item); s1.setadapter(adapter); s1.setonitemselectedlistener(new OnItemSelectedListener() { public void onitemselected( AdapterView<?> parent, View view, int position, long id) {... public void onnothingselected(adapterview<?> parent) {... ); Spinner 的实现效果如图 3-17 所示

29 第3章 图 Android UI 控件精要 117 Spinner 的实现效果 AutoCompleteTextView AutoCompleteTextView 提供了自动完成功能 其数据源支持数组 数据库等 AutoCompleteTextView 的继承关系如下 ->android.widget.textview ->android.widget.edittext ->android.widget.autocompletetextview Android 提供了 simple_dropdown_item_1line simple_dropdown_item_2line 两种 AutoCompleteTextView 系 统 布 局 风 格 基 本 可 以 满 足 开 发 者 的 需 要 不 需 自 定 义 布 局 AutoCompleteTextView 的示例如下 ArrayAdapter<String>adapter = new ArrayAdapter<String>(this, android.r.layout.simple_dropdown_item_1line, COUNTRIES); AutoCompleteTextView textview = (AutoCompleteTextView) findviewbyid(r.id.edit); textview.setadapter(adapter);... static final String[] COUNTRIES = new String[] {...; AutoCompleteTextView 的实现效果如图 3-18 所示 图 3-18 AutoCompleteTextView 的实现效果

30 118 深入 Android 应用开发 核心技术解析与最佳实践 在 默 认 情 况 下 只 有 在 输 入 两 个 字 符 时 AutoCompleteTextView 才 开 始 执 行 匹 配 如 果 希 望 变 更 开 始 匹 配 的 字 符 数 量 可 使 用 setthreshold() 方 法 需 要 注 意 的 是 AutoCompleteTextView 不支持数据源的更新 其只能实现单选功能 如果希望实现多选 则 需使用 MultiAutoCompleteTextView 3.5 控制控件 在 Android 中 控 制 控 件 主 要 包 括 Button CheckBox RadioButton RatingBar ToggleButton 和 ZoomControls 等 Button Button 是最基本的控制控件 其继承关系如下 ->android.widget.textview ->android.widget.button Button 的 实 现 效 果 如 图 3-19 所 示 另 外 Button 还 有 两 个 变 种 即 ImageButton 和 ToggleButton 其中 ImageButton 显示的内容为背景图像 ToggleButton 可以记忆选择状态 图 3-19 Button 的实现效果 在 Android 中 Button 支 持 阴 影 shape 渐 变 gradient 边 缘 stroke 拐 角 corners 等多种属性 这些属性有助于开发者设计出个性化的风格 1. ImageButton 使用 ImageButton 时 需要设置背景图像 下面是一个示例的布局文件 <ImageButton android:layout_width="wrap_content" android:layout_height="wrap_content"

31 第3章 Android UI 控件精要 119 下面是示例的 Java 实现 ImageButton deskclock = (ImageButton) findviewbyid(r.id.desk_clock_button); deskclock.setonclicklistener(new View.OnClickListener() { public void onclick(view v) {... ); 2. ToggleButton ToggleButton 控件主要执行开关操作 其用法非常简单 下面是其一个属性的配置 <ToggleButton android:id="@+id/otaspeakerbutton" android:layout_gravity="center" android:texton="@string/on" android:textoff="@string/off"/> 图 3-20 是 ToggleButton 的一个实现效果 图 ToggleButton 的实现效果 CheckBox CheckBox 用于标记是否选择内容 通常用于多选场景中 CheckBox 的继承关系如下 ->android.widget.textview ->android.widget.button ->android.widget.compoundbutton ->android.widget.checkbox CheckBox 的常用方法如下 public void setchecked(boolean checked)// 设置是否选择 public boolean ischecked()/// 判断是否选择 public void toggle()// 反转选择 RadioButton RadioButton 用于实现单选功能 常和 RadioGroup 一起使用 在每个 RadioGroup 中仅 有一个 RadioButton 处于选中状态 RadioButton 的继承关系如下

32 120 深入 Android 应用开发 核心技术解析与最佳实践 ->android.widget.textview ->android.widget.button ->android.widget.compoundbutton ->android.widget.radiobutton 下面是一个 RadioButton 使用的布局文件 <RadioGroup android:layout_height="wrap_content" android:orientation="vertical" <RadioButton /> <RadioButton /> <RadioButton /> <RadioButton /> <TextView /> </RadioGroup> 通过 RadioGroup.OnCheckedChangeListener 监听器可 以 监 听 到 RadioButton 的 选 择 状 态 变 化 和 RadioButton 选择相关的 RadioGroup 的方法如下 public void check(int id) public void clearcheck() RadioButton 的实现效果如图 3-21 所示 RatingBar 图 3-21 RadioButton 的实现效果 RatingBar 常用在评价场景中 用于给出评级 RatingBar 的继承关系如下 ->android.widget.progressbar ->android.widget.absseekbar ->android.widget.ratingbar

33 第3章 Android UI 控件精要 121 通过 RatingBar.OnRatingBarChangeListener 可以监听到 RatingBar 的状态变化 下面是 一个 RatingBar 的布局文件实现 <RatingBar android:layout_width="wrap_content" android:layout_height="wrap_content" android:numstars="5"// 最大星数 android:rating="1" />// 可设的星级间隔 RatingBar 的实现效果如图 3-22 所示 图 RatingBar 的实现效果 ZoomControls ZoomControls 是一个执行缩放的控件 通常用于网页和文本阅读等场景 随着多点触控 的逐渐流行 人们更习惯于通过多点触控来执行相关页面的缩放 目前 ZoomControls 已被 边缘化了 ZoomControls 的继承关系如下 Group ->android.widget.linearlayout ->android.widget.zoomcontrols ZoomControls 的常用方法如下 public public public public public void void void void void setiszoominenabled(boolean isenabled) setiszoomoutenabled(boolean isenabled) setzoomspeed(long speed) setonzoominclicklistener(onclicklistener listener) setonzoomoutclicklistener(onclicklistener listener) 图 3-23 所示为 ZoomControls 的实现效果

34 122 深入 Android 应用开发 核心技术解析与最佳实践 图 ZoomControls 的实现效果 多媒体控件 在 Android 中 多 媒 体 控 件 主 要 包 括 VideoView MediaController ImageView ImageSwitcher 和 Gallery 等 关于 VideoView 和 MediaController 的内容参见 节 ImageView ImageView 是 最 常 使 用 的 多 媒 体 控 件 它 支 持 的 缩 放 方 式 有 matrix fitxy fitstart fitcenter fitend center centercrop centerinside 等 相 关 的 属 性 为 android:scaletype ImageView 为图片的设置提供了强大的支持 ImageView 的继承关系如下 ->android.widget.imageview ImageView 常用的几个方法如下 public void setimageresource(int resid) // 设置资源 ID public void setimageuri(uri uri)// 设置本地 Uri publi c v o i d s e t I m a g e D r a w a b l e ( D r a w a b l e drawable)// 设置 Drawable ImageView 的实现效果如图 3-24 所示 ImageSwitcher ImageSwitcher 主要用于图片浏览场景 在图片切换 时可以实现动画效果 ImageSwitcher 的继承关系如下 Group 图 3-24 ImageView 的实现效果

35 第3章 Android UI 控件精要 123 ->android.widget.framelayout ->android.widget.viewanimator ->android.widget.viewswitcher ->android.widget.imageswitcher 下面是 ImageSwitcher 和 Gallery 结合使用的一个示例 其布局文件如下 <RelativeLayout xmlns:android=" android:layout_height="match_parent"> <ImageSwitcher android:layout_height="match_parent" android:layout_alignparenttop="true" android:layout_alignparentleft="true" /> <Gallery android:background="# " android:layout_height="60dp" android:layout_alignparentbottom="true" android:layout_alignparentleft="true" android:gravity="center_vertical" android:spacing="16dp" /> </RelativeLayout> ImageSwitcher 的 Java 代码实现如代码清单 3-5 所示 代码清单 3-5 ImageSwitcher 的 Java 代码实现 public class ImageSwitcher extends Activity implements AdapterView.OnItemSelectedListener, ViewSwitcher.ViewFactory public void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); requestwindowfeature(window.feature_no_title);// 全屏 setcontentview(r.layout.image_switcher_1); mswitcher = (ImageSwitcher) findviewbyid(r.id.switcher); mswitcher.setfactory(this);// 设置 ViewFactory mswitcher.setinanimation(animationutils.loadanimation(this, android.r.anim.fade_in));// 设置动画 mswitcher.setoutanimation(animationutils.loadanimation(this, android.r.anim.fade_out)); Gallery g = (Gallery) findviewbyid(r.id.gallery); g.setadapter(new ImageAdapter(this));// 设置适配器 g.setonitemselectedlistener(this);// 设置监听器 public void onitemselected(adapterview<?> parent, View v, int position, long id) { mswitcher.setimageresource(mimageids[position]);

36 124 深入 Android 应用开发 核心技术解析与最佳实践 public void onnothingselected(adapterview<?> parent) { public View makeview() {// 加载图像 ImageView i = new ImageView(this); i.setbackgroundcolor(0xff000000); i.setscaletype(imageview.scaletype.fit_center);// 设置缩放 i.setlayoutparams(new ImageSwitcher.LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT)); return i; private ImageSwitcher mswitcher; public class ImageAdapter extends BaseAdapter { public ImageAdapter(Context c) { mcontext = c; public int getcount() { return mthumbids.length; public Object getitem(int position) { return position; public long getitemid(int position) { return position; public View getview(int position, View convertview, ViewGroup parent) { ImageView i = new ImageView(mContext); i.setimageresource(mthumbids[position]); i.setadjustviewbounds(true); i.setlayoutparams(new Gallery.LayoutParams( LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT)); i.setbackgroundresource(r.drawable.picture_frame); return i; private Context mcontext; private Integer[] mthumbids = { R.drawable.sample_thumb_0, R.drawable.sample_thumb_1, R.drawable.sample_thumb_2, R.drawable.sample_thumb_3, R.drawable.sample_thumb_4, R.drawable.sample_thumb_5, R.drawable.sample_thumb_6, R.drawable.sample_thumb_7; private Integer[] mimageids = { R.drawable.sample_0, R.drawable.sample_1, R.drawable.sample_2, R.drawable.sample_3, R.drawable.sample_4, R.drawable.sample_5, R.drawable.sample_6, R.drawable.sample_7; ImageSwitcher 和 Gallery 结合的实现效果如图 3-25 所示

37 第3章 图 Android UI 控件精要 125 ImageSwitcher 和 Gallery 结合的实现效果 特殊控件 在 Android 中 有些控件是用于特定用途的 主要包括 AnalogClock DigitalClock AppWidgetHostView RemoteViews KeyboardView 等 考虑到多数控件的用途有限 本 节仅介绍 RemoteViews 严格来讲 RemoteViews 并非视图控件 它提供了跨进程加载其他进程布局的方法 RemoteViews 的继承关系如下 ->android.widget.remoteviews 在创建 RemoteViews 对象时 通常需要设置相应进程的包名 布局 ID 等 在操作视图 控件时 通常需指定控件 ID 控件方法和参数 示例如下 views.setcharsequence(r.id.search_widget_text, "sethint", mquerytextviewhint); 下面是 RemoteViews 应用的一个示例 // 创建对象 需要设置包名 RemoteViews updateviews = new RemoteViews(context.getPackageName(), R.layout. widget_word); // 调用 RemoteViews 的远程方法 需要设置控件 ID updateviews.settextviewtext(r.id.word_title, wordtitle); updateviews.settextviewtext(r.id.word_type, matcher.group(2)); updateviews.settextviewtext(r.id.definition, matcher.group(3).trim()); String definepage = res.getstring(r.string.template_define_url, Uri.encode(wordTitle)); Intent defineintent = new Intent(Intent.ACTION_VIEW, Uri.parse(definePage)); PendingIntent pendingintent = PendingIntent.getActivity(context, 0 /* no requestcode */, defineintent, 0 /* no flags */); updateviews.setonclickpendingintent(r.id.widget, pendingintent);

38 126 深入 Android 应用开发 核心技术解析与最佳实践 3.8 桌面部件 在 Android 中 UI 桌面部件目前仅支持 App Widgets Live folders 两种形式 这两种形 式都是跨进程的远程视图 App Widgets 的实现 App Widgets 的实现相对复杂 注重实现跨进程的数据通信 通常用于 Home Screen 中 其实现一般包括如下几个步骤 a 定义 App Widgets 布局文件 b 定义 AppWidgetProviderInfo 资源 c 创建 AppWidgetProvider 类 d 创建 App Widgets 的配置 Activity 可选 下面对 Android 自带的示例进行介绍 1. 定义 App Widgets 布局文件 App Widgets 本质上是基于 RemoteViews 实现的 为了显示 App Widgets 需要先创建 布局文件 在下面的示例中 布局文件为一个简单的 TextView <TextView xmlns:android=" android:id="@+id/appwidget_text" android:layout_width="wrap_content" android:layout_height="wrap_content" android:textcolor="#ff000000" /> 在商业实现中 布局当然不会如此简单 需要注意的是 App Widgets 支持的控件有限 其 中布局控件包括 FrameLayout LinearLayout RelativeLayout 等 支持的 Widget 包括 AnalogClock Button Chronometer ImageButton ImageView ProgressBar TextView ViewFlipper 等 2. 定义 AppWidgetProviderInfo 资源 AppWidgetProviderInfo 资源定义了 App Widgets 的元数据 如更新间隔 布局文件 配 置 Activity 等 该资源文件位于 layout/xml 目录下 <appwidget-provider xmlns:android=" android:minwidth="60dp" android:minheight="30dp" android:updateperiodmillis=" "// 更新间隔 android:initiallayout="@layout/appwidget_provider"// 布局文件 andro i d : c o n f i g u r e = " c o m. e x a m p l e. a n d r o i d. a p i s. a p p w i d g e t. E x a m p l e A p p -

39 第3章 Android UI 控件精要 127 WidgetConfigure"// 配置 Activity > </appwidget-provider> 3. 创建 AppWidgetProvider 类 AppWidgetProvider 类定义了实现 App Widgets 的基本方法 可以接收到 App Widgets 的 更新 删除 启用 禁用等信息 示例如代码清单 3-6 所示 代码清单 3-6 AppWidgetProvider 的实现 public class ExampleAppWidgetProvider extends AppWidgetProvider { private static final String TAG = public void onupdate(context context, AppWidgetManager appwidgetmanager, int[] appwidgetids) { final int N = appwidgetids.length;...// 调用 updateappwidget() public void ondeleted(context context, int[] appwidgetids) public void onenabled(context context) public void ondisabled(context context) {... stati c v o i d u p d a t e A p p W i d g e t ( C o n t e x t c o n t e x t, A p p W i d g e t M a n a g e r appwidgetmanager,int appwidgetid, String titleprefix) { CharSequence text =...; RemoteViews views = new RemoteViews(context.getPackageName(), R.layout. appwidget_provider); views.settextviewtext(r.id.appwidget_text, text); // 通知 appwidget Manager 更新 appwidget appwidgetmanager.updateappwidget(appwidgetid, views); 注意 为 了 收 到 App Widgets 的 更 新 消 息 ExampleAppWidgetProvider 应 支 持 android. appwidget.action.appwidget_update 为 了 收 到 App Widgets 的 删 除 消 息 ExampleAppWidgetProvider 应 支 持 android.appwidget.action.appwidget_deleted 为 了 收 到 App Widgets 的启用消息 ExampleAppWidgetProvider 应支持 android.appwidget. action. APPWIDGET_ENABLED 为了收到 App Widgets 的禁用消息 ExampleApp WidgetProvider 应 支持 android.appwidget.action.appwidget_disabled

40 128 深入 Android 应用开发 核心技术解析与最佳实践 4. 创建 App Widgets 的配置 Activity App Widgets 更新本质上是通过 AppWidgetManager 进行的 配置 Activity 为创建 App Widgets 的可选过程 为了能够更新 App Widgets 必须支持 Action 名为 android.appwidget. action.appwidget_configure 的 Intent 为了更新 App Widgets 首先必须保存 AppWidgets 的 ID 方法如下 Intent intent = getintent(); Bundle extras = intent.getextras(); if (extras!= null) { mappwidgetid = extras.getint( AppWidgetManager.EXTRA_APPWIDGET_ID, AppWidgetManager.INVALID_APPWIDGET_ID); // 如果没有指定 AppWidgets 的 ID if (mappwidgetid == AppWidgetManager.INVALID_APPWIDGET_ID) { finish(); 接着获得 AppWidgetManager 对象 推送更新 方法如下 String titleprefix =...; // 最新数据 AppWidgetManager appwidgetmanager = AppWidgetManager.getInstance(context); ExampleAppWidgetProvider.updateAppWidget(context, appwidgetmanager,mappwidgetid, titleprefix); 设置带返回值的 Intent 方法如下 Intent resultvalue = new Intent(); resultvalue.putextra(appwidgetmanager.extra_appwidget_id, mappwidgetid); setresult(result_ok, resultvalue); finish(); Live folders 的实现 Live folders 的作用是在启动器的辅屏上创建出列表 应用它可以极大地方便用户的操 作 Live folders 的实现一般包括如下几个步骤 a 配置文件的实现 b 数据库的实现 c Live folders 的 Activity 的实现 下面以创建 BluetoothOppLiveFolder 为例来介绍 Live folders 的实现 1. 配置文件的实现 如 果 希 望 创 建 Live folders 必 须 接 收 Action 为 android.intent.action.create_live_ FOLDER 的 Intent 注意 该 Intent 要有返回值 具体实现方法如下

41 第 3 章 Android UI 控件精要 129 <activity android:name=".opp.bluetoothopplivefolder" android:process="@string/process" android:label="@string/btopp_live_folder"> <intent-filter> <action android:name= "android.intent.action.create_live_folder" /> <category android:name= "android.intent.category.default" /> </intent-filter> </activity> 2. 数据库的实现 数据库的实现并无特殊之处, 本节就不再详述, 需要注意的是, 应提供相应的 Uri 在 BluetoothOppLiveFolder 中,Uri 如下 : public static final Uri CONTENT_URI = Uri.parse("content://com.android.bluetooth.opp/live_folders/received"); 3. Live folders 的 Activity 实现 Live folders 仅能显示特定信息的列表, 其信息的定义位于 LiveFolders.java 文件中 当收到 Action 为 LiveFolders.ACTION_CREATE_LIVE_FOLDER 的 Intent 消息时, BluetoothOppLiveFolder 会调用 createlivefolder 来创建反馈结果需要的 Intent, 具体如下 : priv ate static Intent createlivefolder(context context, Uri uri, String name, int icon) { final Intent intent = new Intent(); intent.setdata(uri); intent.putextra(livefolders.extra_live_folder_base_intent, new Intent( Constants.ACTION_OPEN, BluetoothShare.CONTENT_URI)); intent.putextra(livefolders.extra_live_folder_name, name); inte nt.putextra(livefolders.extra_live_folder_icon, Intent.ShortcutIconResource. fromcontext(context, icon)); inte nt.putextra(livefolders.extra_live_folder_display_mode, LiveFolders.DISPLAY_ MODE_LIST); return intent; 3.9 自定义控件 虽然 Android 提供了丰富的控件, 但是出于产品差异化考虑或设计的需要, 还是有很多的工作要做, 自定义控件的开发就是其中重要一项 幸运的是, 在 Android 中, 自定义控件非常方便 基本的要求是必须实现父控件的虚函数和自身的构造函数 下面以 Android 自带的 LabelView 为例进行介绍 目前,Android 提供了带有不同参数的 3 种构造函数供开发者选择, 如下所示 :

42 130 深入 Android 应用开发 核心技术解析与最佳实践 // 仅上下文 public LabelView(Context context) // 上下文 属性集 public LabelView(Context context, AttributeSet attrs) // 上下文 属性集 默认风格 public LabelView (Context context, AttributeSet attrs, int defstyle) 当自定义控件涉及属性扩展时 在执行构造函数时就必须传入属性集 AttributeSet 在 LabelView 中 引入了 3 个属性 text textcolor 和 textsize 下面是属性定义的方法 <declare-styleable name="labelview"> <attr name="text" format="string" /> <attr name="textcolor" format="color" /> <attr name="textsize" format="dimension" /> </declare-styleable> 为了使属性有效 必须在对象初始化时加载属性 加载属性的方法很简单 下面是在 LabelView 中的实现 public LabelView(Context context, AttributeSet attrs) { super(context, attrs);... TypedArray a = context.obtainstyledattributes(attrs, R.styleable.LabelView);... a.recycle(); 3.10 数据适配 为了解决复杂数据的显示 Android 将适配器模式发挥到了极高的水平 在其他平台上 也有类似的现象 如 BREW 对 MVC 的应用 视图适配 在 Android 中 视图显示的数据的来源复杂 可以是数据库 数组 列表甚至 XML 文 件 和其他平台一样 Android 同样采用了视图和数据分离的设计 但其设计得较精巧 下 面以 ListView 为例介绍数据的适配问题 Gallery Spinner 的数据适配和 ListView 类似 在 此不再详述 ListView 是 Android 中最常用的控件之一 关于 ListView 本身的内容 3.3 节已经介绍 过 故本节将着重介绍其自定义列表项布局的数据适配问题 为了适配数据 需要进行以下工作

43 第 3 章 Android UI 控件精要 131 创建列表项布局文件 根据数据源创建相应的适配器 通过 setadapter() 方法设置适配器 下面逐一介绍 1. 创建列表项布局文件 部分从其他平台转来的开发者通常喜欢直接用代码编写布局, 其实这样为性能带来的提 升极其有限, 且会大大降低代码的可读性 因此笔者建议, 对于非必须的动态变化的场景, 布局文件均应采用 XML 配置文件的方式 在创建列表项布局文件时, 最麻烦的就是不同环境的适配问题 开发者在进行设计时, 需深入思考相关信息的变化程度, 如字符串的长度变化 图标的多少 字体的大小等 下面 是一个简单的列表项布局文件 test_list_item.xml, 其支持可用空间的比例分配 代码清单 3-7 创建列表项布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android=" android:layout_height="match_parent" android:background="@drawable/item_bg" android:paddingleft="3dip" android:paddingright="3dip" android:gravity="center_vertical"> <TextView android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="2" android:id="@+id/text1" android:textcolor="@color/text_color" android:textappearance="@android:style/textappearance.medium"/> <TextView android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" android:id="@+id/ text2" android:textcolor="@color/text_color" android:textappearance="@android:style/textappearance.medium"/> <TextView android:layout_width="0dip" android:layout_height="wrap_content" android:layout_weight="1" android:id="@+id/ text3" android:textcolor="@color/text_color" android:textappearance="@android:style/textappearance.medium"/> </LinearLayout>

44 132 深入 Android 应用开发 核心技术解析与最佳实践 2. 根据数据源创建相应的适配器 在 Android 中 目前的数据类型被分为两大类 基本型 数据库型 对应的适配器基类 为 BaseAdapter CursorAdapter 不同的适配器加载数据的方式也略有不同 注意 在列表项中 有时会出现 Button 等可单击的控件 为了使 Button 和列表项均能 响应单击事件 避免列表项无法获得焦点 在加载时需通过相关控件的 setfocusable() 使控 件不会在单击列表项普通区域 非可单击控件区域 时先获得焦点 具体方法如下 button1.setfocusable(false); BaseAdapter 的适配主要是在其 getview() 方法中进行的 相应的实现如下 private class TestListAdapter extends BaseAdapter { public int getcount() {... public Object getitem(int arg0) {... public long getitemid(int arg0) { return arg0; public View getview(final int arg0, View arg1, ViewGroup arg2) { LinearLayout itemlayout; if (arg1 == null) { itemlayout = (LinearLayout) minflater.inflate( R.layout. test_list_item, arg2, false); else { itemlayout = (LinearLayout) arg1; TextView text1= (TextView) itemlayout.findviewbyid(r.id. text1);... CursorAdapter 的适配主要是在 bindview() 和 newview() 方法中进行的 相应的实现如下 private class TestListAdapter extends CursorAdapter{ public TestListAdapter (Context context, Cursor c) { super(context, c); startmanagingcursor(c); // 绑定数据 public void bindview(view arg0, Context arg1, Cursor arg2) { startmanagingcursor(arg2); TextView text1= (TextView)arg0.findViewById(R.id. text1); TextView text2= (TextView)arg0.findViewById(R.id. text2);

45 第3章 Android UI 控件精要 133 TextView text3= (TextView)arg0.findViewById(R.id. text3);... public View newview(context arg0, Cursor arg1, ViewGroup arg2) { // 加载布局文件 LayoutInflater inflater = LayoutInflater.from(arg0); LinearLayout layout = (LinearLayout) inflater.inflate( R.layout.test_list_item, arg2, false); return layout; 3. 通过 setadapter() 方法设置适配器 为 ListView 设置适配器的方法非常简单 如果是在 ListActivity 中 且数据源是基本型 那么可以执行以下方法 getlistview().setadapter(new TestListAdapter()); 如果数据源是数据库型 必须先获取数据库的光标 方法如下 Cursor c =...; // 获取光标 getlistview().setadapter(new TestListAdapter (this,c)); 关于数据库的光标的获取 内容比较复杂 可参见 4.4 节 对于 ListView Android 还支持头视图和尾视图 添加相应视图的方法如下 public void addheaderview(view v) public void addfooterview(view v) 注意 执行头视图和尾视图添加的操作必须放在 setadapter() 方法前 这是因为在添加头视 图或尾视图时 其适配器已经是 HeaderViewListAdapter 而非 ListAdapter 了 标准化解析 在进行开发时 某些数据如 IP 地址 文件大小 日期 时间等 往往有特定的格式 特别是日期 涉及本地化等因素 开发者自行生成符合用户习惯的显示时 会略显复杂 事 实上 Android 的 android.text.format 包提供了对类似数据的标准解析 1. IP 地址解析 IP 地址的解析如下 WifiInfo info = maccesspoint.getinfo(); int address = info.getipaddress(); Formatter.formatIpAddress(address)