[移动开发]Android-横向虚线、竖向虚线实现

效果图：

?横向虚线挺容易实现的，竖向虚线就不是那么容易实现了

1、水平横向分割线 detail_coupon_horizontal_line.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="line">
    <!-- 破折线的宽度为dashWith，破折线之间的空隙的宽度为dashGap，当dashGap=0dp时，为实线-->
    <stroke
        android:width="0.5dp"
        android:color="#979797"
        android:dashWidth="3dp"
        android:dashGap="2dp" />
    <size android:height="1px" />

</shape>

2、垂直竖向分割线?detail_coupon_vertical_line.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!--注意上下左右方向问题-->
    <!--这里思路相当于一个只显示一条边的矩形虚线边框-->
    <item
        android:bottom="-0.5dp"
        android:right="-0.5dp"
        android:top="-0.8dp">
        <shape>
            <!--设置背景透明-->
            <solid android:color="#00000000" />
            <!--破折线的宽度为dashWith，破折线之间的空隙的宽度为dashGap，当dashGap=0dp时，为实线-->
            <stroke
                android:width="0.5dp"
                android:color="#979797"
                android:dashWidth="2dp"
                android:dashGap="1dp"/>
            <size android:height="1px" />
        </shape>
    </item>
</layer-list>

3、style文件??

在Android中画虚线需要设置android:layerType的值为software,否则显示为一条直线

<?xml version="1.0" encoding="utf-8"?>
<resources>

    <style name="horizontal_dotted_line_style">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">2px</item>
        <item name="android:background">@drawable/detail_coupon_horizontal_line</item>
        <item name="android:layerType">software</item>
    </style>


    <style name="vertical_dotted_line_style">
        <item name="android:layout_width">1px</item>
        <item name="android:layout_height">45dp</item>
        <item name="android:background">@drawable/detail_coupon_vertical_line</item>
        <item name="android:layerType">software</item>
    </style>



</resources>

4、使用

<View
 android:id="@+id/line"
 style="@style/vertical_dotted_line_style"/>
       

?顺带附加一个textview? 显示两个不同字体的方法

/**
     * 
     * 价格单位字体大小和价格字体大小不同 和 颜色不同 适用
     * @param context
     * @param monetary_unit 价格单位
     * @param price 价格
     * @param suffixSize  单位字体大小
     * @param priceSize  价格字体大小
     * @return
     */
    public static SpannableString setPrice(Context context, String monetary_unit,String price, int suffixSize, int priceSize){
        SpannableString spannableString = null;
        if (!TextUtils.isEmpty(price)){
            StringBuilder sbPrice = new StringBuilder(monetary_unit);
            int offset = sbPrice.toString().length();
            sbPrice.append(price);
            spannableString = new SpannableString(sbPrice.toString());
            spannableString.setSpan(new AbsoluteSizeSpan(dip2px(context,suffixSize)), 0, offset,
                    Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
            spannableString.setSpan(new ForegroundColorSpan(Color.RED), 0, offset, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

            spannableString.setSpan(new AbsoluteSizeSpan(dip2px(context,priceSize)), offset,
                    sbPrice.toString().length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

            spannableString.setSpan(new ForegroundColorSpan(Color.BLUE), offset, sbPrice.toString().length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

        }
        return spannableString;
    }