第10章Widget组件开发 杨刚 中国人民大学
第10章 Widget组件开发 杨刚 中国人民大学
10.1 Widget简介 Widget Widget是一个具有特定功能的视图，一般被嵌入到主屏 幕(Home screen).中，并接收周期性更新。用户可以在 主屏幕上直接浏览Widget所显示的信息； 0 Widget可以有效的利用手机的屏幕，快捷、方便的浏览 信息，为用户带来良好的交互体验 口 如：时钟、音乐播放器、相框和Google搜索、天气预报、 股市信息等
10.1 Widget简介 n Widget q Widget是一个具有特定功能的视图，一般被嵌入到主屏 幕（Home screen）中，并接收周期性更新。用户可以在 主屏幕上直接浏览Widget所显示的信息； q Widget可以有效的利用手机的屏幕，快捷、方便的浏览 信息，为用户带来良好的交互体验 q 如：时钟、音乐播放器、相框和Google搜索、天气预报、 股市信息等
10.1 Widget简介 Widget ▣Widget是Android1.5引入的新特性，发展到Android4.0 已经有很大的进步和改变，例如在Android3.1引入的更 改Widget/尺寸功能，以及Android4.0增加的自动设置边 界功能 口 Widgεt在主屏幕上可以出现多个相同的副本，也可以根 据用户的设置，产生尺寸、布局、刷新速率和更新逻辑 完全不同的副本 将Widget程序设计成多个界面风格的版本，有助于适应 不同用户的喜好
n Widget q Widget是Android 1.5引入的新特性，发展到Android 4.0 已经有很大的进步和改变，例如在Android 3.1引入的更 改Widget尺寸功能，以及Android 4.0增加的自动设置边 界功能 q Widget在主屏幕上可以出现多个相同的副本，也可以根 据用户的设置，产生尺寸、布局、刷新速率和更新逻辑 完全不同的副本 q 将Widget程序设计成多个界面风格的版本，有助于适应 不同用户的喜好 10.1 Widget简介
10.1 Widget简介 Widget Mountain View ▣Widget类型 77° Sunny 7957° ■Information widgets Inbox 9 Alex.Daniel Ne Y(DOB-Goo Wendy,Gabe.Chris z ■Collection widgets Andy Rubin ListView widget GridView widget Control widgets Hybrid widgets Artist-Song
n Widget q Widget类型 n Information widgets n Collection widgets n Control widgets n Hybrid widgets 10.1 Widget简介
10.1 Widget简介 Widget 目前，在Android智能手机和平板电脑上具有非常广泛的 应用，包括用Widget实现的微博客、RSS订阅器、股市 信息、天气预报、日历、时钟、信息提醒、电量显示、 邮件、便签、音乐播放、相册和新闻等 口在Android4.0系统中，自带了多个Widget?程序，包括时 钟、书签、音乐播放器、相框和搜索栏等，如下图所示 口在Widget?列表中可以查看所有的Widget?组件，通过长时 间点击Widget?组件，可以将Widget?组件添加到主屏幕上
n Widget q 目前，在Android智能手机和平板电脑上具有非常广泛的 应用，包括用Widget实现的微博客、RSS订阅器、股市 信息、天气预报、日历、时钟、信息ᨀ醒、电量显示、 邮件、便签、音乐播放、相册和新闻等 q 在Android 4.0系统中，自带了多个Widget程序，包括时 钟、书签、音乐播放器、相框和搜索栏等，如下图所示 q 在Widget列表中可以查看所有的Widget组件，通过长时 间点击Widget组件，可以将Widget组件添加到主屏幕上 10.1 Widget简介
10.1 Widget简介 Widget 口Android4.0中的Widget 6/面1：24 Apps Widgets Analog clock 2×2 API Demos 1×1 ApiDemos 1￥1 Bookmark 1×1 ★ Bookmarks Calendar
n Widget q Android 4.0中的Widget 10.1 Widget简介
10.2 Widget基础 ·设计方法 口Widget是主屏幕上的显示元素，不仅自身具有一定的设 计规则，还要与主屏幕上其它的元素保持美观一致 口Widget显示在主屏幕上的结构如下图所示 口 最外层是单元格边界，这个边界是不同Widget的分隔界 限，在界面上这个界限对用户是不可见的 ▣框架边界是Widget背景图像的界限，背景图形会填充满 整个框架(Frame)。最里面是Widget Controls,这是显 示Widget界面元素的空间
10.2 Widget基础 n 设计方法 q Widget是主屏幕上的显示元素，不仅自身具有一定的设 计规则，还要与主屏幕上其它的元素保持美观一致 q Widget显示在主屏幕上的结构如下图所示 q 最外层是单元格边界，这个边界是不同Widget的分隔界 限，在界面上这个界限对用户是不可见的 q 框架边界是Widget背景图像的界限，背景图形会填充满 整个框架（Frame）。最里面是Widget Controls，这是显 示Widget界面元素的空间
10.2 Widget基础 ·设计方法 口Widget构成 Widget Margins Widget Padding Widget Controls 单元格边界 框架边界
n 设计方法 q Widget构成 10.2 Widget基础
10.2 Widget基础 ·设计方法 Widget Padding是框架边界与Widget Controls之间的距离， 可将Widget的界面元素显示在背景图片的中间区域 口为了保证多个Widget显示时不会靠的太近，一般都会设 定Widget Margins,这个值是单元格边界与框架边界的 距离 o如果Widget Margins的值为0，则两个Widget就会连在 起 在Android4.0中，系统会自动在添加Margins,.保持两个 WidgetT可以保持一定的间隔距离
n 设计方法 q Widget Padding是框架边界与Widget Controls之间的距离， 可将Widget的界面元素显示在背景图片的中间区域 q 为了保证多个Widget显示时不会靠的太近，一般都会设 定Widget Margins，这个值是单元格边界与框架边界的 距离 q 如果Widget Margins的值为0，则两个Widget就会连在一 起 q 在Android 4.0中，系统会自动在添加Margins，保持两个 Widget可以保持一定的间隔距离 10.2 Widget基础
10.2 Widget基础 设计方法 口Android.系统将主屏幕划分为单元格，单元格的大小和数 量会随设备的变化而完全不同，一般智能手机会被划分 为4×4的单元格，而平板电脑一般会被划分为8×7的单 元格 口当用户将Widget加入到主屏幕时，Widget会占据一定数 量的单元格，占据单元格的数量由min Width和minHeight 决定，这两个属性是缺省情况下Widget的显示尺寸
n 设计方法 q Android系统将主屏幕划分为单元格，单元格的大小和数 量会随设备的变化而完全不同，一般智能手机会被划分 为4×4的单元格，而平板电脑一般会被划分为8×7的单 元格 q 当用户将Widget加入到主屏幕时，Widget会占据一定数 量的单元格，占据单元格的数量由minWidth和minHeight 决定，这两个属性是缺省情况下Widget的显示尺寸 10.2 Widget基础