android 在图片中显示文字
android showing text within a image
在项目中,我需要在图像(Q 字母图像)中显示第一个文本,并在 Q 字母下方显示第二个文本,如图所示。如何放置如图所示的文字?
Q图标图片在地图上可以这样显示:
要实现这一点:
1. 创建一个白色背景的线性布局。
2. 在side above layout中使用LinearLayout,设置q图为背景。这个q图像是png图像。
2. 在侧面线性布局中使用Textview,并用新行设置你想要的文本。
我希望,它会起作用。
您可以使用 TextView 并将其背景 属性 设置为您的图像。
<TextView
android:id="@+id/q_text
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/q_placeholder_text"
android:background="@drawable/q_drawable" />
或者更好的是,将 ImageView 和 TextView 添加到 FrameLayout。 (TextView 和 ImageView 的顺序很重要)
<FrameLayout
android:id="@+id/q_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/q_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/q_drawable />
<TextView
android:id="@+id/q_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/q_placeholder_text />
</FrameLayout>
在项目中,我需要在图像(Q 字母图像)中显示第一个文本,并在 Q 字母下方显示第二个文本,如图所示。如何放置如图所示的文字?
Q图标图片在地图上可以这样显示:
要实现这一点: 1. 创建一个白色背景的线性布局。 2. 在side above layout中使用LinearLayout,设置q图为背景。这个q图像是png图像。 2. 在侧面线性布局中使用Textview,并用新行设置你想要的文本。
我希望,它会起作用。
您可以使用 TextView 并将其背景 属性 设置为您的图像。
<TextView
android:id="@+id/q_text
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/q_placeholder_text"
android:background="@drawable/q_drawable" />
或者更好的是,将 ImageView 和 TextView 添加到 FrameLayout。 (TextView 和 ImageView 的顺序很重要)
<FrameLayout
android:id="@+id/q_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content">
<ImageView
android:id="@+id/q_image"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:src="@drawable/q_drawable />
<TextView
android:id="@+id/q_text"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="@string/q_placeholder_text />
</FrameLayout>