#鸿蒙通关秘籍#如何在HarmonyOS Next中实现Swiper指示器导航点位于Swiper下方?

HarmonyOS
2024-12-03 11:28:46
1131浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
Yvr序章EVT

在HarmonyOS Next中,可以通过分割Swiper区域的方法,使指示器导航点位于Swiper下方。首先,将Swiper区域分为两个部分:上方为内容区域,下方为一个空白区域。在内容区域内添加图片或其他元素。接着,通过indicator属性调整指示器的位置,将其设置在空白区域:

Column() {
  Image('image_path')
    .width($r('app.string.one_hundred_percent'))
    .height($r('app.string.thirty_percent'))
    .borderRadius($r('app.integer.borderRadius_value'))

  Column()
    .width($r('app.string.one_hundred_percent'))
    .height($r('app.integer.blank_space_height'))
}

Swiper(swiperController)
  .width($r('app.string.ninety_five_percent'))
  .loop(true)
  .autoPlay(true)
  .indicator(new DotIndicator().bottom($r('app.integer.offset_value')))
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
分享
微博
QQ
微信
回复
2024-12-03 14:26:12


相关问题
HarmonyOS Swiper指示器
698浏览 • 0回复 待解决
HarmonyOS Swiper指示器
637浏览 • 1回复 待解决
HarmonyOS Swiper指示器显示错误
768浏览 • 1回复 待解决
HarmonyOS 关于Swiper指示器问题
1152浏览 • 1回复 待解决
如何设置swiper指示器不显示
1551浏览 • 1回复 待解决
HarmonyOS swiper修改指示器问题
552浏览 • 1回复 待解决
HarmonyOS如何自定义Swiper指示器样式?
710浏览 • 0回复 待解决
如何设置Swiper导航点的样式?
1005浏览 • 1回复 待解决
Swiper组件如何设置导航点位置
3568浏览 • 1回复 待解决
恭喜您,今日已阅读两篇内容,特奖励+2声望, 快来领取吧。