Android - 按鈕邊框

Question

如何向按鈕添加邊框？是否可以在不訴諸圖像的情況下做到這一點？

Answer 1

第1步：創建文件名爲：my_button_bg.xml

步驟2：將此文件放在res/drawables.xml中

第3步：插入以下代碼

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <gradient android:startColor="#FFFFFF" 
    android:endColor="#00FF00" 
    android:angle="270" /> 
    <corners android:radius="3dp" /> 
    <stroke android:width="5px" android:color="#000000" /> 
</shape> 

第4步：使用代碼「機器人：背景=」 @繪製/ my_button_bg」，其中下面需要時，如：

<Button 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:text="Your Text" 
    android:background="@drawable/my_button_bg" 
    /> 

Answer 2

請看這裏關於創建形狀繪製 http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape

一旦你做到了這一點，在XML爲您的按鈕設置android:background="@drawable/your_button_border"

Answer 3

我知道它大概晚了一年，但你也可以創建一個9路圖像 有自帶的Android SDK，這有助於創造這樣的圖像 請參閱此鏈接的工具：http://developer.android.com/tools/help/draw9patch.html

PS：圖片可以無限縮放以及

Answer 4

創建繪製/ button_ green.xml：

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <gradient 
    android:startColor="#003000" 
    android:centerColor="#006000" 
    android:endColor="#003000" 
    android:angle="270" /> 
    <corners android:radius="5dp" /> 
    <stroke android:width="2px" android:color="#007000" /> 
</shape> 

，並指出它爲@drawable/button_green：

<Button 
     android:id="@+id/button1" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_margin="10dp" 
     android:background="@drawable/button_green" 
     android:text="Button" /> 

Answer 5

創建button_border.xml文件在您繪製的文件夾。

RES /繪製/ button_border.xml

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

    <solid android:color="#FFDA8200" /> 

    <stroke 
     android:width="3dp" 
     android:color="#FFFF4917" /> 

</shape> 

並添加按鈕，您的XML活動佈局和設置背景android:background="@drawable/button_border"。

 <Button 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:background="@drawable/button_border" 
       android:text="Button Border" /> 

Answer 6

如果您的按鈕不需要透明背景，那麼您可以使用「框架佈局」創建邊框錯覺。只需調整FrameLayout的「填充」屬性以更改邊框的粗細。

<FrameLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:padding="1sp" 
     android:background="#000000"> 
     <Button 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:text="Your text goes here" 
      android:background="@color/white" 
      android:textColor="@color/black" 
      android:padding="10sp" 
      /> 
</FrameLayout> 

我不確定形狀xml文件是否具有可動態編輯的邊框顏色。但我知道使用此解決方案，您可以通過設置FrameLayout背景來動態更改邊框的顏色。

Answer 7

在你的XML佈局：

<Button 
    android:id="@+id/cancelskill" 
    android:layout_width="0dp" 
    android:layout_height="wrap_content" 
    android:layout_marginLeft="25dp" 
    android:layout_weight="1" 
    android:background="@drawable/button_border" 
    android:padding="10dp" 
    android:text="Cancel" 
    android:textAllCaps="false" 
    android:textColor="#ffffff" 
    android:textSize="20dp" /> 

在繪製文件夾，創建按鈕的邊框樣式文件：

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle" > 
    <stroke 
     android:width="1dp" 
     android:color="#f43f10" /> 
</shape> 

而在你的活動：

GradientDrawable gd1 = new GradientDrawable(); 
    gd1.setColor(0xFFF43F10); // Changes this drawbale to use a single color instead of a gradient 
    gd1.setCornerRadius(5); 
    gd1.setStroke(1, 0xFFF43F10); 

    cancelskill.setBackgroundDrawable(gd1); 

    cancelskill.setOnClickListener(new View.OnClickListener() { 

     @Override 
     public void onClick(View v) { 
      cancelskill.setBackgroundColor(Color.parseColor("#ffffff")); 
      cancelskill.setTextColor(Color.parseColor("#f43f10")); 

      GradientDrawable gd = new GradientDrawable(); 

      gd.setColor(0xFFFFFFFF); // Changes this drawbale to use a single color instead of a gradient 
      gd.setCornerRadius(5); 
      gd.setStroke(1, 0xFFF43F10); 
      cancelskill.setBackgroundDrawable(gd); 

      finish(); 
     } 
    });