如何使用半透明视图覆盖ImageView?

时间:2013-10-05 04:06:11

标签: android android-layout imageview alpha-transparency

我在一个占据整个屏幕的活动中有一个ImageView。我想要做的是在这个ImageView的角落覆盖一些半透明按钮(如30%透明度)。这可能与Android中的ImageView一起使用吗?如果可以,有人能指出我正确的方向开始吗?

1 个答案:

答案 0 :(得分:5)

使用布局,并在布局中制作ImageView和两个按钮子项。

使用RelativeLayout的示例:

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

    <ImageView
            android:src="@drawable/image"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    <Button
            android:id="@+id/button1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:alpha="0.5"
            android:text="Button 1"/>

    <Button
            android:id="@+id/button2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/button1"
            android:alpha="0.5"
            android:text="Button 2"/>

</RelativeLayout>

您可以使用android:layout_marginTop和android:layout_marginLeft属性更好地定位按钮。

这里要理解的关键部分是:

1 / ImageView设置为match_parent,因此它会拉伸以填充RelativeLayout。

2 /默认情况下,子视图位于RelativeLayouts的左上角,这就是button1出现在那里的原因。

3 / Button2使用RelativeLayout属性layout_toRightOf定位在button1的右侧。它的垂直位置仍然设置为默认值 - 顶部。