美文网首页
Android自定义显示价格的PriceView

Android自定义显示价格的PriceView

作者: 寻水的鱼Chock | 来源:发表于2022-03-21 10:11 被阅读0次
    前言

    先看下具体效果


    具体效果.png

    整体可分为5个部分,分别是[单位][icon][价格][小数点数][划线价]
    其中[单位]跟[icon]一般不会同时显示, 所以组合有大致有如下两种
    [icon][价格][小数点数][划线价]
    [单位][价格][小数点数][划线价]

    设置规则
    • 每个部位不设置值便隐藏,且不占用空间;
    • 文字部分可设置字体大小、颜色;
    • 文字部分可设置LeftPadding,控制与左边部分的间距;
    • 文字部分可设置字体;
    • icon部分可设置宽高。

    使用方式

    在工程根目录的build.gradle中添加

    allprojects {
        repositories {
            maven { url 'https://www.jitpack.io' }
            ...
        }
    }
    

    添加依赖

    implementation 'com.gitee.tinyqiu:price-view:1.5'
    

    在xml中添加布局

    <com.chockqiu.view.PriceView
        android:layout_width="wrap_content"
        android:layout_height="30dp"
        app:pv_delLineText="2000"
        app:pv_delLineTextColor="#cccccc"
        app:pv_delLineTextLeftPadding="3dp"
        app:pv_delLineTextSize="12sp"
        app:pv_price2Text=".99"
        app:pv_price2TextColor="#333333"
        app:pv_price2TextSize="10sp"
        app:pv_priceText="1899"
        app:pv_priceTextColor="#333333"
        app:pv_priceTextLeftPadding="1dp"
        app:pv_priceTextSize="16sp"
        app:pv_unitText="¥"
        app:pv_unitTextColor="#333333"
        app:pv_unitTextSize="10sp" />
    

    源码地址:https://gitee.com/tinyqiu/price-view

    效果展示
    效果.png
    如果本文对你有帮助就点个赞支持下吧~~~

    相关文章

      网友评论

          本文标题:Android自定义显示价格的PriceView

          本文链接:https://www.haomeiwen.com/subject/rmbzdrtx.html