美文网首页
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