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
相关问题
文字动画效果如何实现
1659浏览 • 0回复 待解决
文字如何实现跑马灯效果?
90浏览 • 1回复 待解决
HarmonyOS 如何实现图中的input控件效果
114浏览 • 1回复 待解决
HarmonyOS 如何实现一个转圈效果
196浏览 • 2回复 待解决
HarmonyOS 效果实现方案
109浏览 • 1回复 待解决
canvas如何实现水印效果
660浏览 • 1回复 待解决
如何实现星级评分效果
214浏览 • 1回复 待解决
如何实现动画转场效果
586浏览 • 1回复 待解决
如何实现视频滤镜效果
1754浏览 • 1回复 待解决
如何等效实现JSONObejct效果
430浏览 • 1回复 待解决
如何实现顶部渐变遮罩效果
199浏览 • 1回复 待解决
如何通过Progress实现loading效果
173浏览 • 1回复 待解决
图片模糊效果如何实现
522浏览 • 1回复 待解决
如何实现全局浮窗效果
1396浏览 • 1回复 待解决
如何实现组件的阴影效果
575浏览 • 1回复 待解决
如何实现类似keyframes的效果
1650浏览 • 1回复 待解决
如何实现按钮的点击效果
159浏览 • 2回复 待解决
如何实现list的折叠动画效果
150浏览 • 1回复 待解决
如何实现列表页的单选效果
2111浏览 • 0回复 待解决