205 Star 1.7K Fork 858

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
SwitchChart
SystemCommonEvent
TargetManagement
ThirdPartyLibrary
AppScope
entry
hvigor
library
screenshots/device
LICENSE
README.md
build-profile.json5
hvigorfile.ts
oh-package.json5
ToDoListArkTS
ToolbarApplication
TransitionAnimation
UIAbilityLifeCycle
VideoApplication
VideoPlayer
WaterFlow
WebComponent
WebCookie
WindowManager
XComponent
LICENSE
README.md
克隆/下载
贡献代码
同步代码
Loading...
README

库的调用(ArkTS)

简介

本篇Codelab主要向开发者展示了在Stage模型中,如何调用已经上架到三方库中心的社区库和项目内创建的本地库。

最终效果图如下:

image

相关概念

Navigation:一般作为Page页面的根容器,通过属性设置来展示页面的标题、工具栏、菜单。

Tabs:一种可以通过页签进行内容视图切换的容器组件,每个页签对应一个内容视图。

Canvas:画布组件,用于自定义绘制图形。

使用说明

  1. 进入首页可以看见本地调用和社区调用两个tab页。
  2. 点击本地调用tab可以看见三个本地库的展示按钮。
  3. 点击社区调用tab切换页面可以看见调用的社区库动画,上半部分为Canvas画布,下方为操作按钮,可以点击对应按钮操作动画特效。

约束与限制

  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

搜索帮助