Textview 在 FrameLayout 中的 imageview 之前

Question

在我的布局中，我正在显示图像，而在该图像上，我在底部显示了文本视图。它的工作完美。我的代码是：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:minHeight="210dp"
android:padding="12dp">

<ImageView
    android:layout_width="match_parent"
    android:layout_height="210dp"
    android:id="@+id/imageViewNews"
    android:src="@mipmap/img_splash"/>

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|bottom"
    android:id="@+id/textViewNewsTitle"
    android:background="#CCd3d3d3"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

现在我想在这张图片前显示一个文本视图（而不是在图片上）怎么办？我试过了，但它不显示。当我使用 relativelayout 时，什么都不显示。请建议我如何在上面的代码中在图像视图之前显示文本视图。

我也试过使用相对布局，例如：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:minHeight="210dp"
android:padding="12dp">

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|top"
    android:id="@+id/textViewTimeTitle"
    android:background="#CCd3d3d3"
    android:text="Last updated Time is:"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

<ImageView
    android:layout_below="@+id/textViewTimeTitle"
    android:layout_width="match_parent"
    android:layout_height="210dp"
    android:id="@+id/imageViewNews"
    android:src="@mipmap/img_splash"/>

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
    android:layout_below="@+id/imageViewNews"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|bottom"
    android:id="@+id/textViewNewsTitle"
    android:background="#CCd3d3d3"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

现在第一个 Textview 显示在我想要的图像之前。但是最后（第二个）textview 显示在 imageview 下面我希望它在底部的 imageview 之上。

如有任何建议，我们将不胜感激。提前致谢。

Answer 1

按照 Raghunandan 的建议使用 Relativelayout 有效。

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:minHeight="210dp"
android:padding="12dp">

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|top"
    android:id="@+id/textViewTimeTitle"
    android:background="#CCd3d3d3"
    android:text="Last updated Time is:"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

<ImageView
    android:layout_below="@+id/textViewTimeTitle"
    android:layout_width="match_parent"
    android:layout_height="210dp"
    android:id="@+id/imageViewNews"
    android:src="@mipmap/img_splash"/>

<com.mynews.widgets.TextViewRobotoBold
    android:id="@+id/textViewNewsTitle"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignBottom="@+id/imageViewNews"
    android:gravity="bottom"
    android:layout_gravity="center_horizontal|bottom"
    android:layout_centerInParent="true"
    android:background="#CCd3d3d3"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

Answer 2

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="240dp"

android:padding="12dp">

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|top"
    android:id="@+id/textViewTimeTitle"
    android:background="#CCd3d3d3"
    android:text="Last updated Time is:"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

<ImageView
    android:layout_below="@+id/textViewTimeTitle"
    android:layout_width="match_parent"
    android:layout_height="match_parent"

    android:id="@+id/imageViewNews"
    android:src="@mipmap/img_splash"/>

<com.mynews.widgets.TextViewRobotoBold
    android:layout_width="wrap_content"
   android:layout_alignBottom="@+id/imageViewNews"
    android:layout_height="wrap_content"
    android:layout_gravity="center_horizontal|bottom"
    android:id="@+id/textViewNewsTitle"
    android:background="#CCd3d3d3"
    android:padding="12dip"
    android:textColor="@color/color_primary_text_color" />

Textview 在 FrameLayout 中的 imageview 之前

Textview Before imageview in FrameLayout

android

android-layout