2015年8月25日 星期二

Android-自定義 Button 的形狀( Shape )

看倦原生灰色的按鈕嗎?
這次我們來更改按鈕吧!

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <!-- 擺放有順序性 -->
    <!-- 被按壓 -->
    <item android:state_pressed="true"><shape>

            <!-- 實心 -->
            <solid 
                android:color="#97CBFF"/>
            
            <!-- 邊框 顏色 -->
            <stroke 
                android:width="1dp" 
                android:color="#0066CC" />
            
            <!-- 圓角 -->
            <corners 
                android:radius="6dp" />
            
            <!-- 間距 -->
            <padding 
                android:bottom="10dp" 
                android:left="10dp" 
                android:right="10dp" 
                android:top="10dp" />
            
        </shape></item>
    <!-- 一般狀態 -->
    <item><shape>

            <!-- 漸變 -->
            <!--
                 45倍數為單位 Max : 360  ,Min : 0 
                angle 的參數是影響漸層出發的位置 EX : 左至右、上至下
            -->
            <gradient 
                android:angle="0" 
                android:startColor="#2894FF"
                android:endColor="#0066CC"  />
            
            <!-- 邊框 -->
            <stroke android:width="1dp" 
                android:color="#0066CC" />
            
            <!-- 圓角 -->
            <corners 
                android:radius="6dp" />
            
            <!-- 間距 -->
            <padding 
                android:bottom="10dp" 
                android:left="10dp" 
                android:right="10dp" 
                android:top="10dp" />
        </shape></item>

</selector>

參考資訊 : android中shape的使用(android:angle小解)
參考資訊 : [Android] Shape xml 文件定義 − shape 標籤的 size 標籤的相關屬性用途
參考資訊 : Android样式的开发:shape篇
參考資訊 : 色碼表


歡迎轉載,請註明出處。

沒有留言:

張貼留言