我正在试着把ImageView
分和TextView
分对齐,但我很难得到预期的结果.
TextView
可以有多行,因此我使用android:layout_width="0dp"
.然而,正因为如此,ImageView
与TextView
之间的差距太大了:
如果我不使用android:layout_width="0dp"
,而是设置layout_width="wrap_content"
,如果有足够的屏幕空间,我会得到预期的结果:
在较小的屏幕中,TextView
没有分割成多行,因此超出了父视图的限制:
我也试着使用TextView
的android:drawableLeft="@drawable/vc_estadio"
属性,但可绘制的太大了:
最后,我也try 了调整可绘制的大小,但我遇到了与android:layout_width="0dp"
相同的问题.图像与文本距离太远:
我预计在小屏幕上会出现这样的场景:
这是一个更大的版本:
我正在使用并try 运行的代码如下:
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">
<ImageView
android:id="@+id/estadioImageView"
android:layout_width="32dp"
android:layout_height="32dp"
android:layout_marginEnd="8dp"
android:src="@drawable/vc_estadio"
app:layout_constraintBottom_toBottomOf="@+id/estadioTextView"
app:layout_constraintEnd_toStartOf="@+id/estadioTextView"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="@+id/estadioTextView" />
<TextView
android:id="@+id/estadioTextView"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="8dp"
android:autoSizeTextType="uniform"
android:gravity="center"
android:maxLines="2"
android:text="Estadio Pedro Garrido (Jerez de la Frontera)"
android:textColor="@color/gray_dark"
android:textSize="20sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintHorizontal_bias="0.5"
app:layout_constraintStart_toEndOf="@+id/estadioImageView"
app:layout_constraintTop_toTopOf="parent" />
</androidx.constraintlayout.widget.ConstraintLayout>
提前感谢您的帮助!