Ipng图片制作.docxVIP

/blog/advance/9-patch-listview-coner/进阶：利用9-Patch PNG来实现ListView的圆角显示四月 12th, 2011/blog/author/admin/Bing说到/blog/tag/%e5%9c%86%e8%a7%92/圆角显示，可能很多人的第一反应就是覆盖onDraw方法来自己画个/blog/tag/%e5%9c%86%e8%a7%92/圆角，可能以前写过其它Windows程序，比如Delphi的人会更有这种冲动吧。不过在Android中，我们不需要这么麻烦，事实上整个Android系统的UI都是基于/blog/tag/style/Style来实现的，有兴趣的朋友可以去研究一下Android的源码，看看如Button, Radio是如何实现的，就会明白Android的UI体系是非常强大、简单，又有趣的。本文会以List View为例来讲解，如何使用/blog/tag/style/Style来实现/blog/tag/%e5%9c%86%e8%a7%92/圆角（想想哪个控件已经是有/blog/tag/%e5%9c%86%e8%a7%92/圆角的了？）。何为/blog/tag/style/StyleAndroid系统中的UI都是基于一个个的/blog/tag/style/Style来显示的，同1个控件，换1个Style，效果就完全不同了。Style其实就是一堆显示属性的集合，包括文字属性，颜色设置，/blog/tag/%e8%83%8c%e6%99%af/背景设置，而一堆Style的集合就构成了/blog/tag/theme/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就会在你按下按钮的时候自动切换/blog/tag/%e8%83%8c%e6%99%af/背景图片。何为/blog/tag/9-patch/9-Patch讲到了/blog/tag/%e8%83%8c%e6%99%af/背景图片，就必然会联想到图片的大小和缩放问题，总不能不断去麻烦美工MM来帮你修改图的大小吧，更何况我们还要适应Android手机众多的分辨率？这就要说到/blog/tag/9-patch/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个绿色区域会自