Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
1be7413c
D
Docs
项目概览
OpenHarmony
/
Docs
大约 2 年 前同步成功
通知
161
Star
293
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看板
提交
1be7413c
编写于
8月 29, 2023
作者:
S
swx1239486
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修正
Signed-off-by:
N
swx1239486
<
songqinqin4@huawei.com
>
上级
c1184e06
变更
4
隐藏空白更改
内联
并排
Showing
4 changed file
with
4 addition
and
4 deletion
+4
-4
zh-cn/application-dev/key-features/multi-device-app-dev/design-principles.md
...ev/key-features/multi-device-app-dev/design-principles.md
+1
-1
zh-cn/application-dev/key-features/multi-device-app-dev/foreword.md
...ication-dev/key-features/multi-device-app-dev/foreword.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/key-features/multi-device-app-dev/design-principles.md
浏览文件 @
1be7413c
# 应用UX设计
# 应用UX设计
应用UX设计:一多的应用UX设计需遵循通用设计规则,应该考虑多设备的“差异性”、“一致性”、“灵活性”和“兼容性。详细规范请参见
[
应用UX设计原则
](
https://docs.openharmony.cn/pages/v4.0/zh-ch
/design/ux-design/app-ux-design.md
)
应用UX设计:一多的应用UX设计需遵循通用设计规则,应该考虑多设备的“差异性”、“一致性”、“灵活性”和“兼容性。详细规范请参见
[
应用UX设计原则
](
../../..
/design/ux-design/app-ux-design.md
)
zh-cn/application-dev/key-features/multi-device-app-dev/foreword.md
浏览文件 @
1be7413c
...
@@ -27,7 +27,7 @@
...
@@ -27,7 +27,7 @@
-
第3章
[
从一个例子开始
](
start-with-a-example.md
)
通过示例介绍“一多”应用的开发过程,让读者对“一多”有个直观认识。
-
第3章
[
从一个例子开始
](
start-with-a-example.md
)
通过示例介绍“一多”应用的开发过程,让读者对“一多”有个直观认识。
-
第4章
[
应用UX设计
](
https://docs.openharmony.cn/pages/v4.0/zh-cn
/design/ux-design/app-ux-design.md
)
介绍了应用UX设计理念。主要阐述了应用设计之初UX设计的原则和要点。该章节主要面向应用的UX设计师。
-
第4章
[
应用UX设计
](
../../..
/design/ux-design/app-ux-design.md
)
介绍了应用UX设计理念。主要阐述了应用设计之初UX设计的原则和要点。该章节主要面向应用的UX设计师。
UX设计原则应该考虑多设备的“差异性” 、“一致性”、“灵活性”和“兼容性”。
UX设计原则应该考虑多设备的“差异性” 、“一致性”、“灵活性”和“兼容性”。
-
第5章
[
工程管理
](
ide-using.md
)
介绍了从工程角度如何开始开发应用,让读者可以直接上手创建多设备应用的工程,是后面学习“一多”能力的上手基础。
-
第5章
[
工程管理
](
ide-using.md
)
介绍了从工程角度如何开始开发应用,让读者可以直接上手创建多设备应用的工程,是后面学习“一多”能力的上手基础。
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
浏览文件 @
1be7413c
...
@@ -48,7 +48,7 @@
...
@@ -48,7 +48,7 @@
通过窗口对象监听断点变化的核心是获取窗口对象及注册窗口尺寸变化的回调函数。
通过窗口对象监听断点变化的核心是获取窗口对象及注册窗口尺寸变化的回调函数。
1. 在Ability的[onWindowStageCreate
](
../../application-models/uiability-lifecycle.md
)
生命周期回调中,通过
[
窗口
](
../../reference/apis/js-apis-window.md
)
对象获取启动时的应用窗口宽度并注册回调函数监听窗口尺寸变化。将窗口尺寸的长度单位
[
由px换算为vp
](
../../
key-features/multi-device-app-dev/visual-basic
s.md#视觉基础
)
后,即可基于前文中介绍的规则得到当前断点值,此时可以使用
[
状态变量
](
../../quick-start/arkts-state.md
)
记录当前的断点值方便后续使用。
1. 在Ability的[onWindowStageCreate
](
../../application-models/uiability-lifecycle.md
)
生命周期回调中,通过
[
窗口
](
../../reference/apis/js-apis-window.md
)
对象获取启动时的应用窗口宽度并注册回调函数监听窗口尺寸变化。将窗口尺寸的长度单位
[
由px换算为vp
](
../../
../design/ux-design/visual-basi
s.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
浏览文件 @
1be7413c
...
@@ -50,7 +50,7 @@
...
@@ -50,7 +50,7 @@
如此,既在各设备上体现了UX的一致性,也在各设备上体现了UX的差异性,从而既可以保障各设备上应用界面的体验,也可以最大程度复用界面代码。
如此,既在各设备上体现了UX的一致性,也在各设备上体现了UX的差异性,从而既可以保障各设备上应用界面的体验,也可以最大程度复用界面代码。
在
[
应用UX设计章节
](
https://docs.openharmony.cn/pages/v4.0
/zh-ch/design/ux-design/app-ux-design.md
)
中,将详细介绍应用的UX设计规则。
在
[
应用UX设计章节
](
../../..
/zh-ch/design/ux-design/app-ux-design.md
)
中,将详细介绍应用的UX设计规则。
## 工程管理及调试
## 工程管理及调试
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录