Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
5f560fb3
D
Docs
项目概览
OpenHarmony
/
Docs
大约 1 年 前同步成功
通知
159
Star
292
Fork
28
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
D
Docs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
未验证
提交
5f560fb3
编写于
4月 17, 2023
作者:
O
openharmony_ci
提交者:
Gitee
4月 17, 2023
浏览文件
操作
浏览文件
下载
差异文件
!17336 断链修改
Merge pull request !17336 from LiAn/OpenHarmony-3.2-Release
上级
3292a53f
a0ba68dd
变更
7
显示空白变更内容
内联
并排
Showing
7 changed file
with
7 addition
and
7 deletion
+7
-7
zh-cn/application-dev/application-models/arkts-ui-widget-page-overview.md
...n-dev/application-models/arkts-ui-widget-page-overview.md
+1
-1
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
...application-dev/key-features/multi-device-app-dev/case.md
+1
-1
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
...ev/key-features/multi-device-app-dev/responsive-layout.md
+1
-1
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
...key-features/multi-device-app-dev/start-with-a-example.md
+1
-1
zh-cn/application-dev/quick-start/arkts-page-custom-components-lifecycle.md
...dev/quick-start/arkts-page-custom-components-lifecycle.md
+1
-1
zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
+1
-1
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
...ation-dev/reference/arkui-ts/ts-basic-components-image.md
+1
-1
未找到文件。
zh-cn/application-dev/application-models/arkts-ui-widget-page-overview.md
浏览文件 @
5f560fb3
...
@@ -7,7 +7,7 @@
...
@@ -7,7 +7,7 @@
![
WidgetPreviewPage
](
figures/WidgetPreviewPage.png
)
![
WidgetPreviewPage
](
figures/WidgetPreviewPage.png
)
ArkTS卡片具备JS卡片的全量能力,并且新增了动效能力和自定义绘制的能力,支持
[
声明式范式
](
../reference/arkui-ts/
Readme-CN
.md
)
的部分组件、事件、动效、数据管理、状态管理能力,详见“
[
ArkTS卡片支持的页面能力
](
#arkts卡片支持的页面能力
)
”。
ArkTS卡片具备JS卡片的全量能力,并且新增了动效能力和自定义绘制的能力,支持
[
声明式范式
](
../reference/arkui-ts/
ts-components-summary
.md
)
的部分组件、事件、动效、数据管理、状态管理能力,详见“
[
ArkTS卡片支持的页面能力
](
#arkts卡片支持的页面能力
)
”。
## ArkTS卡片支持的页面能力
## ArkTS卡片支持的页面能力
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
浏览文件 @
5f560fb3
...
@@ -526,7 +526,7 @@ struct Conversation {
...
@@ -526,7 +526,7 @@ struct Conversation {
-
通过
[
Flex组件
](
../../reference/arkui-ts/ts-container-flex.md
)
将三个部分组合起来,注意justifyContent: FlexAlign.SpaceBetween配置项是将Flex组件中的元素按照主轴方向均匀分配,其中第一个元素与顶部对齐,最后一个元素与底部对齐。
-
通过
[
Flex组件
](
../../reference/arkui-ts/ts-container-flex.md
)
将三个部分组合起来,注意justifyContent: FlexAlign.SpaceBetween配置项是将Flex组件中的元素按照主轴方向均匀分配,其中第一个元素与顶部对齐,最后一个元素与底部对齐。
-
通过
[
List组件
](
../../reference/arkui-ts/ts-container-list.md
)
和
[
ForEach语法
](
../../quick-start/arkts-rendering-control
.md#循环渲染
)
,显示整个消息列表。
-
通过
[
List组件
](
../../reference/arkui-ts/ts-container-list.md
)
和
[
ForEach语法
](
../../quick-start/arkts-rendering-control
-foreach.md
)
,显示整个消息列表。
| 默认设备 | 平板 |
| 默认设备 | 平板 |
| -------- | -------- |
| -------- | -------- |
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
浏览文件 @
5f560fb3
...
@@ -47,7 +47,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
...
@@ -47,7 +47,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
通过窗口对象监听断点变化的核心是获取窗口对象及注册窗口尺寸变化的回调函数。
通过窗口对象监听断点变化的核心是获取窗口对象及注册窗口尺寸变化的回调函数。
1.
在Ability的
[
onWindowStageCreate
](
../../application-models/uiability-lifecycle.md
)
生命周期回调中,通过
[
窗口
](
../../reference/apis/js-apis-window.md
)
对象获取启动时的应用窗口宽度并注册回调函数监听窗口尺寸变化。将窗口尺寸的长度单位
[
由px换算为vp
](
../../key-features/multi-device-app-dev/visual-basics.md#视觉基础
)
后,即可基于前文中介绍的规则得到当前断点值,此时可以使用
[
状态变量
](
../../quick-start/arkts-state
-mgmt-application-level
.md
)
记录当前的断点值方便后续使用。
1.
在Ability的
[
onWindowStageCreate
](
../../application-models/uiability-lifecycle.md
)
生命周期回调中,通过
[
窗口
](
../../reference/apis/js-apis-window.md
)
对象获取启动时的应用窗口宽度并注册回调函数监听窗口尺寸变化。将窗口尺寸的长度单位
[
由px换算为vp
](
../../key-features/multi-device-app-dev/visual-basics.md#视觉基础
)
后,即可基于前文中介绍的规则得到当前断点值,此时可以使用
[
状态变量
](
../../quick-start/arkts-state.md
)
记录当前的断点值方便后续使用。
```
ts
```
ts
// MainAbility.ts
// MainAbility.ts
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
浏览文件 @
5f560fb3
...
@@ -84,7 +84,7 @@
...
@@ -84,7 +84,7 @@
-
将天气主页划分为9个基础区域,如:
-
将天气主页划分为9个基础区域,如:
!
[
home_full
](
figures/home_full.png
)
!
[
home_full
](
figures/home_full.png
)
-
基础区域9仅在大设备上显示,基础区域1-8虽然在各设备上始终展示但其尺寸及区域内的布局基本保持不变,可以结合
[
自适应布局
](
adaptive-layout.md
)
能力以
[
自定义组件
](
../../quick-start/arkts-
basic-ui-description
.md
)
的形式分别实现这9个基础区域。
-
基础区域9仅在大设备上显示,基础区域1-8虽然在各设备上始终展示但其尺寸及区域内的布局基本保持不变,可以结合
[
自适应布局
](
adaptive-layout.md
)
能力以
[
自定义组件
](
../../quick-start/arkts-
create-custom-components
.md
)
的形式分别实现这9个基础区域。
| | 小设备 | 中设备 | 大设备 |
| | 小设备 | 中设备 | 大设备 |
| -------- | -------- | -------- | -------- |
| -------- | -------- | -------- | -------- |
| 主页 | !
[
Home_sm
](
figures/Home_sm.png
)
| !
[
Home_md_mark
](
figures/Home_md_mark.png
)
| !
[
Home_lg_mark
](
figures/Home_lg_mark.png
)
|
| 主页 | !
[
Home_sm
](
figures/Home_sm.png
)
| !
[
Home_md_mark
](
figures/Home_md_mark.png
)
| !
[
Home_lg_mark
](
figures/Home_lg_mark.png
)
|
...
...
zh-cn/application-dev/quick-start/arkts-page-custom-components-lifecycle.md
浏览文件 @
5f560fb3
...
@@ -84,7 +84,7 @@
...
@@ -84,7 +84,7 @@
1.
在删除组件之前,将调用其aboutToDisappear生命周期函数,标记着该节点将要被销毁。ArkUI的节点删除机制是:后端节点直接从组件树上摘下,后端节点被销毁,对前端节点解引用,当前端节点已经没有引用时,将被JS虚拟机垃圾回收。
1.
在删除组件之前,将调用其aboutToDisappear生命周期函数,标记着该节点将要被销毁。ArkUI的节点删除机制是:后端节点直接从组件树上摘下,后端节点被销毁,对前端节点解引用,当前端节点已经没有引用时,将被JS虚拟机垃圾回收。
2.
自定义组件和它的变量将被删除,如果其有同步的变量,比如
[
@Link
](
arkts-link.md
)
、
[
@Prop
](
zh-cn_topic_0000001524296665.xml
)
、
[
@StorageLink
](
arkts-appstorage.md#storagelink
)
,将从
[
同步源
](
arkts-state-management-overview.md#基本概念
)
上取消注册。
2.
自定义组件和它的变量将被删除,如果其有同步的变量,比如
[
@Link
](
arkts-link.md
)
、
[
@Prop
](
arkts-prop.md
)
、
[
@StorageLink
](
arkts-appstorage.md#storagelink
)
,将从
[
同步源
](
arkts-state-management-overview.md#基本概念
)
上取消注册。
不建议在生命周期aboutToDisappear内使用async await,如果在生命周期的aboutToDisappear使用异步操作(Promise或者回调方法),自定义组件将被保留在Promise的闭包中,直到回调方法被执行完,这个行为阻止了自定义组件的垃圾回收。
不建议在生命周期aboutToDisappear内使用async await,如果在生命周期的aboutToDisappear使用异步操作(Promise或者回调方法),自定义组件将被保留在Promise的闭包中,直到回调方法被执行完,这个行为阻止了自定义组件的垃圾回收。
...
...
zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
浏览文件 @
5f560fb3
...
@@ -26,7 +26,7 @@ matchMediaSync(condition: string): MediaQueryListener
...
@@ -26,7 +26,7 @@ matchMediaSync(condition: string): MediaQueryListener
| 参数名 | 类型 | 必填 | 说明 |
| 参数名 | 类型 | 必填 | 说明 |
| --------- | ------ | ---- | ---------------------------------------- |
| --------- | ------ | ---- | ---------------------------------------- |
| condition | string | 是 | 媒体事件的匹配条件,具体可参考
[
媒体查询语法规则
](
../../ui/
ui-ts-layout-media
query.md#语法规则
)
。 |
| condition | string | 是 | 媒体事件的匹配条件,具体可参考
[
媒体查询语法规则
](
../../ui/
arkts-layout-development-media-
query.md#语法规则
)
。 |
**返回值:**
**返回值:**
...
...
zh-cn/application-dev/reference/arkui-ts/ts-basic-components-image.md
浏览文件 @
5f560fb3
...
@@ -162,7 +162,7 @@ struct ImageExample1 {
...
@@ -162,7 +162,7 @@ struct ImageExample1 {
### 网络图片
### 网络图片
加载网络图片时,默认网络超时是5分钟,建议使用alt配置加载时的占位图。如果需要更灵活的网络配置,可以使用SDK中提供的
[
HTTP
](
../../connectivity/http-request.md
)
工具包发送网络请求,接着将返回的数据解码为Image组件中的
`PixelMap`
,图片开发可参考
[
图片处理
](
../../media/image.md
)
。代码如下。
加载网络图片时,默认网络超时是5分钟,建议使用alt配置加载时的占位图。如果需要更灵活的网络配置,可以使用SDK中提供的
[
HTTP
](
../../connectivity/http-request.md
)
工具包发送网络请求,接着将返回的数据解码为Image组件中的
`PixelMap`
,图片开发可参考
[
图片处理
](
../../media/image
-overview
.md
)
。代码如下。
```
tsx
```
tsx
// @ts-nocheck
// @ts-nocheck
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录