如何在屏幕中间设置一个布局来显示图片和文字Android

Question

我有一些来自 url 数据的图像，我想在应用程序的详细视图中显示这些图像。为此，我设置了一个 Liner 布局，并在布局和标题文本中设置了 imageView。有点问题是图像显示在布局的顶部，而不是屏幕的中心。如何在该层的中间设置图像并在图像下方设置文本。这是我的 XML 布局代码

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

    <ImageView
        android:id="@+id/detail_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" android:adjustViewBounds="true"
            android:scaleType="fitCenter" />

        <TextView
            android:id="@+id/title"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_alignParentBottom="true"
            android:layout_alignParentEnd="true"
            android:text="Hallo world" />

</LinearLayout>

Answer 1

尝试使用 [=h11=] 而不是 LinearLayout 和

让你的ImageViewandroid:layout_centerInParent="true"

让你的 TextView android:layout_below="@id/detail_image" 像下面的代码

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

    <ImageView
        android:id="@+id/detail_image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:adjustViewBounds="true"
        android:layout_centerInParent="true"
        android:scaleType="fitCenter" />

    <TextView
        android:id="@+id/title"
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:gravity="center"
        android:layout_below="@id/detail_image"
        android:text="Hallo world" />

</RelativeLayout>

Answer 2

Update xml file like this


    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/main_content"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
    <LinearLayout 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:gravity="center"
        android:orientation="vertical">
        <ImageView
            android:id="@+id/detail_image"
            android:layout_width="match_parent"
            android:layout_height="wrap_content" 
                android:scaleType="fitCenter" />

            <TextView
                android:id="@+id/title"
                android:layout_width="match_parent"
                android:layout_height="50dp"
                android:text="Hallo world" />
    </LinearLayout>
    </LinearLayout>

如何在屏幕中间设置一个布局来显示图片和文字Android

How to set a layout in the middle of thescreen to show Image and text Android

android

android-layout

android-linearlayout

android-relativelayout