Android學習隨筆之UI美化(二)--------- shape的使用

來源:互聯網
上載者:User

標籤:

shape用於設定形狀,可以在selector,layout等裡面使用,有6個子標籤。

 

大小(size)

漸層(gradient)

填充(solid)

圓角(corners)

描邊(stroke)

間隔(padding)

 

 

res/drawable/shape_self.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" >    <!-- 控制項內部圖片的高度 -->    <size        android:height="100dp"        android:width="180dp" />    <!--  gradient  (漸層) -->    <gradient        android:centerColor="@color/gray"        android:endColor="@color/darkcyan"        android:startColor="@color/orangered" />    <!--   solid     (實心)    實驗的結果:若同時指定 solid和gradient屬性,solid所指向的顏色會替換gradient指向的顏色 -->    <!-- <solid android:color="@color/mediumorchid" /> -->    <!--  stroke    (描邊) -->    <stroke        android:width="5dp"        android:color="@color/gold" />    <!--   corners   (圓角)   控制項四個角的半徑    -->    <!--    分別 設定四個角圓角半徑         <corners        android:bottomLeftRadius="20sp"        android:bottomRightRadius="20sp"        android:topLeftRadius="20sp"        android:topRightRadius="20sp" />       -->    <!-- 上述寫法等價於   (此處是統一設定四個角) -->    <corners android:radius="20sp" />    <!--  pading    (間隔) ,控制項中的內容距離四個邊的長度 -->    <padding        android:bottom="4dp"        android:left="55dp"        android:right="5dp"        android:top="35dp" /></shape>

實現結果:

 

Android學習隨筆之UI美化(二)--------- shape的使用

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.