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 首页轮播效果实现
218浏览 • 1回复 待解决
文字动画效果如何实现
2189浏览 • 0回复 待解决
HarmonyOS 如何实现文字描边效果
868浏览 • 0回复 待解决
HarmonyOS 如何实现文字渐变色效果
537浏览 • 1回复 待解决
文字如何实现跑马灯效果?
816浏览 • 1回复 待解决
HarmonyOS 需要文字上下切换轮播案例
165浏览 • 1回复 待解决
HarmonyOS 如何实现语音转成文字
362浏览 • 1回复 待解决
HarmonyOS 如何实现阴影效果
408浏览 • 1回复 待解决
HarmonyOS 如何实现粒子效果
302浏览 • 1回复 待解决
HarmonyOS 如何实现实时录音转文字
489浏览 • 1回复 待解决
HarmonyOS 如何实现跑分效果
168浏览 • 1回复 待解决