Android中的双色水平线

Question

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

双色分色线http://img7.imageshack.us/img7/3351/twocolorline.png

如果你仔细观察图像,你会看到一条深灰色的线条,在它下面是一条非常浅灰色(几乎是白色)的线条.这些行应调整为容器的宽度.

在UI中实现此功能的最佳方法是什么？

Answer 1

这里最好的方法是将您显示的图像转换为9补丁,将其作为资源添加到res/drawable文件夹,并使用ImageView设置在布局中显示android:width="fill_parent".

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

在您的布局文件中,ImageView定义如下所示:

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

Answer 2

如果您不想使用9补丁,可以尝试使用LayerList.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <shape >
            <solid android:color="#ffffff" />
        </shape>
    </item>
    <item android:bottom="1px">
        <shape >
            <solid android:color="#252525" />
        </shape>
    </item>

</layer-list>