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 如何实现文字描边效果
271浏览 • 0回复 待解决
文字动画效果如何实现
1826浏览 • 0回复 待解决
文字如何实现跑马灯效果?
229浏览 • 1回复 待解决
HarmonyOS 如何实现数据翻页效果
171浏览 • 1回复 待解决
HarmonyOS 如何实现阴影边框效果
473浏览 • 1回复 待解决
HarmonyOS 如何实现滚动渐变效果
221浏览 • 1回复 待解决
HarmonyOS 渐变遮罩效果如何实现
138浏览 • 1回复 待解决
如何实现视频滤镜效果
1966浏览 • 1回复 待解决
如何实现动画转场效果
765浏览 • 1回复 待解决
HarmonyOS 如何实现View边缘模糊的效果
279浏览 • 1回复 待解决
canvas如何实现水印效果
855浏览 • 1回复 待解决
如何实现星级评分效果
408浏览 • 1回复 待解决
HarmonyOS如何实现阅读器翻页效果
208浏览 • 1回复 待解决
HarmonyOS 如何实现图中的input控件效果
293浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
516浏览 • 2回复 待解决