Android UI效果之繪圖篇（一）_Android

最近準備整理一套關於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的形狀 不設定預設為rectangleandroid: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> 

以上就是Android開發中的UI效果設計模組的一部分內容，之後還會繼續更新，希望對大家的學習有所協助。