ZXQScaleRuler-刻度尺控件
控件介紹
一個優(yōu)雅的簡潔的刻度尺選擇控件夭织，可以用在 身高 體重 腰圍等用戶信息收集的UI視圖上，帶來非常nice的交互體驗捞蛋。
效果圖
水平刻度尺
h_dmo_img.gif
垂直刻度尺
v_dmo_img.gif
使用方法
Gradle添加引用
compile 'com.zhuxiaoqing.ZXQScaleRuler:ZXQScaleRuler:1.0.0'
使用水平的刻度尺
布局中加入水平刻度尺控件
<com.zxq.scalruerview.HorizontalScaleRulerView
android:id="@+id/app_ver_view"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="5dp"
android:layout_marginBottom="10dp"
zxq:defaultvalue="50"
zxq:maxvalue="100"
zxq:minvalue="30"
zxq:textcolor="@color/colorPrimary"
zxq:lincolor="@color/colorPrimary"
zxq:perspanvalue="5"
zxq:textsize="14sp"
zxq:linheight="1dp"
/>
代碼中
如果沒有動態(tài)的調(diào)整 代碼中只需要加入回調(diào)函數(shù)就可以了孝冒。
app_ver_view.setValueChangeListener(new HorizontalScaleRulerView.OnValueChangeListener() {
@Override
public void onValueChange(float value) {
lab_text_view.setText("體重："+value+"kg");
}
});
如果需要在代碼中動態(tài)初始化刻度尺可使用如下方法
//find到控件后 先設置內(nèi)部參數(shù)
setParam(int itemSpacing, int maxLineHeight, int middleLineHeight, int minLineHeight, int textMarginTop, int textSize)
//在重新初始化視圖
initViewParam(float defaultValue, float minValue, float maxValue, int spanValue)
使用垂直刻度尺
<com.zxq.scalruerview.VertcalSralRulerView
android:id="@+id/app_ver_view"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:layout_alignParentRight="true"
android:layout_marginRight="25dp"
zxq:defaultvalue="160"
zxq:maxvalue="250"
zxq:minvalue="110"
zxq:textcolor="@color/colorPrimary"
zxq:lincolor="@color/colorPrimary"
zxq:perspanvalue="5"
zxq:textsize="14sp"
zxq:linheight="1dp"
/>
代碼中
使用方法和水平刻度尺一致
自定義屬性說明
<declare-styleable name="VertcalSralRulerView">
<!--字體顏色-->
<attr name="textcolor" format="color"></attr>
<!--刻度顏色-->
<attr name="lincolor" format="color"></attr>
<!--字體大小-->
<attr name="textsize" format="dimension"></attr>
<!--刻度寬度-->
<attr name="linheight" format="dimension"></attr>
<!--最大刻度長度-->
<attr name="maxlinlenght" format="dimension"></attr>
<!--居中刻度長度-->
<attr name="middlinlenght" format="dimension"></attr>
<!--最小刻度長度-->
<attr name="minlinlenght" format="dimension"></attr>
<!--文字距離刻度的間隔-->
<attr name="textmarglin" format="dimension"></attr>
<!--每個刻度的間隔-->
<attr name="itemspacing" format="dimension"></attr>
<!--最大值-->
<attr name="maxvalue" format="float"></attr>
<!--最小值-->
<attr name="minvalue" format="float"></attr>
<!--值的間隔-->
<attr name="perspanvalue" format="integer"></attr>
<!--默認選中值-->
<attr name="defaultvalue" format="integer"></attr>
</declare-styleable>
垂直刻度尺和水平刻度尺通用
