最近準備整理一套關于UI效果的文章，算是對這段時間的一個總結，主要講Android開發中的UI效果設計模塊。初步分為一下幾個篇幅：
今天就當開胃菜，先講講最簡單的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"http://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效果設計模塊的一部分內容，之后還會繼續更新，希望對大家的學習有所幫助。
新聞熱點
疑難解答
圖片精選
