NinePatch两个带有一个图像的文本框

Question

我想实现这个图像

区域textbox1和textbox2 ninepatch able

我怎么能准确地发现这个？

Answer 1

android 9-patch有一个约束：由右边框和底边框定义的内容区域必须是连续的（即右边框和下边框只能有一个分段）。

另一方面，您可以在顶部和左侧边框上设置多个可伸展区域。

在你的情况下：

对于可伸展区域：

• 在左边框上绘制一段

• 在顶部边框上绘制两个（相同长度的）段（围绕垂直分隔线对称，但不包括垂直分隔线）。

的内容区域：

• 在底部边框上绘制一个细分
• 在右边框上绘制一个片段

内容：

• 定义一个水平线性布局，其中包含2个TextView（宽度= 0dp，权重= 1.0）
• 使用您的九个补丁图片作为背景

希望得到这个帮助。

----------------------------------------------- -----------------------------

结果：

我使用你的计划但结果就是这个

当我的文字增加文字框高度不增加

如何解决？

----------------------------------------------- -----------------------------

我不认为它与9补丁图像有关。它更可能与textView相关。

尝试：在textView上

android:layout_height="WRAP_CONTENT"

在线性布局上

android:layout_height="WRAP_CONTENT"

Answer 2

LinearLayout允许您指定其子项之间的分隔符。所以你需要：

1. 将TextView放入水平LinearLayout
中
2. 将没有分隔符的圆角矩形9-patch指定为LinearLayout
的背景
3. 为您的LinearLayout添加分隔符： android:divider="drawable_resource"
android:showDividers="middle"

此布局也更灵活 - 如果您需要3个或更多TextView s

，则无需再制作9个补丁