android - Android中的双色水平线

Question

我目前正在构建的 Android 应用程序的图形设计师提出了一条双色线作为布局框中项目之间的分隔符:

two-color separator line http://img7.imageshack.us/img7/3351/twocolorline.png

如果仔细观察图像，您会看到一条深灰色线，紧接着在其下方有一条非常浅的灰色(几乎是白色)线。线条的大小应调整为容器的宽度。

在 UI 中实现它的最佳方式是什么？

Answer 1

此处最好的方法是将您显示的图像转换为 9-patch ，将其作为资源添加到 res/drawable 文件夹，并使用 ImageView 设置 android:width="fill_parent" 在您的布局中显示它。

9 补丁图像让您可以指定图像的一个区域在调整图像大小时进行拉伸(stretch)(在这种情况下是整个图像 - 尽管您可能需要考虑“淡出”其边缘的线条以符合某些原生 Android 样式)。

在您的布局文件中，ImageView 定义看起来像这样:

<ImageView
  android:src="@drawable/my_separater_nine_patch"
  android:layout_width="fill_parent"
  android:layout_height="wrap_content"
  android:scaleType="fitXY"
/>