如何在另一个图像上获取半透明图像以在android中保存文本(提供截图)

时间:2013-10-22 17:45:24

标签: android xml android-layout transparency

我有一个使用图像视图的图像,朝向图像的底部我想要一个半透明视图(黑色),它将在其中保存一些文本视图。像这样的东西

enter image description here

我在图像上有文字,但现在我被困在获得黑色背景的视图。我试过了

 <TextView 
 android:background="@color/lightGrey"
 android:text="Swiss Chalet - Play for a chance to win free app!"/>

然而它只给出了文本的灰色背景。 任何人都知道如何实现这一目标?

5 个答案:

答案 0 :(得分:6)

在你的背景中尝试这样的事情

android:background="#80000000"

您可以找到有关设置透明度here

的更多信息

答案 1 :(得分:6)

在xml中,使用

android:alpha=".4"

这将设置视图的alpha值。 Alpha是透明度。您可以调整以增加或减少透明度。


在不知道你如何实现你的布局的情况下,这是一个黑暗的镜头,但它可能会有所帮助。

<TextView
    android:id="@+id/your_id_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:text="Your text"
    android:background:"@color/your_color"/>

答案 2 :(得分:2)

在您的colors.xml文件中(或者您定义颜色“lightGrey”的任何位置),您可以通过在颜色的十六进制代码的前面添加两位数来指定Alpha通道(格式为AARRGGBB)。

例如,如果你的lightGrey颜色是#555555,请将其列为

<color name="lightGrey">#CC55555</color>

相反,颜色为20%透明,80%不透明。 00表示完全不透明度(0%透明度),FF表示100%透明度(不可见)。希望这有帮助!

答案 3 :(得分:0)

你可以这样做,

<FrameLayout
  android:layout_width="match_parent"
  android:layout_height="match_parent">
    <FrameLayout
       android:layout_width="match_parent"
       android:layout_height="match_parent"
       android:alpha="0.4"
       android:background="@android:color/black"/>

   <TextView 
    android:background="@color/lightGrey"
    android:text="Swiss Chalet - Play for a chance to win free app!"/>
</FrameLayout>

答案 4 :(得分:-1)

试试这个:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/icmsLrnArtListItem"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@android:color/white"
    android:layout_margin="3dp"
    android:padding="5dp" >

    <FrameLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp" >

        <ImageView
            android:id="@+id/icmsImageThumb"
            android:layout_width="match_parent"
            android:layout_height="180dp"
            android:src="@drawable/ic_launcher"
            android:scaleType="fitXY" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:background="@android:color/darker_gray"
            android:textColor="@android:color/black"
            android:text="Image Top text"
            android:gravity="center"
            android:textStyle="bold" />

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:background="@android:color/darker_gray"
            android:ellipsize="end"
            android:maxLines="2"
            android:text="Image Bottom text"
            android:textColor="@android:color/black"
            android:shadowColor="#FFFFFF"
            android:gravity="center"
            android:shadowDx="2"
            android:textStyle="bold"
            android:shadowDy="2"
            android:shadowRadius="2" />
    </FrameLayout>

</LinearLayout>