2

我正在尝试创建一个底部有透明覆盖的图像，对齐图像的右侧和左侧。到目前为止，我已经能够使用以下布局做到这一点

          <FrameLayout
            android:layout_width="310px"
            android:layout_height="300px"
            android:paddingLeft="0dp" >

            <ImageView
                android:id="@+id/image"
                android:layout_width="300px"
                android:layout_height="300px"
                android:layout_gravity="left"
                android:src="@drawable/color_test_pattern" />

            <View
                android:id="@+id/overlay"
                android:layout_width="300px"
                android:layout_height="50dp"
                android:layout_gravity="bottom"
                android:background="#99000000" />

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="bottom"
                android:text="This is A Title"
                android:textColor="#ffffff" />
        </FrameLayout>

这很好地给了我：

在此处输入图像描述

这可以正常工作并产生我的叠加层，但是当我尝试为图像设置背景阴影时遇到问题，叠加层没有正确对齐并且超出图像的底部和右侧。

与上述布局的唯一区别是 imageView 现在的背景设置为阴影

<ImageView  
android:id="@+id/image"
android:layout_width="300px" 
android:layout_height="300px" 
android:src="@drawable/color_test_pattern"
android:layout_gravity="left"
android:background="@drawable/shadow"
/>

这是结果

在此处输入图像描述

任何想法如何补救？

4

0 回答 0