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

HarmonyOS
2024-12-12 11:41:04
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
一路向北545

将swiper区域分割为两块区域,上方为内容区域,下方为空白区域

Column() {
  Image(item)
    .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'))
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.

通过indicator属性调整指示器导航点位置,使其位于空白区域

Swiper(this.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.
分享
微博
QQ
微信
回复
2024-12-12 19:22:10
相关问题
HarmonyOS Swiper指示器
698浏览 • 0回复 待解决
如何设置swiper指示器不显示
1547浏览 • 1回复 待解决
HarmonyOS Swiper指示器
637浏览 • 1回复 待解决
HarmonyOS Swiper指示器显示错误
768浏览 • 1回复 待解决
HarmonyOS 关于Swiper指示器问题
1152浏览 • 1回复 待解决
HarmonyOS swiper修改指示器问题
552浏览 • 1回复 待解决
如何设置Swiper导航点的样式?
1005浏览 • 1回复 待解决
Swiper组件如何设置导航点位置
3568浏览 • 1回复 待解决
HarmonyOS如何自定义Swiper指示器样式?
710浏览 • 0回复 待解决