Skip to content
滑动卷尺,适用于身高、体重输入等场景,样式风格自由定制。
Branch: master
Clone or download
Latest commit 3d9e91e Aug 7, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
app release to jcenter Jun 14, 2018
gradle/wrapper release to jcenter Jun 14, 2018
tapelibrary
.gitignore
README.md
build.gradle release to jcenter Jun 14, 2018
gradle.properties Initial commit Oct 18, 2017
gradlew
gradlew.bat
settings.gradle Initial commit Oct 18, 2017
tapeView.gif

README.md

漂亮的卷尺效果

漂亮的卷尺效果

下载

implementation 'com.jdqm.tapelibrary:tapelibrary:1.0.0'

使用

<com.jdqm.tapelibrary.TapeView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:maxValue="230"
    app:minValue="100"
    app:value="164" />

也可以在Java代码中设置初始化参数,

/**
  * 初始化配置参数
  * 
  * @param value 当前值
  * @param minValue 最小值
  * @param maxValue 最大值
  * @param per 每一隔所代表的值
  * @param perCount 相邻两条长刻度线之间被分成的隔数量
  */
 public void setValue(float value, float minValue, float maxValue, float per, int perCount)

回调接口

tapeHeight.setOnValueChangeListener(new TapeView.OnValueChangeListener() {
   @Override
   public void onChange(float value) {
       //todo
   }
});

获取当前值接口

tapeHeight.getValue()

自定义属性

name 说明 format 默认值
bgColor 背景颜色 color #FBE40C
calibrationColor 刻度线的颜色 color #FFFFFF
calibrationWidth 刻度线的宽度 dimension 1dp
calibrationShort 短的刻度线的长度 dimension 20dp
calibrationLong 长的刻度线的长度 dimension 35dp
triangleColor 三角形指示器的颜色 color #FFFFFF
triangleHeight 三角形的高度 dimension 18dp
textColor 刻度尺上数值字体颜色 color #FFFFFF
textSize 刻度尺上数值字体大小 dimension 14sp
per 两个刻度之间的代表的数值 float 1
perCount 两条长的刻度线之间的per数量 integer 10
gapWidth 刻度之间的物理距离 dimension 10dp
minValue 刻度尺的最小值 float 0
maxValue 刻度之间的最大值 float 100
value 当前值 float 0

实现原理分析

http://www.jianshu.com/p/06e65ef3f3f1

You can’t perform that action at this time.