身高 体重 刻度尺控件

ZXQScaleRuler-刻度尺控件

控件介绍

一个优雅的简洁的刻度尺选择控件,可以用在 身高 体重 腰围等用户信息收集的UI视图上,带来非常nice的交互体验。

效果图

水平刻度尺

h_dmo_img.gif

垂直刻度尺

v_dmo_img.gif

使用方法

Gradle添加引用

compile 'com.zhuxiaoqing.ZXQScaleRuler:ZXQScaleRuler:1.0.0'

使用水平的刻度尺

布局中加入水平刻度尺控件

 

代码中

如果没有动态的调整 代码中只需要加入回调函数就可以了。

   app_ver_view.setValueChangeListener(new HorizontalScaleRulerView.OnValueChangeListener() {
            @Override
            public void onValueChange(float value) {
                lab_text_view.setText("体重:"+value+"kg");
            }
        });

如果需要在代码中动态初始化刻度尺可使用如下方法

//find到控件后 先设置内部参数
setParam(int itemSpacing, int maxLineHeight, int middleLineHeight, int minLineHeight, int textMarginTop, int textSize)

//在重新初始化视图
initViewParam(float defaultValue, float minValue, float maxValue, int spanValue)

使用垂直刻度尺


代码中

使用方法和水平刻度尺一致

自定义属性说明



        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        
        

    

垂直刻度尺和水平刻度尺通用

项目地址

https://github.com/qq516633632/ZXQScaleRuler

你可能感兴趣的:(身高 体重 刻度尺控件)