HarmonyOS 鸿蒙Next swiper指示器选中和未选中如何设置自定义图片

发布于 1周前 作者 htzhanglong 来自 鸿蒙OS

HarmonyOS 鸿蒙Next swiper指示器选中和未选中如何设置自定义图片

swiper 指示器 选中和未选中 如何设置自定义图片。

Harmonyos Next教程
2 回复
Swiper的indicator还不支持自定义
建议自行实现，可以自定义UI来完成自定义的指示器，通过onAnimationStart，onAnimationEnd和onGestureSwipe三个事件回调来完成相关动画的绑定
备选方案也可以引入三方库来实现自定义指示器，参考文档：https://gitee.com/openharmony-sig/ohos_banner

更多关于HarmonyOS 鸿蒙Next swiper指示器选中和未选中如何设置自定义图片的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙系统中，为Next swiper组件设置自定义的指示器选中和未选中图片，可以通过自定义样式和属性来实现。具体步骤如下：

  1. 准备图片资源：首先，准备两张图片，一张用于指示器选中状态，另一张用于未选中状态。

  2. 定义swiper组件：在XML布局文件中，定义swiper组件，并设置必要的属性。

  3. 配置指示器样式：

    • 使用ohos:indicator_selected_drawable属性来设置指示器选中时的图片。
    • 使用ohos:indicator_unselected_drawable属性来设置指示器未选中时的图片。

例如：

<swiper
    ohos:id="$+id:swiper"
    ohos:width="match_parent"
    ohos:height="match_parent"
    ohos:indicator_count="3"
    ohos:indicator_selected_drawable="$media:indicator_selected"
    ohos:indicator_unselected_drawable="$media:indicator_unselected"
    ohos:indicator_position="bottom"
    ohos:indicator_size="10vp"
    ohos:indicator_space="10vp"/>

在上述代码中，indicator_selected_drawable和indicator_unselected_drawable分别指定了选中和未选中状态的图片。

如果问题依旧没法解决请联系官网客服,官网地址是：https://www.itying.com/category-93-b0.html

回到顶部