openharmony/arkui_ace_engine
1
0
Fork 0
mirror of https://gitee.com/openharmony/arkui_ace_engine synced 2025-02-12 22:39:50 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

!12 update 如何新增一个组件.md

Browse Source 
Merge pull request !12 from theretherehuh/markdown
This commit is contained in:
openharmony_ci 2021-06-29 02:42:27 +00:00 committed by Gitee
commit e9d7e078fc
1 changed files with 4 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
如何新增一个组件.md
View File

@ -1,6 +1,6 @@
# Ace开发框架新增组件开发指南：以新增MyCircle组件为例
# JS UI开发框架新增组件开发指南：以新增MyCircle组件为例
本篇wiki将通过新增一个MyCircle组件为例，向大家展示新增一个Ace组件的全流程。
本篇wiki将通过新增一个MyCircle组件为例，向大家展示新增一个JS UI组件的全流程。
完整的patch链接：https://gitee.com/theretherehuh/ace_ace_engine/pulls/1/files
@ -223,7 +223,7 @@ bool DOMMyCircle::SetSpecializedStyle(const std::pair<std::string, std::string>&
&nbsp;
**四、组件事件的解析：`SetSpecializedEvent`**
**三、组件事件的解析：`SetSpecializedEvent`**
```c++
bool DOMMyCircle::AddSpecializedEvent(int32_t pageId, const std::string& event)
@ -392,22 +392,6 @@ RefPtr<Element> MyCircleComponent::CreateElement()
&nbsp;
**四、提供`declaration_`的`Set`和`Get`接口**
```c++
const RefPtr<MyCircleDeclaration>& MyCircleComponent::GetDeclaration() const
{
return declaration_;
}
void MyCircleComponent::SetDeclaration(const RefPtr<MyCircleDeclaration>& declaration)
{
declaration_ = declaration;
}
```
&nbsp;
#### 2.2 新增`MyCircleElement`类
##### 2.2.1 新增`mycircle_element.h`
@ -617,5 +601,5 @@ void FlutterRenderMyCircle::Paint(RenderContext& context, const Offset& offset)
到这里，新增一个`MyCircle`组件所需的所有步骤都已经完成，我们可以展示一个圆，支持设置半径、边缘宽度和边缘颜色，可以通过点击事件获得当前圆的半径和边缘宽度。
当然`MyCircle`组件是比较简单的示例组件，Ace开发框架支持更多更复杂的组件开发，比如提供单行文本输入组件`TextInput`、提供日历展示的`Calendar`组件等，更多的用法期待你来探索~
当然`MyCircle`组件是比较简单的示例组件，JS UI开发框架支持更多更复杂的组件开发，比如提供单行文本输入组件`TextInput`、提供日历展示的`Calendar`组件等，更多的用法期待你来探索~