在使用 ui 开发时，可以通过定义一个滑块控件来实现对值的控制。以下是一个简单的示例，演示了如何创建一个带有滑块的界面，并设置其最小值、最大值以及是否显示当前值。

// 文档地址 https://docs.hamibot.com/
var ui = require('ui');

// 创建一个线性布局容器
var mainLayout = ui.layout(
  <vertical>
    <slider id="range1" min="1" max="10" showValue="true" />
  </vertical>
);

// 显示界面
ui.show();

// 获取滑块控件
var slider = mainLayout.range1;

// 添加滑块值变化的监听器
slider.on("progress", function (value) {
  toast("当前滑块值: " + value);
});

说明：

• slider 控件用于创建滑块。
• min 和 max 分别设置滑块的最小值和最大值。
• showValue 设置为 true 表示显示当前滑块的值。
• on("progress", function (value) { ... }) 监听滑块值的变化，并在值变化时弹出提示框显示当前值。

这个示例展示了如何在界面上添加一个滑块，并实时获取滑块的值。你可以根据实际需求调整滑块的参数和功能。