范围

  • 更新时间:2026-03-15 10:38:22

范围-range

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

范围条:用来选择范围的滑动条。

一、常用属性

开始值 - 开始值

设置开始值

<界面>
    <状态条 />
    <范围="最大" 开始值="0" 结束值="100" />
</界面>

结束值 - 结束值

设置结束值

<界面>
    <状态条 />
    <范围="最大" 开始值="0" 结束值="100" />
</界面>

左初始值 - 左初始值

设置左初始值

<界面>
    <状态条 />
    <范围="最大" 左初始值="10" 开始值="0" 结束值="100" />
    <范围="最大" 左初始值="20" 开始值="0" 结束值="100" />
</界面>

右初始值 - 右初始值

设置右初始值

<界面>
    <状态条 />
    <范围 右初始值="50"="最大" 左初始值="10" 开始值="0" 结束值="100" />
    <范围 右初始值="50"="最大" 左初始值="20" 开始值="0" 结束值="100" />
</界面>

进步值 - 进步值

设置进步值

<界面>
    <状态条 />
    <范围 右初始值="50"="最大" 左初始值="10" 开始值="0" 结束值="100" 进步值="1" />
</界面>

主题颜色 - 主题颜色

设置主题颜色

<界面>
    <状态条 />
    <范围 主题颜色="#57965C" 右初始值="50"="最大" 左初始值="10" 开始值="0"
        结束值="100" />
    <范围 主题颜色="#C94F4F" 右初始值="50"="最大" 左初始值="10" 开始值="0"
        结束值="100" />
    <范围 主题颜色="#3574F0" 右初始值="50"="最大" 左初始值="10" 开始值="0"
        结束值="100" />
</界面>

标签 - 标签文字

设置标签文字

<界面>
    <状态条 />
    <范围="最大" 标签="比例:" />
</界面>

标签尾部 - 标签文字尾部

设置标签文字尾部

<界面>
    <状态条 />
    <范围="最大" 标签尾部="%" />
</界面>

背景颜色 - 背景颜色

设置背景颜色

<界面>
    <状态条 />
    <范围="最大" 背景颜色="#57965C" />
    <范围="最大" 背景颜色="#C94F4F" />
    <范围="最大" 背景颜色="#3574F0" />
</界面>

背景图片 - 背景图片

设置背景图片

<界面>
    <状态条 />
    <范围="最大" 背景图片="example/$ui - 交互界面/19.range-范围条/img/img.png" />
</界面>

二、常用函数

标签格式化(回调)

设置标签格式化

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

监听变化(回调)

监听数据变化

  • 参数 : 回调 {(开始,结束)=>{}} 回调函数
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./资源/主界面.xml");
//获取控件
定义 范围 = 界面.找控件("我的范围");
//监听数据变化
范围.监听变化((开始,结束)=>{
    //..
});

获取范围()

获取范围

  • 返回 : {number[]}
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./资源/主界面.xml");
//获取控件
定义 范围 = 界面.找控件("我的范围");
//获得范围数据
定义 范围数据 = 范围.获取范围();

设置数据(开始, 结束)

设置数据

  • 参数 : 开始 {float} 开始值
  • 参数 : 结束 {float} 结束值
//解析布局,获得界面对象
定义 界面 = $界面.解析布局("./资源/主界面.xml");
//获取控件
定义 范围 = 界面.找控件("我的范围");
//设置数据(开始,结束)
范围.设置数据(0,100);