图片上带文字简单实现

直接看代码:

<?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"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/image_iv"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scaleType="fitXY"
        android:src="@drawable/bb" />

    <TextView
        android:id="@+id/image_title_tv"
        android:layout_width="fill_parent"
        android:layout_height="35dip"
        android:layout_alignBottom="@id/image_iv"
        android:background="@drawable/imagecover"
        android:gravity="center_vertical"
        android:paddingLeft="20dip"
        android:text="好一朵美丽的玫瑰花"
        android:textColor="#FFFFFF"
        android:textSize="18sp"
        android:textStyle="normal" />

</RelativeLayout>

imagecover.xml形状配置文件(实现浮现层透明渐变效果):

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

    <solid android:color="#88000000" />

    <!-- 大小 -->
    <size
        android:width="200dp"
        android:height="50dp"
        />   
    
    <gradient
        android:startColor="#FF000000"
        android:endColor="#00000000"/>
    
</shape>

效果图如下:

图片上带文字简单实现

相关推荐