鸿蒙OS Stage模式开发 Swiper轮播图实现APP 欢迎/引导页面

最新推荐文章于 2024-08-19 19:55:55 发布

weixin_43807186

最新推荐文章于 2024-08-19 19:55:55 发布

阅读量1.2k

点赞数 10

分类专栏： Swiper 欢迎页文章标签： harmonyos 华为

本文链接：https://blog.csdn.net/weixin_43807186/article/details/135405780

版权

第一先了解Swiper组件的知识

Swiper
滑块视图容器，提供子组件滑动轮播显示的能力。

SwiperController
Swiper容器组件的控制器，可以将此对象绑定至Swiper组件，然后通过它控制翻页。

在这里插入图片描述

2.代码示例

import router from '@ohos.router';
import StyleConstants from '../constants/StyleConstants';
/**
 * 引导页
 */
@Entry
@Component
struct WelcomePage {
//控制器
  private swiperController: SwiperController = new SwiperController()
  /**
   * 控制启动按钮显示还是隐藏
   */
  @State flag: boolean = false;
  private titleStr: string[] = ['精心打造  海量有声书', '付费精品节目', '人人都可以成为主播', '用心去听  用心去生活']
  private desStr: string[] = [
    '在生活节奏愈发快速的今天，听书成为爱书之人享受阅读的另一种方式。',
    '为你带来精深的专业知识，使你拥有广博的知识面。付费精品免费试听，让你听见不一样的节目。',
    '