如何爲按鈕製作邊框？ （ANDROID）

Question

我想設計一個按鈕或兩個按鈕，使我可以使用+和 - （參見圖片）添加或減少值。

我該如何在XML中實現這樣的設計？

感謝您的幫助！

Answer 1

您可以像這樣添加繪製，並用它爲你的背景：

<?xml version="1.0" encoding="utf-8"?> 
<selector 
    xmlns:android="http://schemas.android.com/apk/res/android"> 
    <item> 
     <shape> 
      <stroke android:width="2px" android:color="#000000"/> 
      <corners android:radius="10.0dip" /> 
     </shape> 
    </item> 
</selector> 

你可以找到更多的例子和說明有關繪製形狀here。

Answer 2

您可以創建這種按鈕的繪製，

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

    <stroke android:width="1dp" 
     android:color="@color/grey_text"/> 

    <gradient android:startColor="@android:color/transparent" 
     android:endColor="@android:color/transparent" 
     android:angle="90"/> 
</shape> 

Answer 3

使用兩個Button S和創造兩個不同的背景繪製資源。

左鍵背景：

<?xml version="1.0" encoding="utf-8"?> 
    <shape xmlns:android="http://schemas.android.com/apk/res/android"> 
     <stroke 
      android:width="1dp" 
      android:color="#ffffff" /> 
     <corners 
      android:bottomLeftRadius="4dp" 
      android:topLeftRadius="4dp" /> 
    </shape> 

右按鈕背景：

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <stroke 
     android:width="1dp" 
     android:color="#ffffff" /> 
    <corners 
     android:bottomRightRadius="4dp" 
     android:topRightRadius="4dp" /> 
</shape>