安卓窗口小部件创意
【博主:各位博友,网友们,大家网上好!欢迎光临本博客。 欢迎多多交流,多提意见,互相学习,互相进步,我们的口号是:好好学习,天天向上。】
Widget是Android1.5版所引进的特性之一.Widget,可让用户在主屏幕界面及时了解程序显示的重要信息.标准的Android系统已包含几个Widget的示例,如模拟时钟,音乐播放器等.
498)this.width=498;">
用户在主屏幕(HomeScreen)界面的空白区域长按,选择菜单的”小部件”项,即可随意选取所需的部件并显示在主屏幕上.
此文档介绍了如何设计一个Widget,使得和其它Widget以及主屏幕其它元素保持美观一致.Android团队也于此文档介绍了Widget源图的一些设计标准,还有Widget制图的技巧诀窍.
对于开发Widget的相关信息, 可参考开发者指南的AppWidgets章节和AppWidgets博客.
标准Widget剖析
典 型的AndroidWidget主要有三个组成部分:一个限位框,一个框架,还有Widget的图形控件以及其它元素.设计周全的Widget会在限位框 边缘&框架之间,及框架内边缘&Widget的控件之间都保留一些内填充(内补白).Widget的外观被设计得与主屏幕的其它 Widget相匹配,并以主屏幕的其它元素为依据对齐;它们亦使用标准的阴影效果.此文档说明了所有的相关细节.
498)this.width=498;">
标准Widget尺寸(纵向)
498)this.width=498;">
标准Widget尺寸(横向)
设计一个Widget
◆为你的Widget选择限位框尺寸.
最有效的Widget会以最小型的尺寸来显示程序有用或及时的数据.用户会衡量Widget的有用性或它所占的屏幕空间,因此越小越好.
所有Widget必须符合限位框的六种尺寸之一,或者更好的是,或更好的是在一对纵向和横向的方位尺寸里,这样在用户切换屏幕方向时,你的Widget看起来也会更舒适.
标准Widget尺寸以图例说明了六种Widget尺寸的限位规格(三种纵向三种横向).
◆选择匹配的框架.
标准Widget框架以图例说明了六种Widget尺寸的标准框架,你可以下载此链接的副本备用.你的Widget并非都必须使用这些框架,但若你用了,你的Widget可能与其它Widget看起来更一致.
◆对图形应用标准阴影效果.
此外,你并非必须使用此效果,但标准Widget阴影说明了标准Widget使用的Photoshop设置.
◆若你的Widget包含按钮,需绘制按钮的三种状态(默认,按下,被选中).
你可以下载一个音乐Widget播放按钮的Photoshop文件(包含三种状态) ,用来分析三种标准按钮效果的Photoshop设置.
1.完成源图的绘制并调整比例和对齐.
Widget对齐技巧诀窍介绍了一些对齐标准框架内Widget图形的技巧, 另外还有一些其它Widget图形窍门.
2.以正确的图形文件设置保存你的Widget.
Windows图形文件格式介绍了如何正确设置你的Widget图形文件.
标准Widget尺寸
这里有六种基于4 x 4 (纵向)或 4 x 4 (横向)单元的主屏幕网格的标准Widget尺寸.这些规格为六种标准Widget尺寸的限位框.这些尺度是六种标准Widget尺寸限位框.典型 Widget的内容并不绘制这些尺度的边缘线,但在限位框里填充一个框架正如设计一个Widget所说到的.
纵向方位时, 每个单元宽80像素高100像素(下图展示了一个纵向方位的单元). 纵向方位支持的三种Widget尺寸为:
横向方位时,每个单元宽106像素高74像素.横向方位支持的三种Widget尺寸为:
标准Widget框架
针对六种标准Widget尺寸这里有标准的框架.你可以在以下内容点击框架图片来下载该框架的Photoshop 文件用在你的Widget上.
4x1_Widget_Frame_Portrait.psd
3x3_Widget_Frame_Portrait.psd
2x2_Widget_Frame_Portrait.psd
4x1_Widget_Frame_Landscape.psd
3x3_Widget_Frame_Landscape.psd
2x2_Widget_Frame_Landscape.psd
标准Widget阴影
你可为你的Widget源图应用阴影效果,这样会与其它标准AndroidWidget较为一致, 在Photoshop Layer Style对话框使用以下设置.
Widget绘制技巧诀窍
Android团队展示了一些用于对齐标准Widget限位框及框架内Widget源图的窍门,使数个Widget以及主屏幕上的其它元素在视觉上对齐,除此之外还有一些创建Widget的技巧.
◆使用Android SDK模拟器屏幕截图工具来对齐主屏幕上的Widget控件形状&阴影,搜索Widget,以及其它元素.
◆从全尺寸单元格裁剪Widget的富余部分,包括任何填充空间. (换言之, 对于 一个4 x 1的Widget, cut the asset at 320 by 100 pixels)
◆为了减少Widget输出时的条状色块, 在你图片应用以下的Photoshop添加杂色设置.
◆应用9-patch图片格式技术以缩小图片并设置内容区域的内填充. (此处查看细节指南.)
◆注意: 当前AndroidWidget模板被设计成使用一个自定义的渐变角,意味着9-patch图片格式技术无法用以优化资源尺寸.无论如何, 9-patch图片格式技术都能设置内容区域的内填充.
◆某些情况下,低像素深度的设备会引发是视觉带抖动问题.为了解决此问题,应用程序开发者需通过一个定义为XML:的”代理”可绘区传递assets.这个技术参考了以下源图,如”background.9.png”,并指示设备按需抖动.
Widget图形文件格式
使用合适的限位框尺寸以PNG-24格式和8-bit色保存你的Widget源图.
来自http://hi.baidu.com/tdskee/blog/item/3459249b3a6da1a1c9eaf4bc.html
推荐阅读
-
安卓窗口小部件创意
-
安卓版华为手机助手(HiSuite.apk)(支持旧版 EMUI4.0)和窗口版下载
-
微信小程序天际线模式自定义标签组件胶囊与原生胶囊齐平,安卓和 iOS 自适应
-
安卓分屏显示(多窗口支持)开发摘要
-
新装备来了!Butterfly - 用于安卓路由的全新组件化框架,小而强大!
-
Android 开发中 nodpi、xhdpi、hdpi、mdpi、ldpi 的概念 - 术语和概念 屏幕尺寸 屏幕的物理尺寸,基于屏幕的对角线长度(如 2.8 英寸、3.5 英寸)。 简而言之,安卓系统将所有屏幕尺寸简化为三大类:大、普通和小。 程序可以为这三种屏幕尺寸提供三种不同的布局选项,然后系统会以合适的方式将布局选项呈现到相应的屏幕上,这个过程不需要程序员用代码进行干预。 屏幕纵横比 屏幕的物理长度与物理宽度之比。程序只需使用系统提供的资源分类器 long(长)和 notlong(不长),就能为具有特定长宽比的屏幕提供配制材料。 分辨率 屏幕的像素总数。请注意,分辨率并不意味着长宽比,尽管在大多数情况下,分辨率表示为 "宽度 x 长度"。在安卓系统中,程序一般不直接处理分辨率。 密度 根据屏幕分辨率,沿屏幕宽度和长度排列的像素数量。 密度较低的屏幕在长度和宽度方向上的像素都相对较少,而密度较高的屏幕通常会在同一区域内排列很多甚至非常非常多的像素。屏幕的密度非常重要;例如,一个界面元素(如按钮)的长度和宽度以像素为单位,在低密度屏幕上会显得很大,但在高密度屏幕上就会显得很小。 独立于密度的像素(DIP)是指程序用来定义界面元素的抽象意义上的像素。它作为一个与实际密度无关的单位,帮助程序员构建布局方案(界面元素的宽度、高度和位置)。 与密度无关的像素在逻辑上与像素密度为 160 DPI 的屏幕上的像素大小相同,而 160 DPI 是安卓平台默认的显示设备。在运行时,平台会以目标屏幕的密度为基准,"透明 "地处理所有所需的 DIP 缩放操作。要将与密度无关的像素转换为屏幕像素,可以使用一个简单的公式:像素 = DIP * (密度 / 160)。例如,在 240 DPI 的屏幕上,1 个 DIP 等于 1.5 个物理像素。强烈建议使用 DIP 来定义程序界面的布局,因为这样可以确保用户界面在所有分辨率的屏幕上都能正常显示。 为了简化程序员在面对各种分辨率时的麻烦,也为了让各种分辨率的平台都能直接运行这些程序,Android 平台将所有屏幕以密度和分辨率作为分类方式,分别分为三类:- 三大尺寸:大、普通、小;- 三种不同密度:高(hdpi)、中(mdpi)和低(ldpi)。DPI 表示 "每英寸点数",即每英寸的像素数。如果需要,程序可以为不同的屏幕尺寸提供不同的资源(主要是布局),为不同的屏幕密度提供不同的资源(主要是位图)。除此之外,程序无需对屏幕尺寸或密度进行任何额外处理。执行时,平台会根据屏幕本身的尺寸和密度特性自动加载相应的资源,并将其从逻辑像素(DIP,用于定义界面布局)转换为屏幕上的物理像素。
-
安卓例外表格泄露窗口泄露
-
安卓 SDK2(实践三个小目标)
-
让Android组件始终在顶部显示:安卓置顶窗口软件推荐