解析Android Widget设计指南学习入门

解析Android Widget设计指南学习入门


    Android Widget设计指南入门学习是本文要介绍的内容,主要是来了解并学习Android Widget设计思路,具体内容来看本文详解。

    WidgetAndroid 1.5版所引进的特性之一.Widget,可让用户在主屏幕界面及时了解程序显示的重要信息.标准的Android系统已包含几个Widget的示例,如模拟时钟,音乐播放器等.

    Widget是Android1.5版所引进的特性

    用户在主屏幕(HomeScreen)界面的空白区域长按,选择菜单的”小部件”项,即可随意选取所需的部件并显示在主屏幕上.

    此文档介绍了如何设计一个Widget,使得和其它Widget以及主屏幕其它元素保持美观一致.Android团队也于此文档介绍了Widget源图的一些设计标准,还有Widget制图的技巧诀窍.

    对于开发Widget的相关信息,可参考开发者指南的AppWidgets章节和AppWidgets博客.

    标准Android Widget设计剖析

    典型的AndroidWidget设计主要有三个组成部分:一个限位框,一个框架,还有Widget的图形控件以及其它元素.设计周全的Widget会在限位框边缘&框架之间,及框架内边缘&Widget的控件之间都保留一些内填充(内补白).Widget的外观被设计得与主屏幕的其它Widget相匹配,并以主屏幕的其它元素为依据对齐;它们亦使用标准的阴影效果.此文档说明了所有的相关细节.

    标准Widget尺寸(纵向)

    498)this.width=498;">

    标准Widget尺寸(纵向)

    标准Widget尺寸(横向)

    498)this.width=498;">

    标准Widget尺寸(横向)

    设计一个Widget

    为你的Android 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图形文件.

    标准Android Widget设计尺寸

    这里有六种基于4x4(纵向)或4x4(横向)单元的主屏幕网格的标准Widget尺寸.这些规格为六种标准Widget尺寸的限位框.这些尺度是六种标准Widget尺寸限位框.典型Widget的内容并不绘制这些尺度的边缘线,但在限位框里填充一个框架正如设计一个Widget所说到的.

    纵向方位时,每个单元宽80像素高100像素(下图展示了一个纵向方位的单元).纵向方位支持的三种Widget尺寸为:

    横向方位时,每个单元宽106像素高74像素.横向方位支持的三种Widget尺寸为:  

                        

    小结:解析Android Widget设计指南学习入门的内容介绍完了,希望通过Android Widget设计内容的学习能对你有所帮助!

    【编辑推荐】

    • 0
      点赞
    • 0
      收藏
      觉得还不错? 一键收藏
    • 0
      评论

    “相关推荐”对你有帮助么?

    • 非常没帮助
    • 没帮助
    • 一般
    • 有帮助
    • 非常有帮助
    提交
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值