Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
3a0f2dba
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看板
提交
3a0f2dba
编写于
9月 28, 2022
作者:
Z
zengyawen
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
Signed-off-by:
N
zengyawen
<
zengyawen1@huawei.com
>
上级
5342befa
变更
3
显示空白变更内容
内联
并排
Showing
3 changed file
with
6 addition
and
6 deletion
+6
-6
zh-cn/application-dev/key-features/multi-device-app-dev/adaptive-layout.md
...-dev/key-features/multi-device-app-dev/adaptive-layout.md
+4
-4
zh-cn/application-dev/key-features/multi-device-app-dev/faq.md
.../application-dev/key-features/multi-device-app-dev/faq.md
+1
-1
zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
...-features/multi-device-app-dev/typical-layout-scenario.md
+1
-1
未找到文件。
zh-cn/application-dev/key-features/multi-device-app-dev/adaptive-layout.md
浏览文件 @
3a0f2dba
...
...
@@ -279,9 +279,9 @@ layoutWeight存在使用限制,所以实际使用过程中大多通过将子
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> - 占比能力在实际开发中使用的非常广泛,可以通过很多不同的方式实现占比能力,如还可以通过[Grid组件](../../reference/arkui-ts/ts-container-grid.md)的columnsTemplate属性设置网格容器中列的数量及其宽度比例,或通过配置子组件在栅格(本章后文将详细介绍栅格系统)中占据不同的列数来实现占比能力。本小节仅介绍最基础和常用的实现方式,局限性较大或比非常小众的实现方式,本文不做展开介绍。
>
> - 类Web开发范式同样支持以百分比的形式设置组件的宽高,详见[通用样式](../../reference/arkui-js/js-components-common-styles.md)中关于width和height的介绍以及[长度类型介绍](../../reference/arkui-js/js-appendix-types.md#
%E9%95%BF%E5%BA%A6%E7%B1%BB%E5%9E%8B
)。
> - 类Web开发范式同样支持以百分比的形式设置组件的宽高,详见[通用样式](../../reference/arkui-js/js-components-common-styles.md)中关于width和height的介绍以及[长度类型介绍](../../reference/arkui-js/js-appendix-types.md#
长度类型
)。
>
> - 与声明式开发范式中的layoutWeight属性类似,类Web开发范式提供了[flex-weight样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
%E5%8D%A0%E6%AF%94%E8%83%BD%E5%8A%9B
)用于配置互为兄弟关系的组件在父容器主轴方向的布局权重。
> - 与声明式开发范式中的layoutWeight属性类似,类Web开发范式提供了[flex-weight样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
占比能力
)用于配置互为兄弟关系的组件在父容器主轴方向的布局权重。
**示例:**
...
...
@@ -374,7 +374,7 @@ struct ProportionCapabilitySample {
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 类Web开发范式同样提供了[aspect-ratio样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
%E5%9B%BA%E5%AE%9A%E6%AF%94%E4%BE%8B
),用于固定组件的宽高比。
> 类Web开发范式同样提供了[aspect-ratio样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
固定比例
),用于固定组件的宽高比。
**示例:**
...
...
@@ -604,7 +604,7 @@ struct ExtensionCapabilitySample2 {
可以访问
[
布局约束
](
../../reference/arkui-ts/ts-universal-attributes-layout-constraints.md
)
,了解displayPriority属性的详细信息。
> ![icon-note.gif](public_sys-resources/icon-note.gif) **说明:**
> 类Web开发范式同样支持[display-index样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
%E9%9A%90%E8%97%8F%E8%83%BD%E5%8A%9B
),用于设置布局优先级。
> 类Web开发范式同样支持[display-index样式](../../reference/arkui-js/js-components-common-atomic-layout.md#
隐藏能力
),用于设置布局优先级。
**示例:**
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/faq.md
浏览文件 @
3a0f2dba
...
...
@@ -71,7 +71,7 @@
## 如何在不同设备上为Ability配置不同的启动模式
应用由一个或多个Ability组成,Ability支持单实例、多实例和指定实例3种
[
启动模式
](
../../ability/stage-ability.md#
%E5%90%AF%E5%8A%A8%E6%A8%A1%E5%BC%8F
)
,启动模式可以在
[
配置文件(module.json5)
](
../../quick-start/stage-structure.md
)
中通过launchType字段配置。启动模式对应Ability被启动时的行为,对启动模式的详细说明如下:
应用由一个或多个Ability组成,Ability支持单实例、多实例和指定实例3种
[
启动模式
](
../../ability/stage-ability.md#
启动模式
)
,启动模式可以在
[
配置文件(module.json5)
](
../../quick-start/stage-structure.md
)
中通过launchType字段配置。启动模式对应Ability被启动时的行为,对启动模式的详细说明如下:
| 启动模式 | 描述 | 说明 |
| -------- | -------- | -------- |
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
浏览文件 @
3a0f2dba
...
...
@@ -36,7 +36,7 @@
不同断点下,页签在页面中的位置及尺寸都有差异,可以结合响应式布局能力,设置不同断点下
[
Tab组件
](
../../reference/arkui-ts/ts-container-tabs.md
)
的barPosition、vertical、barWidth和barHeight属性实现目标效果。
另外,页签栏中的文字和图片的相对位置不同,同样可以通过设置不同断点下
[
tabBar
](
../../reference/arkui-ts/ts-container-tabcontent.md#
%E5%B1%9E%E6%80%A7
)
对应的CustomBuilder中的布局方向,实现目标效果。
另外,页签栏中的文字和图片的相对位置不同,同样可以通过设置不同断点下
[
tabBar
](
../../reference/arkui-ts/ts-container-tabcontent.md#
属性
)
对应的CustomBuilder中的布局方向,实现目标效果。
**参考代码**
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录