Android Layout Help - 具有静态高度和覆盖背景图像的行

时间:2016-07-28 17:00:40

标签: android android-layout background-image cover

我是Android开发的新手。我搜索并尝试了几乎所有我发现但我无法创建下面的布局。 Basiciliy它将是具有背景图像和文本中左对齐的行。我希望所有行都是静态高度和背景图像(如下所示:css)。

layout that I want

1 个答案:

答案 0 :(得分:1)

它不是很清楚,但你可以在里面尝试LinearLayout(垂直) 一个RelativeLayout,每个项目的高度固定。在RelativeLayout aa ImageView使用match_parent作为项目背景,其中缩放类型为centerTextView表示填充文字:

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

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="100dp">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/btn_alert_1"
            android:scaleType="center"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="blabla"
            android:textColor="@android:color/holo_green_dark"
            android:paddingLeft="50dp"
            android:paddingTop="40dp"/>
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="100dp">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/btn_alert_2"
            android:scaleType="center"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="blabla"
            android:textColor="@android:color/holo_green_dark"
            android:paddingLeft="50dp"
            android:paddingTop="40dp"/>
    </RelativeLayout>

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="100dp">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:src="@drawable/btn_alert_1"
            android:scaleType="center"/>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="blabla"
            android:textColor="@android:color/holo_green_dark"
            android:paddingLeft="50dp"
            android:paddingTop="40dp"/>
    </RelativeLayout>
</LinearLayout>

有关Android比例类型的文档:https://developer.android.com/reference/android/widget/ImageView.ScaleType.html