HarmonyOS swiper组件样式

HarmonyOS
4h前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
Heiang

可在样式中设置即可,参考如下demo

@Entry
@Component
struct SwiperDemo {
  private swiperController: SwiperController = new SwiperController();

  build() {
    Column({ space: 5 }) {
      Swiper(this.swiperController) {
        Text('0')
          .width(250)
          .height(250)
          .backgroundColor(Color.Gray)
          .textAlign(TextAlign.Center)
          .fontSize(30)
        Text('1')
          .width(250)
          .height(250)
          .backgroundColor(Color.Green)
          .textAlign(TextAlign.Center)
          .fontSize(30)
        Text('2')
          .width(250)
          .height(250)
          .backgroundColor(Color.Pink)
          .textAlign(TextAlign.Center)
          .fontSize(30)
      }
      .indicator(true)
      .margin({right:60})

      Row({ space: 12 }) {
        Button('showNext')
          .onClick(() => {
            this.swiperController.showNext(); // 通过controller切换到后一页
          })
        Button('showPrevious')
          .onClick(() => {
            this.swiperController.showPrevious(); // 通过controller切换到前一页
          })
      }.margin(5)
    }.width('100%')
    .margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
3h前
相关问题
HarmonyOS如何自定义Swiper指示器样式
145浏览 • 0回复 待解决
如何设置Swiper导航点的样式
506浏览 • 1回复 待解决
HarmonyOS swiper组件的使用问题
300浏览 • 1回复 待解决
HarmonyOS TextInput组件错误样式问题
557浏览 • 1回复 待解决
HarmonyOS 组件/容器设置背景样式
400浏览 • 1回复 待解决
Swiper是否支持组件复用
749浏览 • 1回复 待解决
使用swiper组件实现viewPager效果
1387浏览 • 1回复 待解决
HarmonyOS 如何设定tabs组件的tabbar样式
620浏览 • 1回复 待解决
HarmonyOS如何自定义视频组件样式
433浏览 • 1回复 待解决
如何关闭Swiper组件的回弹效果?
422浏览 • 1回复 待解决
Swiper组件如何设置导航点位置
2393浏览 • 1回复 待解决
HarmonyOS Swiper组建使用
481浏览 • 1回复 待解决
Swiper 组件嵌套图片刷新数据会闪烁
1231浏览 • 1回复 待解决
Swiper组件设置不跟随手势滑动
602浏览 • 1回复 待解决