如何在我的应用程序中使按钮透明但可见

Question

我希望我的按钮是透明的,因为我在活动上有一个图像作为背景.如果按钮不透明,那些按钮覆盖图像,图像背景似乎无用.

如果我使用android:background="@android:color/transparent"它,它使我的按钮完全不可见,除了它上面的文字.所以,我需要按钮是透明的,只要有一个按钮就可以看到它.代码片段将不胜感激.

<Button
android:id="@+id/new_button"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:background="@android:color/transparent"  //this line makes the button completely invisible.
android:text="@string/label" />

Answer 1

如果你只想要白色边框和按钮中的文本/图标,但按钮背景透明,则创建以下drawable(我将其命名为button_border.xml):

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <stroke
                android:color="@android:color/white"
                android:width="1dp" />
            <solid android:color="@android:color/transparent" />
        </shape>
    </item>
</selector>

并将其用作按钮的背景:

<Button
    .
    .
    .
    android:background="@drawable/button_border"
    />

我猜有一个更优雅的方式来做主题,但我还没那么远.在button_border drawable中你可以添加圆角等等......

Answer 2

为按钮应用选择器，如下所示

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item android:state_pressed="true"><shape>
        <solid
            android:color="@color/color_1_end" />

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

        <corners 
            android:radius="4dp" />

        <padding 
            android:bottom="10dp" 
            android:left="10dp" 
            android:right="10dp" 
            android:top="10dp" />
    </shape></item>
<item>
    <shape>
        <gradient android:angle="270"
             android:endColor="@color/color_1_start" 
             android:startColor="@color/color_1_end" /> // maybe transparent 

        <stroke 
            android:width="1dp" 
            android:color="@color/color_1_start" /> //maybe transparent 

        <corners android:radius="4dp" />

        <padding android:bottom="10dp" 
            android:left="10dp" 
            android:right="10dp" 
            android:top="10dp" />
    </shape>

    </item>

为你修改这个 =)