#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 всегда является максимально мощным макетом.