HarmonyOS 定时轮播滚动的功能有没有用例代码

HarmonyOS
4天前
浏览
收藏 0
回答 1
待解决
回答 1
按赞同
/
按时间
shlp
@Entry
@Component
struct TextInputDemos {
  private swiperController: SwiperController = new SwiperController();
  private controller: TextInputController = new TextInputController()
  private textArr: String[] = ["早起晨练", "准备早餐", "阅读名著", "学习ArkTS", "看剧放松"]
  @State shuRu: boolean = false;
  @State text: string = '';

  build() {
    Column({ space: 5 }) {
      Stack() {
        TextInput({
          text: $$this.text, placeholder: '', controller: this.controller
        })
          .onChange((value: string) => {
            this.shuRu = true;
            if (value === '') {
              this.shuRu = false;
            }
          })
          .border({ width: 1 })
          .width('100%')
          .height(50)
          .zIndex(1)
        Swiper(this.swiperController) {
          ForEach(this.textArr, (item: string) => {
            Text(item.toString())
              .width('100%')
              .height(160)
              .backgroundColor('#00000000')
              .textAlign(TextAlign.Center)
              .fontSize(30)
              .fontWeight(2)
              .fontColor(Color.Gray)
          }, (item: string) => item)
        }
        .cachedCount(2)
        .index(0)
        .autoPlay(true)
        .interval(4000)
        .loop(true)
        .duration(1000)
        .itemSpace(0)
        .curve(Curve.Linear)
        .indicator(false)
        .vertical(true)
        .width('100%')
        .height(50)
        .visibility(this.shuRu ? Visibility.Hidden : Visibility.Visible)
      }
    }.width('100%').margin({ top: 5 })
  }
}
分享
微博
QQ
微信
回复
4天前
相关问题
关于WebView提示没有用户手势问题
10436浏览 • 1回复 待解决
HarmonyOS有没有通用工具类Demo
382浏览 • 1回复 待解决
HarmonyOS 有没有指纹登录功能
170浏览 • 1回复 待解决
HarmonyOS 有没有类似maven包管理功能
410浏览 • 1回复 待解决
有没有代码相关文档可以阅读?
2788浏览 • 1回复 待解决
HarmonyOS有没有打开系统设置页代码
330浏览 • 1回复 待解决
定时提醒功能如何实现?
5013浏览 • 1回复 待解决
HarmonyOS 有没有类似deeplink功能唤起app
379浏览 • 1回复 待解决
用户认证功能有哪些?
807浏览 • 1回复 待解决
HarmonyOS 应用并发同步代码
418浏览 • 1回复 待解决
请问API有没有录屏功能
9018浏览 • 1回复 待解决
DevEco有没有清理调试应用缓存功能
3996浏览 • 1回复 待解决