макет: ниже не работает в RelativeLayout внутри CardView

#android #android-cardview #android-relativelayout

#Android #android-cardview #android-relativelayout

Вопрос:

У меня есть RelativeLayout внутри CardView, с ImageView и двумя TextViews. Один TextView должен быть центрирован, поэтому он размещается над ImageView. Другой TextView должен быть ниже этого TextView, но по какой-то неизвестной мне причине он размещается над первым TextView. Мне удалось правильно настроить его, добавив второй RelativeLayout и поместив в него два TextViews, и теперь они отображаются правильно. Но мне любопытно, почему, если вы не добавляете этот второй RelativeLayout, второй TextView не отображается под первым. Кто-нибудь может мне объяснить? Спасибо.

Макет:

Этот способ работает:

 <?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="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.v7.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="10dp"
    app:cardUseCompatPadding="true"
    android:id="@ id/cv">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@ id/image"
            android:layout_alignParentTop="true"
            android:adjustViewBounds="true"
            android:src="@drawable/ic_launcher"/>

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@ id/name"
                android:gravity="center"
                android:textStyle="bold"
                android:textSize="40sp"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:textColor="@color/black"
                android:text="I am the name"
                android:layout_centerInParent="true" />

            <TextView
                android:id="@ id/type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@ id/name"
                android:gravity="center"
                android:layout_centerHorizontal="true"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:text="I am the type"
                android:textColor="@color/red"
                android:textSize="25sp"
                android:textStyle="bold" />

        </RelativeLayout>

    </RelativeLayout>
</android.support.v7.widget.CardView>


</RelativeLayout>
  

Это не:

 <?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="wrap_content"
xmlns:app="http://schemas.android.com/apk/res-auto">

<android.support.v7.widget.CardView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="10dp"
    app:cardUseCompatPadding="true"
    android:id="@ id/cv">

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:id="@ id/image"
            android:layout_alignParentTop="true"
            android:adjustViewBounds="true"
            android:src="@drawable/ic_launcher"/>

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@ id/name"
                android:gravity="center"
                android:textStyle="bold"
                android:textSize="40sp"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:textColor="@color/black"
                android:text="I am the name"
                android:layout_centerInParent="true" />

            <TextView
                android:id="@ id/type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@ id/name"
                android:gravity="center"
                android:layout_centerHorizontal="true"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:text="I am the type"
                android:textColor="@color/red"
                android:textSize="25sp"
                android:textStyle="bold" />

    </RelativeLayout>
</android.support.v7.widget.CardView>


</RelativeLayout>
  

Ответ №1:

Это из-за ImageView с шириной match_parent . Если вы хотите иметь изображение в такой форме, вы можете вместо этого установить фон относительного макета. Вы можете установить высоту для CardView и любых других настроек. Для этого ниже приведен код.

     <?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="wrap_content"
    xmlns:app="http://schemas.android.com/apk/res-auto">

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:elevation="10dp"
        app:cardUseCompatPadding="true"
        android:id="@ id/cv">

        <RelativeLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="@mipmap/ic_launcher">



            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:id="@ id/name"
                android:gravity="center"
                android:textStyle="bold"
                android:textSize="40sp"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:textColor="#000"
                android:text="I am the name"
                android:layout_centerInParent="true" />

            <TextView
                android:id="@ id/type"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_below="@ id/name"
                android:gravity="center"
                android:layout_centerHorizontal="true"
                android:shadowColor="#ffffff"
                android:shadowDx="0"
                android:shadowDy="0"
                android:shadowRadius="6"
                android:text="I am the type"
                android:textColor="#000"
                android:textSize="25sp"
                android:textStyle="bold" />

        </RelativeLayout>
    </android.support.v7.widget.CardView>


</RelativeLayout>
  

В другом случае, если вы хотите, ImageView в своем макете вы можете установить RelativeLayout width на match_parent и ImageView width на wrap_content .

Комментарии:

1. Да, это работает. Но что я хочу знать, так это то, что если три элемента (ImageView и оба TextViews) находятся внутри одного и того же RelativeLayout, и я устанавливаю первый в центр в его родительском (RelativeLayout), а второй настроен на размещение под первым, он не отображается должным образом. Почему на это влияет match_parent в ImageView?

2. Почему вы установили android:adjustViewBounds="true" для ImageView ? Его реальное использование заключается в сохранении соотношения сторон для используемого в нем чертежа. Либо вы можете удалить его, либо удалить тот же match_parent .

3. Я хочу сохранить соотношение сторон image…it в моем коде, кстати, src не задается, он задается URL и Picasso.

4. Когда вы установите android:scaleType="fitXY" или android:adjustViewBounds="true" RelativeLayout , в нем будут установлены соответствующие элементы, отсюда и границы ImageView .

5. Но родительским элементом TextViews является RelativeLayout, а не ImageView

Ответ №2:

если вы видите в несоответствующем XML-файле, вы найдете android:adjustViewBounds="true" для ImageView, где для этого ImageView будет настроено изменение его границ, чтобы сохранить соотношение сторон его отрисовки.

в приведенном выше сценарии, пожалуйста, попробуйте использовать LinearLayout с вертикальной ориентацией для TextView и RelativeLayout для (LinearLayout и ImageView).

макет constraintlayout всегда является максимально мощным макетом.