如何在Android中使用可见边框透明的按钮背景?

时间:2017-07-04 08:14:22

标签: android android-view

这是按钮的编码。我想只使边框可见,按钮的背景应该是不可见的。但是这个代码的一切都变得不可见了。

<Button
    android:id="@+id/button3"
    android:layout_width="200dp"
    android:layout_height="60dp"
    android:text="Sign In"
    android:textAllCaps="false"
    android:layout_gravity="center"
    android:layout_marginTop="50dp"
    android:textColor="@color/white"
   android:background="@android:color/transparent"

enter image description here

我希望我的按钮看起来像这样。

4 个答案:

答案 0 :(得分:3)

 <Button
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:background="@drawable/button_bg"/>

button_bg.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
       android:shape="rectangle">
  <corners
      android:radius="2dp" />
  <stroke
      android:width="2px"
      android:color="@color/your_border_color" />
</shape>

答案 1 :(得分:1)

使用drawable,创建shape.xml

<Button
    android:id="@+id/button3"
    android:layout_width="200dp"
    android:layout_height="60dp"
    android:text="Sign In"
    android:textAllCaps="false"
    android:layout_gravity="center"
    android:layout_marginTop="50dp"
    android:textColor="@color/white"
   android:background="@drawable/shape" />

然后在xml中实现它

{{1}}

答案 2 :(得分:0)

你应该把你的按钮放在一个矩形形状中:

在drawable目录中创建butoon_backgound.xml:

<?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="2px" android:color="#000000" />
</shape>
<RelativeLayout
        android:id="@+id/container"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:background="@drawable/butoon_backgound"
>

<Button
    android:id="@+id/button3"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:text="Sign In"
    android:textAllCaps="false"
    android:layout_gravity="center"
    android:layout_marginTop="50dp"
    android:textColor="@color/white"
   android:background="@android:color/transparent"

</RelativeLayout>

笔划属性是边框的

答案 3 :(得分:0)

enter image description here

在drawable文件夹中创建一个button_border.xml文件并粘贴此代码

<ion-list class="tracker-list">
        <ion-list-header class="tracker-header">
            Action
        </ion-list-header>
        <ion-item>Terminator II</ion-item>
    </ion-list>

 将按钮添加到xml布局并将背景设置为

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

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