ArkUI组件库示例App。包括基础组件、容器组件、弹窗组件,可以在预览器或真机中,实时预览组件接口、属性调整的效果。
ArkUI 组件示例覆盖情况
继续研究更新中
组件名称 ArkUI组件示例 备注
基础组件 AlphabetIndexer -
Blank -
Button ✅
Checkbox ✅ 和CheckboxGroup一起
CheckboxGroup ✅
DataPanel ✅
DatePicker ✅
Divider ✅
Gauge ✅
Image ✅
ImageAnimator ✅
LoadingProgress ✅
Marquee ✅
Menu ✅
MenuItem -
MenuItemGroup -
Navigation -
NavRouter -
NavDestination -
PatternLock ✅
Progress ✅
QRCode ✅
Radio ✅
Rating ✅
RichText -
ScrollBar -
Search ✅
Select ✅
Slider ✅
Span ✅
Stepper ✅ 和StepperItem一起
StepperItem ✅
Text ✅
TextArea ✅
TextClock ✅
TextInput ✅
TextPicker ✅
TextTimer ✅
TimePicker ✅
Toggle ✅
Web -
XComponent -
容器 Badge ✅
Column ✅
ColumnSplit -
Counter ✅
Flex ✅
FlowItem -
GridCol -
GridRow -
Grid ✅ 和GridItem一起
GridItem ✅
List ✅
ListItem ✅ 和ListItem一起
ListItemGroup -
Navigator -
Panel ✅
Refresh -
RelativeContainer -
Row ✅
RowSplit -
Scroll ✅
SideBarContainer ✅
Stack ✅
Swiper ✅
Tabs ✅
TabContent -
WaterFlow -
弹窗 警告弹窗 ✅
列表选择弹窗 ✅
自定义弹窗 ✅
日期滑动选择器弹窗 ✅
时间滑动选择器弹窗 ✅
文本滑动选择器弹窗 ✅
二 OH哔哩 https://gitee.com/ohos_port/ohbili
项目简介
【OH哔哩】是一款基于OpenHarmony系统ArkUI框架开发的哔哩哔哩动画第三方客户端
用到的三方库
bilibili-API-collect 哔哩哔哩-API收集整理
ohos_ijkplayer 基于FFmpeg的视频播放器
PullToRefresh 下拉刷新、上拉加载组件
axios 基于promise 的网络请求库
retrofit 一款用于 OpenHarmony平台的HTTP客户端.
protobuf proto格式解析库
DanmakuFlameMaster 弹幕框架库
xlog 日志框架库
ImageKnife 图像加载缓存库
三 开眼App HarmonyOpenEye https://github.com/WinWang/HarmoneyOpenEye
华为鸿蒙Harmony开眼App(项目整体基于Api9+Stage模式+ArkTs+ArkUI) 鸿蒙Harmony版本开眼APP,具体包含功能如下:
1、常用组件的提取;
2、网络请求的基础封装(基于axios);
3、封装项目页面多状态(加载中,成功,失败,空数据);
4、视频播放以及视频列表播放;
5、列表页面刷新加载示例等
四 便单https://github.com/AlthenWaySatan/biandan-satge
简介
“便单”,OpenHarmony创新赛人气作品,是用于鸿蒙全智能设备平台的待办事项管理的工具。它采用ArkTS语言编写,基于ArkUI的强大能力和原生图标的精确使用,我们创建了简洁明了的设计风格,让用户一目了然地看到自己的任务清单。同时,我们提供了多种主题色供用户自由选择,增加了趣味性和个性化,还适配了系统级的深浅配色,实现了系统级的沉浸式体验。“便单”不仅可以让用户添加、编辑、删除、筛选、归档自己的任务,还可以让用户设置任务的优先级、截止日期、重复规则、提醒方式等多种属性,让用户更灵活地管理自己的任务。我们还提供了日历页面、四象限页面、多种万能卡片等方式拓展用户的使用场景,优化用户的使用体验。
五 溪村小镇https://gitee.com/harmonyos/codelabs/tree/master/OxHornCampus
溪村小镇是一款展示溪流背坡村园区风貌的应用,Harmony官方示例代码,包括园区内的导航功能,小火车行车状态查看,以及各区域的风景展览介绍,主要用于展示HarmonyOS的ArkUI能力和动画效果。
六 购物应用https://gitee.com/harmonyos/codelabs/tree/master/MultiShopping
Harmony官方示例代码,基于自适应和响应式布局,实现一次开发,多端部署的购物应用。
七 Swiper https://gitee.com/harmonyos/codelabs/tree/master/SwiperArkTS
Harmony官方示例代码,介绍了滑动容器组件Swiper的几种常见的应用场景,包括顶部导航、轮播图以及视频滑动播放。
八 音乐专辑 https://gitee.com/harmonyos/codelabs/tree/master/MultiDeviceMusic
Harmony官方示例代码,基于自适应布局和响应式布局,实现一次开发,多端部署音乐专辑。介绍手机、折叠屏、平板等不同屏幕尺寸设备的页面设计和实现方案,通过合理的工程结构组织代码,以及解决系统能力差异的兼容性问题。手机效果如图所示:
九 WanAndroid鸿蒙版https://github.com/chenyy0708/wanharmony
鸿蒙版WanAndroid客户端,简陋版。 UI仔练手学习,后续慢慢优化。
十 面试宝典https://github.com/HarmonyOS-Next/interview-handbook-project
Harmony官方示例合集 Codelabs https://developer.harmonyos.com/cn/documentation/codelabs/
如果您发现该资源为电子书等存在侵权的资源或对该资源描述不正确等,可点击“私信”按钮向作者进行反馈;如作者无回复可进行平台仲裁,我们会在第一时间进行处理!
加入交流群
请使用微信扫一扫!