[Android 開發 圓角 Button 按鈕 xml 實現

sparrow 8年前發布 | 8K 次閱讀 Android開發 移動開發

來自： http://blog.csdn.net//never_cxb/article/details/47662129


需求 及 效果圖

圓角按鈕

實現思路

shape 實現 圓角

在 drawable 新建兩個 xml 文件, 這兩個 xml 文件用 shape 實現了圓角效果.

Note:
因為要讓用戶有按下去的效果體驗, 所有要有兩套圓角圖, 在按下去時候切換

<!-- res/drawable/button_shape_normal.xml -->
<shape xmlns:android="


<!-- rounded corner -->
<corners android:radius="5dp" />

<solid android:color="@color/orange_normal" />




</shape></pre> 
 


<!-- res/drawable/button_shape_pressed.xml -->
<shape xmlns:android="


<!-- rounded corner -->
<corners android:radius="5dp" />

<!-- fill with two colors, and the two colors change softly -->
<!-- <gradient android:angle="270" android:startColor="@color/orange_light" android:endColor="@color/orange_normal" android:useLevel="true" /> -->
<solid android:color="@color/orange_light" />




</shape></pre> 
 


selector 實現 按下 效果
在 drawable  新建 一個 xml 文件, 用 selector 把剛才 建立的兩個 xml 文件組織起來
<!-- res/drawable/button_shape.xml -->
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_shape_normal" android:state_pressed="false"/>
    <item android:drawable="@drawable/button_shape_pressed" android:state_pressed="true"/>
</selector>
 
 
style 實現多個按鈕復用


在 res/values/styles.xml 里面輸入下面代碼
 <style name="SmsButton">
        <item name="android:layout_width">0dp</item>
        <item name="android:layout_weight">1</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textSize">20sp</item>
        <item name="android:background">@drawable/button_shape</item>
        <item name="android:textColor">@color/white</item>
    </style>
 
 
引用圓角按鈕


在 layout/fragment_bomb.xml 里面 用 style 引用
   <Button
            android:id="@+id/fireup"
            style="@style/SmsButton"
            android:layout_marginEnd="20dp"
            android:layout_marginStart="20dp"
            android:text="@string/fireup" />
 
 
總結


 
  
可以省去 建立 style 那步驟, 直接在 layout 里面引用


</blockquote>
</div>
 本文由用戶 sparrow 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
 轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！

相關經驗

相關資訊

相關文檔