HarmonyOS 鸿蒙Next Slider 如何设置为不可用

HarmonyOS 鸿蒙Next Slider 如何设置为不可用

1.没有找到如何令其 disable
2.尝试增加滑动阀值 但最大不能超过 MAX 也不可行
3.尝试在 onChanged END 之后让 progress 归位 但界面没刷新 

2 回复

可以尝试设置组件的触摸测试类型来控制，当hitTestBehavior设置为HitTestMode.None，组件就触摸无效，也就不能滑动了。

具体说明文档请参考：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/ts-universal-attributes-hit-test-behavior-V5

以下示例代码当滑动进度设置为80，就不可以滑动，供参考：

@Entry

@Component

struct SliderExample {

  @State outSetValueOne: number = 40

  @State testMode: HitTestMode = HitTestMode.Default

  build() {

    Column({ space: 8 }) {

      Text('slider').fontSize(9).fontColor(0xCCCCCC).width('90%').margin(15)

      Row() {

        Slider({

          value: this.outSetValueOne,

          min: 0,

          max: 100,

          style: SliderStyle.OutSet

        })

          .hitTestBehavior(this.testMode)

          .showTips(true)

          .onChange((value: number, mode: SliderChangeMode) => {

            if (value > 80) {

              this.testMode = HitTestMode.None

            } else {

              this.testMode = HitTestMode.Default

            }

            this.outSetValueOne = value

            console.info('value:' + value + 'testMode:' + this.testMode.toString())

          })

        Text(this.outSetValueOne.toFixed(0)).fontSize(12)

      }

      .width('80%')

    }.width('100%')

  }

}

更多关于HarmonyOS 鸿蒙Next Slider 如何设置为不可用的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS（鸿蒙）系统中，要将Next Slider（假设是指一个滑动组件或类似UI元素）设置为不可用（即禁用状态），可以通过修改该组件的属性来实现。具体操作步骤如下：

  1. 找到组件实例：首先，你需要获取到Next Slider组件的实例。这通常是在你的UI布局文件中定义的，或者是在代码中动态创建的。

  2. 设置禁用属性：对于鸿蒙系统的UI组件，通常会有一个setEnabled方法用于设置组件是否可用。将该方法设置为false即可禁用Next Slider。

    示例代码（伪代码，具体实现需根据鸿蒙开发框架调整）：

    let nextSlider = document.getElementById('nextSliderId'); // 假设这是你的Next Slider的ID
if (nextSlider) {
    nextSlider.setEnabled(false);
}

  3. 检查效果：运行你的应用，查看Next Slider是否已经被禁用，即用户无法与其进行交互。

如果上述步骤正确无误，Next Slider应该已经被设置为不可用状态。如果问题依旧没法解决请联系官网客服，官网地址是：https://www.itying.com/category-93-b0.html 。

回到顶部