- 1、本文档共6页,可阅读全部内容。
- 2、有哪些信誉好的足球投注网站(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
(png图片制作
进阶:利用9-Patch PNG来实现ListView的圆角显示四月 12th, 2011Bing说到圆角显示,可能很多人的第一反应就是覆盖onDraw方法来自己画个圆角,可能以前写过其它Windows程序,比如Delphi的人会更有这种冲动吧。不过在Android中,我们不需要这么麻烦,事实上整个Android系统的UI都是基于Style来实现的,有兴趣的朋友可以去研究一下Android的源码,看看如Button, Radio是如何实现的,就会明白Android的UI体系是非常强大、简单,又有趣的。本文会以List View为例来讲解,如何使用Style来实现圆角(想想哪个控件已经是有圆角的了?)。何为StyleAndroid系统中的UI都是基于一个个的Style来显示的,同1个控件,换1个Style,效果就完全不同了。Style其实就是一堆显示属性的集合,包括文字属性,颜色设置,背景设置,而一堆Style的集合就构成了Theme.尤其值得一提的是Style定义中经常会看到Selector,用于描述1个控件在不同的场景(Normal, Pressed, Disabled)下的显示。如以下的style定义代码:文件:drawable/setting_button.xml123456?xml version=1.0 encoding=utf-8?selector xmlns:android=/apk/res/androiditem android:state_pressed=true android:drawable=@drawable/setting_icon_pressed/item android:state_focused=true android:drawable=@drawable/setting_icon_pressed/item android:drawable=@drawable/setting_icon_normal/ /selector这是最简单的selector定义,它的含义是有1个按钮,在pressed或focused时,显示图标@drawable/setting_icon_pressed,否则显示@drawable/setting_icon_normal,而这个selector本身就可以用在button的android:background属性中,如:android:background=”@drawable/setting_button”。如此一来,Android就会在你按下按钮的时候自动切换背景图片。何为9-Patch讲到了背景图片,就必然会联想到图片的大小和缩放问题,总不能不断去麻烦美工MM来帮你修改图的大小吧,更何况我们还要适应Android手机众多的分辨率?这就要说到9-Patch了,先来看看Google官方关于这个工具的1个截图:首先,这是1个PNG图片。其次,在用draw9patch打开的时候,会自动在边缘添加1个像素点的透明边框。而这个边框就是你的工作范围了,左键点击会添加1个黑点,右键点击会去掉1个黑点,这些黑点连成的线就构成了9-Patch图片的效果。其中:左边和上面表述的是图片缩放的范围,右边和下边表述的是内容的Padding范围。好像有点不大明白?运行这个工具(在android sdk的tools目录下),并且拖1个PNG图片进去,选中下方的2个Checkbox,再试用一会儿就明白了。OK,我们来准备今天这个教程所需要的图片,请美工MM帮你画1个圆角图片吧,但不用切开,图片大小大概在40×40即可,主要是根据你所需要的最小的大小来决定,然后拖到draw9patch中,看下开始的效果。然后我们在图片边缘点击进行绘制,并且点选下方2个Checkbox,结束时的效果如下图:在使用这个图片时,左右2个绿色区域是会自动的上下拉伸,而上下2个绿色区域会自动的左右拉伸,中间的粉色区域会做4个方向的拉伸,至于4个角嘛,你已经知道了,它们不会缩放。而下方的的黑线表示,控件的内容会从最左边到最右边,几乎不留空隙,右边的黑线表示,控件的内容会在上下各留一些空间。好了,将这个文件保存为float_panel.9.png,并保存到res/drawable目录下。记得扩展名必须是9.png,否则不会生效。另外下次你再次编辑这个文件时,draw9patch工具就不会再添加黑边了。编写布局文件文件:res/layout/coner_round_list_activity.xml1234567891011121314151617181920?xml version=1.0 encoding=utf-8?LinearLayoutxmlns:android=/apk/res/androidandroid:layou
文档评论(0)