如何使用表格布局在图像视图上设置文本？答案

【问题标题】：how to set text on image view using table layout?如何使用表格布局在图像视图上设置文本？
【发布时间】：2014-10-15 03:59:42
【问题描述】：

我使用了 android studio 并且在 XML 文件中我使用表格布局并将图像视图放在表格行上，我必须在图像视图上设置文本这怎么可能？

我的输出是：http://postimg.org/image/czfu60751/

原来的输出是：http://postimg.org/image/ea19hefpv/

XML code:
<TableRow
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="390dp"
        android:layout_height="300dp"
        android:background="@drawable/letestnews"
        android:text="@string/letestnews"
        android:textColor="#000"
        android:padding="20dip"
        android:gravity="center" />

    <ImageView
        android:id="@+id/imageView1"
        android:layout_weight="1"
        android:text="@string/babaji"
        android:layout_height="fill_parent"
        android:background="@drawable/babaji"
        android:textColor="#000"
        android:padding="20dip"
        android:gravity="center"/>
</TableRow>

<TableRow
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal">

<ImageView
    android:id="@+id/imageView2"
    android:layout_weight="1"
    android:layout_height="300dp"
    android:layout_width="fill_parent"
    android:background="@drawable/babajispeaks"
    android:text="@string/babajispeaks"
    android:textColor="#ffffff"
    android:gravity="center"/></TableRow>

<TableRow
    android:layout_height="fill_parent"
    android:layout_width="fill_parent"
    android:gravity="center_horizontal">
    <ImageView
        android:id="@+id/imageView3"
        android:layout_height="300dp"
        android:background="@drawable/meditation"
        android:text="@string/meditation"
        android:layout_weight="1"
        android:textColor="#ffffff"
        android:padding="20dip"
        android:gravity="center"
        />

    <ImageView
        android:id="@+id/imageView4"
        android:layout_height="300dp"
        android:layout_width="390dp"
        android:background="@drawable/teaching"
        android:text="@string/teaching"
        android:textColor="#ffffff"
        android:padding="20dip"
        android:gravity="center" />
    </TableRow>

【问题讨论】：

要么你必须用名字制作图像，要么你可以放在那里 textview]
@Vaishali ：这是最后一个解决方案，但介于其他解决方案之间吗？ , 在班轮布局中这也是不可能的

标签： android xml android-layout android-studio

【解决方案1】：

一种选择是让您的表格行包含RelativeLayouts，每个包含一个ImageView 和TextView 覆盖。

将“...”视为您的布局规范。

例如：

<TableRow ...>

    <RelativeLayout ...>
        <ImageView .../>
        <TextView .../>
    </RelativeLayout>

    <RelativeLayout ...>
        <ImageView .../>
        <TextView .../>
    </RelativeLayout>

    ...

</TableRow>

【讨论】：

【解决方案2】：

试试这个方法，希望能帮助你解决问题。

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">

        <FrameLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Image 1"
                android:layout_margin="5dp"
                android:layout_gravity="bottom"/>

            </FrameLayout>
        <FrameLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Image 2"
                android:layout_margin="5dp"
                android:layout_gravity="bottom"/>

        </FrameLayout>
        </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <FrameLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Image 3"
                android:layout_margin="5dp"
                android:layout_gravity="bottom"/>

        </FrameLayout>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1">
        <FrameLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Image 4"
                android:layout_margin="5dp"
                android:layout_gravity="bottom"/>

        </FrameLayout>
        <FrameLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1">

            <ImageView
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="fitXY"
                android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="Image 5"
                android:layout_margin="5dp"
                android:layout_gravity="bottom"/>

        </FrameLayout>
    </LinearLayout>
</LinearLayout>

【讨论】：