202 Star 1.7K Fork 854

HarmonyOS/Codelabs

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
AlarmClock
AnimateRefresh
Animation
AnimationDemo
ArkTSComponents
CanvasComponent
ClickableJs
DialogDemo
DistributeNewsETS
DistributeNewsJS
DownloadNotification
ElectronicAlbum
FirstStartDemo_HOS
FlexLayout
GameAuth
HarmonyOS_NEXT
Healthy_life
HmosWorld
HttpsRequest
ImageEdit
ImageEditorTemplate
InputApplication
JSDistributeDraw
JSPlaygroundDemo
LayoutAlign
List-HDC
List
LoginDemo
MovieCard
MultiDeviceMusic
MultiShopping
MultiVideoApplication
Multi_device_V2
MultipleDialog
MusicPlay
NativeTemplateDemo
NewsDataArkTS
NewsRelease
OxHornCampus
PagesRouter
PedometerApp
PixelConversion
Preferences
RankingDemo
RatingApplication
Rdb
Recorder
SecondLevelLinkage
SelectContact
SetAppFontSize
ShoppingSample
SimpleCalculator
SimpleVideo
SliderApplication
SliderExample
StageAbilityDemo
StepsCardJS
SuperVisualSample
SwiperArkTS
AppScope
entry
hvigor
screenshots/device
LICENSE
README.md
build-profile.json5
hvigorfile.ts
oh-package.json5
SwitchChart
SystemCommonEvent
TargetManagement
ThirdPartyLibrary
ToDoListArkTS
ToolbarApplication
TransitionAnimation
UIAbilityLifeCycle
VideoApplication
VideoPlayer
WaterFlow
WebComponent
WebCookie
WindowManager
XComponent
LICENSE
README.md
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

Swiper的使用(ArkTS)

简介

本篇Codelab主要介绍了滑动容器组件Swiper的几种常见应用场景,包括顶部导航、轮播图以及视频滑动播放。

相关概念

  • Swiper:滑动容器,提供子组件切换滑动的能力。
  • Stack:堆叠容器,子组件按照顺序依次入栈,后一个子组件覆盖前一个子组件。
  • Video:用于播放视频文件并控制其播放状态的组件。
  • Observed和ObjectLink装饰器:用于在涉及嵌套对象或数组的场景中进行双向数据同步。

相关权限

不涉及

使用说明

1.点击应用进入主页面,点击顶部导航标题可切换展示不同的界面内容;左右滑动展示内容,顶部导航标题随之变化。

2.界面“电影精选”部分为轮播广告,会定时切换内容展示。

3.点击图片会调整至视频播放界面,可通过上下滑动切换播放内容。

约束与限制

  1. 本示例仅支持标准系统上运行,支持设备:华为手机或运行在DevEco Studio上的华为手机设备模拟器。
  2. 本示例为Stage模型,支持API Version 9。
  3. 本示例需要使用DevEco Studio 3.1 Release版本进行编译运行。
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/harmonyos/codelabs.git
git@gitee.com:harmonyos/codelabs.git
harmonyos
codelabs
Codelabs
master

搜索帮助