2017-07-04 46 views
1

这是按钮的编码。我只想让边框可见,并且按钮的背景应该是不可见的。但是使用这些代码,一切都变得不可见。如何在Android中使可见边框透明的按钮背景?

<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

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

+0

创建矩形绘制 – Pavya

+0

您可以为此创建背景绘图资源,并把它作为按钮的背景。 –

+0

@Abhishek你实施了吗? –

回答

1
<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

使用提拉,创造shape.xml

<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="rectangle"> 
    <corners android:radius="1000dp" /> //your radius 
    <stroke android:width="3px" android:color="#FFF" /> //your stroke size 
</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" /> 
0

你应该把你的按钮内像这样的矩形形状:

在绘制目录中创建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> 

中风属性是边框的sroke

0

enter image description here

在绘制文件夹中创建一个文件button_border.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" /> 

Add按钮将你的XML布局和设置背景

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