HarmonyOS如何实现文字轮播效果?

首页顶部有一个搜索框,搜索框的提示文案要 每过3秒 在以下文案间 向上 轮播切换:

“输入课程名称或老师姓名”,

“输入课程名称”,

“输入老师姓名”,

“输入想要搜索的内容”

ArkTS是否有专门的组件可以实现这一效果?如果没有,请问该如何实现这一效果?

HarmonyOS
2024-08-08 12:02:10
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
FengTianYa

参考代码:

@Entry 
@Component 
struct Index { 
  searchSwiper: string[] = ['我是第一个','我是第二个','我是第三个','我是第四个'] 
  build() { 
    Row() { 
      Column() { 
        Swiper() { 
          ForEach(this.searchSwiper, (item: string) => { 
            Column() { 
              Text(item) 
                .fontSize(30) 
                .fontColor(Color.Black) 
            } 
            .alignItems(HorizontalAlign.Start) 
          }, (item: string) => item) 
        } 
        .autoPlay(true) 
        .loop(true) 
        .vertical(true) 
        .indicator(false) 
        .backgroundColor(Color.Gray) 
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
}

了解Swiper更多参考:https://developer.huawei.com/consumer/cn/doc/harmonyos-guides/arkts-layout-development-create-looping-0000001813575876

分享
微博
QQ
微信
回复
2024-08-08 19:54:55
相关问题
HarmonyOS 如何实现文字描边效果
430浏览 • 0回复 待解决
文字动画效果如何实现
1896浏览 • 0回复 待解决
HarmonyOS 如何实现文字渐变色效果
36浏览 • 1回复 待解决
文字如何实现跑马灯效果?
358浏览 • 1回复 待解决
HarmonyOS 如何实现底部弹窗效果
68浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
701浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
350浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
270浏览 • 1回复 待解决
HarmonyOS 如何实现抽屉效果的控件
54浏览 • 1回复 待解决
HarmonyOS 如何实现折叠吸顶效果
160浏览 • 1回复 待解决