Android UI效果之绘图篇（一）

最近准备整理一套关于UI效果的文章，算是对这段时间的一个总结，主要讲Android开发中的UI效果设计模块。初步分为一下几个篇幅：

• Android XML绘图（Shape、Layer、Selector）

• Android Canvas绘图（canvas、point、porterDuffXfermode、shader）

• Android 动画详解

• Android 自定义控件
   

今天就当开胃菜，先讲讲最简单的xml绘图，相信这个大家都用的比较熟，这里就当给大家做一个小文档，当那个参数配置忘了，便于查阅
一、Shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns: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的朋友，应该很好理解，用于实现图层效果

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
 <!-- item1 -->
 <item>
  <bitmap android:src="drawable"
   android:gravity="center" />
 </item>
 <!-- item2 -->
 <item>
  <bitmap android:src="drawable"
   android:gravity="center" />
 </item>
 <!-- item3 -->
 <item
  <bitmap android:src="drawable"
   android:gravity="center" />
 </item>
</layer-list>

三、Selector
这个常用语Button、CheckBox、Radio等控件中，通过不同的事件切换控件效果

<?xml version="1.0" encoding="utf-8" ?>  
<selector xmlns:Android="http://schemas.android.com/apk/res/android">  
<!-- 默认时的背景图片-->  
<item Android: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>