欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android UI效果之繪圖篇(一)

 更新時(shí)間:2016年02月22日 10:14:10   作者:_Hi_xiaoyu  
這篇文章主要介紹了Android UI效果之繪圖篇,針對(duì)Android開(kāi)發(fā)中的UI效果設(shè)計(jì)模塊進(jìn)行講解,感興趣的小伙伴們可以參考一下

最近準(zhǔn)備整理一套關(guān)于UI效果的文章,算是對(duì)這段時(shí)間的一個(gè)總結(jié),主要講Android開(kāi)發(fā)中的UI效果設(shè)計(jì)模塊。初步分為一下幾個(gè)篇幅:

  • Android XML繪圖(Shape、Layer、Selector)
  • Android Canvas繪圖(canvas、point、porterDuffXfermode、shader)
  • Android 動(dòng)畫(huà)詳解
  • Android 自定義控件

今天就當(dāng)開(kāi)胃菜,先講講最簡(jiǎn)單的xml繪圖,相信這個(gè)大家都用的比較熟,這里就當(dāng)給大家做一個(gè)小文檔,當(dāng)那個(gè)參數(shù)配置忘了,便于查閱
一、Shape

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
// 此處可以設(shè)置shape的形狀 不設(shè)置默認(rèn)為rectangle
android:shape=["rectangle"|"oval"|"line"|"ring"|]

>

  <!-- 圓角 shape="rectangle"是使用 默認(rèn)為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"http://angle的值必須是45的倍數(shù)(包括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
這個(gè)用過(guò)photoshop的朋友,應(yīng)該很好理解,用于實(shí)現(xiàn)圖層效果

<?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
這個(gè)常用語(yǔ)Button、CheckBox、Radio等控件中,通過(guò)不同的事件切換控件效果

<?xml version="1.0" encoding="utf-8" ?>   
<selector xmlns:Android="http://schemas.android.com/apk/res/android">  
<!-- 默認(rèn)時(shí)的背景圖片-->  
<item Android:drawable="drawable" />   
<!-- 沒(méi)有焦點(diǎn)時(shí)的背景圖片 -->  
<item 
  Android:state_window_focused="false"   
  android:drawable="drawable" 
  />   
<!-- 非觸摸模式下獲得焦點(diǎn)并單擊時(shí)的背景圖片 -->  
<item 
  Android:state_focused="true" 
  android:state_pressed="true"  
  android:drawable= "drawable" 
  />  
<!-- 觸摸模式下單擊時(shí)的背景圖片-->  
<item 
  Android:state_focused="false" 
  Android:state_pressed="true"  
  Android:drawable="drawable" 
  />  
<!--選中時(shí)的圖片背景-->  
<item 
  Android:state_selected="true" 
  android:drawable="drawable" 
  />   
<!--獲得焦點(diǎn)時(shí)的圖片背景-->  
<item 
  Android:state_focused="true" 
  Android:drawable="drawable" 
  />   
</selector> 

以上就是Android開(kāi)發(fā)中的UI效果設(shè)計(jì)模塊的一部分內(nèi)容,之后還會(huì)繼續(xù)更新,希望對(duì)大家的學(xué)習(xí)有所幫助。

相關(guān)文章

最新評(píng)論