Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
1a9ca99d
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看板
未验证
提交
1a9ca99d
编写于
4月 18, 2023
作者:
O
openharmony_ci
提交者:
Gitee
4月 18, 2023
浏览文件
操作
浏览文件
下载
差异文件
!17335 修改断链
Merge pull request !17335 from LiAn/master
上级
a07d15c4
a1edc846
变更
6
隐藏空白更改
内联
并排
Showing
6 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
+2
-2
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/application-models/arkts-ui-widget-page-overview.md
浏览文件 @
1a9ca99d
...
...
@@ -7,7 +7,7 @@
![
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卡片支持的页面能力
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
浏览文件 @
1a9ca99d
...
...
@@ -526,7 +526,7 @@ struct Conversation {
-
通过
[
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
浏览文件 @
1a9ca99d
...
...
@@ -48,7 +48,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
// MainAbility.ts
...
...
@@ -133,7 +133,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
在实际应用开发过程中,开发者常常需要针对不同类型设备或同一类型设备的不同状态来修改应用的样式。媒体查询提供了丰富的媒体特征监听能力,可以监听应用显示区域变化、横竖屏、深浅色、设备类型等等,因此在应用开发过程中使用的非常广泛。
本小节仅介绍
**媒体查询跟断点的结合**
,即如何借助媒体查询能力,监听断点的变化,读者可以自行查阅官网中关于
[
媒体查询
](
../../ui/
ui-ts-layout-media
query.md
)
的相关介绍了解更详细的用法。
本小节仅介绍
**媒体查询跟断点的结合**
,即如何借助媒体查询能力,监听断点的变化,读者可以自行查阅官网中关于
[
媒体查询
](
../../ui/
arkts-layout-development-media-
query.md
)
的相关介绍了解更详细的用法。
> **说明:**
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
浏览文件 @
1a9ca99d
...
...
@@ -84,7 +84,7 @@
-
将天气主页划分为9个基础区域,如:
!
[
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
)
|
...
...
zh-cn/application-dev/quick-start/arkts-page-custom-components-lifecycle.md
浏览文件 @
1a9ca99d
...
...
@@ -84,7 +84,7 @@
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的闭包中,直到回调方法被执行完,这个行为阻止了自定义组件的垃圾回收。
...
...
zh-cn/application-dev/reference/apis/js-apis-mediaquery.md
浏览文件 @
1a9ca99d
...
...
@@ -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#语法规则
)
。 |
**返回值:**
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录