时间:2021-05-19
应用小挂件(也叫做窗口小挂件)在android1.5的时候被第一次引出,后来再android3.0和android3.1中得到了极大的发展,他们可以展示一些应用的常用信息或者一些相关的信息到桌面上,标准的Android系统镜像中有很多自带的创口小挂件,例如:闹钟、音乐等
Figure 1. Example app widgets in Android 4.0.
本文将描述怎么去设计小挂件,以便于能很好的与其他挂件搭配的很默契,同时也会介绍一些小技巧。
AppWidget 剖析
一个典型的android挂件将会包含三个组件部分:一个边界框、一个挂件图形控件、其他的元素。挂件包含了一部分安卓 View 控件的子集,他支持:textlabel、button、image。其他可用的组件见API Guide部分的Creating the app widget layout(见左侧)
一个设计很好的挂件将会在边界框、框架之间留出一些外部边界,在内部的边界框中会留出一些内部边界。(也就是留出一些padding与margin)。如下图所示:
Figure 2. Widgets generally have margins between the bounding box and frame,and padding between the frame and widget control
Note:
在android4.0中,挂件将自动的与边框之间将上margin。
为你的挂件决定大小
每一个挂件都必须指定minWidth 和 minHeight他表示默认最少需要多少的空间展示。当用户添加挂件到他的主屏幕时,通常占用的空间会大于你给的这两个值。Android的主屏幕提供给用户一种方格子的可用空间来放置应用图标或者桌面挂件。这种矩阵方格子在不同的设备上有不同的格式。比如说:一般手持设备提供4 X 4的格子。但是平板设备可以通过8 X 7的格子。当你的挂件被添加的时候,他将会根据minWidth和minHeight指定的宽高自动拉伸去占据最少的格子。使用.9.png图片作为背景和使用可伸展的布局可使你的挂件布局能很好的适配设备的主屏幕格子,以达到很好的使用体验。
你设置的宽度、高度,或者说margin宽度都会有可能运行到不同的设备上,你可以使用下面列出的每个小格子占据的空间的数据来大致的估算你的挂件的最小尺寸。
最佳实践是将你的minWidth与minHeight设置相对保守,定义最小尺寸是可以使你的挂件渲染出很好的默认状态。
比如说:假设你有个音乐播放器的挂件,他用作显示当前正在播放的专辑以及名字,我们就只需要一个播放按钮、一个下一曲按钮。
Figure 3. An example music player widget.
你最小的高度就应该为你的两个文本控件的高度+文本之间的margin高度和padding高度。你的最小宽度就应该为播放按钮最短宽度+ 下一曲按钮的最短宽度 + 文本的最短宽度(比如说最长10个字符)+水平的一些margin和padding距离
Figure4. Example sizes and margins for minWidth/minHeight calculations.We chose 144dp as an example good minimum width for the text labels.
最后的结果如下:
minWidth = 144dp + (2 × 8dp) + (2 × 56dp) = 272dp
minHeight = 48dp + (2 × 4dp) = 56dp
如果你使用的.9.png图片与内容有固有的padding距离,你也需要加上.
可调节大小的挂件
在android 3.1以后,挂件在水平方向与竖直方向都可以被调节大小,意味着:minWidth和minHeight的值将变成挂件默认大小的值,你可以使用minResizeWidth和minResizeHeight来表示挂件真正的最小值,小于这个值时,控件将变得模糊和不可用。
特别是那些基于ListView或者GridView的集合类特征的挂件
为你的挂件添加margin(外边界宽度)
正如前面提到的,android4.0将可以为主屏幕的挂件自动添加小号、标准的外边界宽度(margin)。对于那些系统版本号在14或者以上的来说,为了平衡主屏幕的视觉,我们不推荐你再额外的添加margin到你的挂件外部。
当然,对于那个更早一些的版本,添加自己的margin也不复杂,具体在API Guide中有介绍到。
设计挂件的布局和背景图片
很多挂件都只有一个固定的矩形背景或者圆角矩形的形状。其实最好的方法是使用.9.png图片来定义。(具体怎么使用.9.png图片,很简单这里不翻译了,自己去找资料学习)
对于挂件的内容部分,你应该使用可伸缩的布局方式。例如:RelativeLayout、LinearLayout、或者FrameLayout。这样可以让你的布局文件去适应很多种不同的屏幕尺寸。
下面是一个关于音乐播放的挂件的布局例子。他包含了一个文本域、一个暂停按钮、一个、下一曲按钮,他的margin取决于系统。
如果你看了上面的例子和说明,你也可以开始做一个有弹性的布局
Figure 6. Excerpt flexible layouts and attributes.
使用挂件模板包
当你要开始设计一个新的挂件或者更新现有的挂件,你可以先看一下下面的设计模板。下面的包是可以下载的,他包含了.9.png背景图片和XML和一些针对不同像素密度的PS文件
下面是一个实例源代码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
RecyclerView是android-support-v7-21版本中新增的一个Widgets,还有一个CardView会在下次介绍使用。官方介绍Recyc
qq免费挂件有蘑菇、骷髅、蝴蝶结、月亮等少数几个,QQ挂件经常有活动可以获取,也会有一些限免挂件。 QQ(TencentQQ)是腾讯公司借鉴于ICQ开发的一款
大家都知道,桌面挂件往往是我们使用手机最容易忽视的一个小功能,里面可以添加时钟、天气等各种挂件,下面小编就教大家红米k20pro添加天气挂件的方法教程,感兴趣的
以钉钉5.1.26为例,钉钉有的人头像上有小鸡,这是因为有的人在头像设置上设置了小图案,钉钉APP的设置里有很多免费的小图案和挂件。可以用来装饰自己的头像。
8月1日消息,亿邦动力获悉,京东开普勒平台针对小程序上线了一款新工具――小程序挂件。据了解,小程序挂件的互跳功能将为小程序店铺带来一种新的导入流量方法。据介绍,