范围#

• 更新时间:2025-12-02 10:12:47

范围-range

原生类型:{com.google.android.material.slider.RangeSlider}

一、常用属性#

from - 开始值#

设置开始值

<range from="0" />

to - 结束值#

设置结束值

<range to="100" />

fromValue - 左初始值#

设置左初始值

<range fromValue="10" />

toValue - 右初始值#

设置右初始值

<range toValue="60" />

step - 进步值#

设置进步值

<range step="1" />

color - 主题颜色#

设置主题颜色

<range color="#FF0000" />

label - 标签文字#

设置标签文字

<range label="进度:" />

labelEnd - 标签文字尾部#

设置标签文字尾部

<range labelEnd="个" />

padding - 内边距#

设置内边距

<!--padding顺序是:左,上,右,下-->
<!--padding只设置一个值：则设置所有方向的内边距-->
<!--padding只设置两个值：则设置左右和上下方向的内边距-->
<range padding="20" />

gravity - 重力#

设置重力

<range gravity="start" />

bg - 背景颜色#

设置背景颜色

<range bg="#1E1F22" />

bgImg - 背景图片#

设置背景图片

<range bgImg="./img.png" />

二、常用函数#

onLabel(callback)#

设置标签格式化

• 参数 : callback {(floatValue)=>{ return "标签"; }} 格式化回调

onChange(callback)#

设置变化监听

• 参数 : callback {(from,to)=>{}} 回调

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let range = ui.id("mRange");
//设置数据变化监听
range.onChange((from,to)=>{
    //..
});

getRange()#

获取范围

• 返回 : {number[]}

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let range = ui.id("mRange");
//获取数据(开始,结束)
range.getRange();

setData(from, to)#

设置数据

• 参数 : from {float} 开始值(当前值一致)

• 参数 : to {float} 结束值

//解析布局,获得ui对象
let ui = $ui.layout("./mUi.xml");
//获取控件
let range = ui.id("mRange");
//设置数据(开始,结束)
range.setData(0,100);