Question

我正试图让一个按钮看起来像我在下面发布的链接。

这是一个透明按钮，顶部是图像，底部是文本。单击发生时，整个边界框将突出显示。

这是按下按钮时的样子：http://i44.tinypic.com/24nle9e.png

不确定是使用Button还是ImageButton实现此效果。有任何想法吗？感谢。

Answer 1

dor506的答案基本上是正确的，但是我使用ImageButton而不是Button，并在应用Drawable via {{android:background="#00000000"之前将其背景设置为透明（android:src="@drawable/your_drawable_id" - 0 alpha是此处的关键位） 1}}。

如果这有帮助，这里是一个合适的Drawable的例子：

<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true" android:drawable="@drawable/button_hi" /> <!-- pressed -->
    <item android:drawable="@drawable/button_lo" /> <!-- default -->
</selector>

其中'button_hi'/'button_lo'是您因点击而切换的两张图片。

Answer 2

我认为你不能用button / imagebutton属性来实现这个结果。

这是一个简单的解决方案：您可以创建两个图像，一个用于未单击按钮的按钮，另一个用于按钮当它被点击时（橙色背后......）

然后你应该创建一个选择器。它是一个处理点击/非点击/聚焦图像行为的xml。

最后给按钮选择器的背景

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

Answer 3

从外观上看，您显示的图片显示为ImageButton，图片为 PNG图片，其中包含透明部分。如果您想保持选中该按钮，您应该能够使用button参数：

android:state_selected = "true"

试试。

图像和文本按钮与透明背景

3 个答案: