# HelloArkUI

**Repository Path**: huangyuan/HelloArkUI

## Basic Information

- **Project Name**: HelloArkUI
- **Description**: 基于鸿蒙 3.1 | 4.0
常见 UI 控件、布局、状态管理等
- **Primary Language**: TypeScript
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2023-08-14
- **Last Updated**: 2024-10-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## Hello ArkUI
基于鸿蒙 3.1/4.0 ,使用 Stage 模型和 ArkUI 进行开发的 demo
列举了常见控件和状态管理，还有一个元服务卡片，卡片中有一个典型的错误示例：元服务卡片中的图片不能直接使用网络地址做展示，需要在 Ability
中下载到本地，然后通知元服务卡片进行展示，具体可以看官方文档示例：[服务卡片概述](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/service-widget-overview-0000001536226057-V3) 链接是：https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/service-widget-overview-0000001536226057-V3
#### 说明
这里只是基础，也就是文档中的`入门`阶段，官方文档可以看这里 [开发准备-快速入门](https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/start-overview-0000001478061421-V3?catalogVersion=V3)
链接是：https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/start-overview-0000001478061421-V3?catalogVersion=V3

#### 仓库后续

没有特殊情况，应该只会存放自己学习过程中对一些组件用法的示例代码及思考：不定时更新，不清楚啥时候有时间
肯定会有三四方库的使用

#### 说明

`指南` 和 `API` 和官网差不多，但没有官网详细，这里只有代码，没有接口说明
`实验` 则是三方库的使用以及平时开发中的需求 demo


##### 指南

......

##### API

......

##### 实验

* 手写签名  
  <img src ="image/canvas_sign.gif" width=20% height=20%/>
* 3D图片翻转  
  <img src ="image/image_transfrom.gif" width=20% height=20%/>
* canvas 实现球面动画  
  <img src ="image/canvas_ball_animation.gif" width=20% height=20%/>
* canvas 一张图片分为九宫格展示  
  <img src ="image/NineSquareBox.png" width=20% height=20%/>
* canvas 使用贝塞尔曲线实现波浪效果  
  <img src ="image/wave_view.gif" width=20% height=20%/>


#### 其他 

正在开发一个翻译软件，代码在这里 [github]( https://github.com/huangyuanlove/HarmonyTranslator) 链接是：https://github.com/huangyuanlove/HarmonyTranslator

和这里 [gitee]( https://gitee.com/huangyuan/HarmonyTranslator) 链接是：https://gitee.com/huangyuan/HarmonyTranslator