Android 中的样式底线 [英] Style bottom Line in Android

问题描述

我需要创建一个 android 形状，以便只有底部有描边(虚线).当我尝试以下操作时，笔划会通过中心将形状一分为二.有谁知道如何做对?笔画需要是底线/边框.我使用该形状作为 TextView 的背景.请不要介意我为什么需要它.

I need to create an android shape so that only the bottom has stroke (a dashed line). When I try the following, the stroke bisects the shape right through the center. Does anyone know how to get it right? the stroke needs to be the bottom line/border. I am using the shape as a background to a TextView. Please, never mind why I need it.

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#1bd4f6" />
        </shape>
    </item>

    <item>
        <shape android:shape="line" >
            <padding android:bottom="1dp" />

            <stroke
                android:dashGap="10px"
                android:dashWidth="10px"
                android:width="1dp"
                android:color="#ababb2" />
        </shape>
    </item>

</layer-list>

推荐答案

这有点像黑客，但我认为这可能是最好的方法.无论高度如何，虚线将始终位于底部.

It's kind of a hack, but I think this is probably the best way to do it. The dashed line will always be on the bottom, regardless of the height.

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

    <item>
        <shape android:shape="rectangle" >
            <solid android:color="#1bd4f6" />
        </shape>
    </item>

    <item android:top="-2dp" android:right="-2dp" android:left="-2dp">
        <shape>
            <solid android:color="@android:color/transparent" />
            <stroke
                android:dashGap="10px"
                android:dashWidth="10px"
                android:width="1dp"
                android:color="#ababb2" />
        </shape>
    </item>

</layer-list>

说明:

第二个形状是带有虚线轮廓的透明矩形.使边框只出现在底部的关键在于设置其他边的负边距.这些负边距将虚线推"到这些边的绘制区域之外，只留下沿着底部的线.一个潜在的副作用(我还没有尝试过)是，对于绘制在其自身边界之外的视图，负边距边界可能会变得可见.

Explanation:

The second shape is transparent rectangle with a dashed outline. The key in making the border only appear along the bottom lies in the negative margins set the other sides. These negative margins "push" the dashed line outside the drawn area on those sides, leaving only the line along the bottom. One potential side-effect (which I haven't tried) is that, for views that draw outside their own bounds, the negative-margin borders may become visible.

这篇关于Android 中的样式底线的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！