显示android-button周围的边界

时间:2016-02-22 09:08:04

标签: android android-layout material-design

  

我如何实现这种情况:

enter image description here

  

我在xml文件中的android按钮标记:

 <Button
            style="?android:attr/buttonStyleSmall"
            android:layout_width="100dp"
            android:layout_height="10dp"
            android:text="Select Plan"
            android:id="@+id/button"
            android:background="#ffffff"
            android:textColor="#2D74B9"
            android:layout_below="@+id/textView9"
            android:layout_alignEnd="@+id/textView10"
            android:layout_alignBottom="@+id/textView6"
            android:layout_alignParentEnd="true"
            android:clickable="true" />

3 个答案:

答案 0 :(得分:0)

 <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Select Plan"
            android:padding="10dip"
            android:id="@+id/button"
            android:background="@drawable/border"
            android:textColor="#2D74B9"
            android:clickable="true" />

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

    <stroke
        android:width="1dip"
        android:color="#2D74B9" />
    <corners android:radius="10dip"/>
    <solid android:color="@android:color/transparent" />
</shape> 

答案 1 :(得分:0)

这将是你的按钮xml

<Button
        style="?android:attr/buttonStyleSmall"
        android:layout_width="100dp"
        android:layout_height="10dp"
        android:text="Select Plan"
        android:id="@+id/button"
        android:background="@drawable/borderButton"
        android:textColor="#2D74B9"
        android:layout_below="@+id/textView9"
        android:layout_alignEnd="@+id/textView10"
        android:layout_alignBottom="@+id/textView6"
        android:layout_alignParentEnd="true"
        android:clickable="true" />

这将是您的borderButton.xml文件

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


 android:shape="rectangle">
<stroke
    android:width="1dip"
    android:color="#2D74B9" />
<corners android:radius="10dip"/>
<solid android:color="@android:color/transparent" />

答案 2 :(得分:0)

在drawable文件夹下创建以下xml文件,例如abc.xml

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

    <corners
        android:radius="16dp"/>
<stroke
        android:color="#000000"
        android:width="3dp"

        />
</shape>

并且,在按钮背景中使用它。

<Button
     android:background="@drawable/abc"/>