Android: 如何将 ImageView 对齐到 TextView 的右侧并确保 ImageView 始终可见
Android: How to align an ImageView to the right of a TextView and make sure the ImageView is always visible
我需要一个包含两个视图的 Android 布局。第一个视图是 TextView
,而第二个视图是 ImageView
。 ImageView
应始终与 TextView
的右侧对齐。 TextView
应该能够扩展以填充任何剩余的 space,具体取决于文本的大小。如果文本太大,ImageView
不应该被 TextView
隐藏。在这种情况下,文本应该被截尾。
这是我正在努力完成的视觉效果:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="bottom | center_vertical">
<TextView
android:id="@+id/myText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:ellipsize="end"
android:singleLine="true"/>
<ImageView
android:id="@+id/myImage"
android:layout_width="12dp"
android:layout_height="12dp"
android:src="@drawable/myImageDrawable"
android:layout_toRightOf="@id/myText"/>
</RelativeLayout>
上面的 XML 不起作用,因为 TextView
在文本太大时隐藏了 ImageView
。我该如何修复此代码?我也愿意使用不同的布局。请注意,TextView
必须是单行。
下面的xml就可以达到你想要的效果了。只需将 singleLine
设置为 true
并使用 drawableEnd
设置您的图像。另外,用您的代码替换我的代码中的文本。就这些了。
<TextView
android:singleLine="true"
android:text=" HehhsasasashasgghgahgshagshgahsghagshaghsgahsghaHehhsasasashasgghgahgshagshgahsghagshaghsgahsgha shgasagsasghag shahsghag"
android:layout_width="wrap_content"
android:drawableEnd="@drawable/myImageDrawable"
android:layout_height="wrap_content"/>
我需要一个包含两个视图的 Android 布局。第一个视图是 TextView
,而第二个视图是 ImageView
。 ImageView
应始终与 TextView
的右侧对齐。 TextView
应该能够扩展以填充任何剩余的 space,具体取决于文本的大小。如果文本太大,ImageView
不应该被 TextView
隐藏。在这种情况下,文本应该被截尾。
这是我正在努力完成的视觉效果:
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1"
android:gravity="bottom | center_vertical">
<TextView
android:id="@+id/myText"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textColor="@android:color/black"
android:ellipsize="end"
android:singleLine="true"/>
<ImageView
android:id="@+id/myImage"
android:layout_width="12dp"
android:layout_height="12dp"
android:src="@drawable/myImageDrawable"
android:layout_toRightOf="@id/myText"/>
</RelativeLayout>
上面的 XML 不起作用,因为 TextView
在文本太大时隐藏了 ImageView
。我该如何修复此代码?我也愿意使用不同的布局。请注意,TextView
必须是单行。
下面的xml就可以达到你想要的效果了。只需将 singleLine
设置为 true
并使用 drawableEnd
设置您的图像。另外,用您的代码替换我的代码中的文本。就这些了。
<TextView
android:singleLine="true"
android:text=" HehhsasasashasgghgahgshagshgahsghagshaghsgahsghaHehhsasasashasgghgahgshagshgahsghagshaghsgahsgha shgasagsasghag shahsghag"
android:layout_width="wrap_content"
android:drawableEnd="@drawable/myImageDrawable"
android:layout_height="wrap_content"/>