Android UI效果之绘图篇（一）
最近准备整理一套关于UI效果的文章，算是对这段时间的一个总结，主要讲Android开发中的UI效果设计模块。初步分为一下几个篇幅：
- AndroidXML绘图（Shape、Layer、Selector）
- AndroidCanvas绘图（canvas、point、porterDuffXfermode、shader）
- Android动画详解
- Android自定义控件
今天就当开胃菜，先讲讲最简单的xml绘图，相信这个大家都用的比较熟，这里就当给大家做一个小文档，当那个参数配置忘了，便于查阅
一、Shape
<?xmlversion="1.0"encoding="utf-8"?> <shapexmlns:android="http://schemas.android.com/apk/res/android" //此处可以设置shape的形状不设置默认为rectangle android:shape=["rectangle"|"oval"|"line"|"ring"|] > <!--圆角shape="rectangle"是使用默认为1dp--> <corners android:radius="xdp" android:topLeftRadius="xdp" android:topRightRadius="xdp" android:bottomLeftRadius="xdp" android:bottomRightRadius="xdp"/> <!--渐变--> <gradient android:startColor="color" android:centerColor="color" android:endColor="color" android:useLevel="boolean" android:angle="integer"//angle的值必须是45的倍数（包括0），仅在type="linear"有效 android:type=["linear"|"radial"|"sweep"] android:centerX="integer" android:centerY="integer" android:gradientRadius="integer"/> <!--间隔--> <padding android:left="xdp" android:top="xdp" android:right="xdp" android:bottom="xdp"/> <!--大小宽度和高度--> <size android:width="dp" android:height="dp"/> <!--填充--> <solid android:color="color"/><!--填充的颜色--> <!--描边--> <stroke android:width="dp" android:color="color" android:dashWidth="dp"//虚线宽度 android:dashGap="dp"/>//虚线间隔宽度 </shape>
二、Layer
这个用过photoshop的朋友，应该很好理解，用于实现图层效果
<?xmlversion="1.0"encoding="utf-8"?> <layer-listxmlns:android="http://schemas.android.com/apk/res/android"> <!--item1--> <item> <bitmapandroid:src="drawable" android:gravity="center"/> </item> <!--item2--> <item> <bitmapandroid:src="drawable" android:gravity="center"/> </item> <!--item3--> <item <bitmapandroid:src="drawable" android:gravity="center"/> </item> </layer-list>
三、Selector
这个常用语Button、CheckBox、Radio等控件中，通过不同的事件切换控件效果
<?xmlversion="1.0"encoding="utf-8"?> <selectorxmlns:Android="http://schemas.android.com/apk/res/android"> <!--默认时的背景图片--> <itemAndroid:drawable="drawable"/> <!--没有焦点时的背景图片--> <item Android:state_window_focused="false" android:drawable="drawable" /> <!--非触摸模式下获得焦点并单击时的背景图片--> <item Android:state_focused="true" android:state_pressed="true" android:drawable="drawable" /> <!--触摸模式下单击时的背景图片--> <item Android:state_focused="false" Android:state_pressed="true" Android:drawable="drawable" /> <!--选中时的图片背景--> <item Android:state_selected="true" android:drawable="drawable" /> <!--获得焦点时的图片背景--> <item Android:state_focused="true" Android:drawable="drawable" /> </selector>
以上就是Android开发中的UI效果设计模块的一部分内容，之后还会继续更新，希望对大家的学习有所帮助。