Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
f3d8f39d
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看板
提交
f3d8f39d
编写于
3月 29, 2023
作者:
S
swx1239486
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
修改520-600
Signed-off-by:
N
swx1239486
<
songqinqin4@huawei.com
>
上级
83de09b9
变更
6
隐藏空白更改
内联
并排
Showing
6 changed file
with
13 addition
and
12 deletion
+13
-12
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
...application-dev/key-features/multi-device-app-dev/case.md
+2
-2
zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
...-dev/key-features/multi-device-app-dev/design-delivery.md
+2
-2
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
...ev/key-features/multi-device-app-dev/responsive-layout.md
+5
-5
zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md
...eatures/multi-device-app-dev/settings-application-page.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
+2
-2
zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
...-features/multi-device-app-dev/typical-layout-scenario.md
+1
-0
未找到文件。
zh-cn/application-dev/key-features/multi-device-app-dev/case.md
浏览文件 @
f3d8f39d
...
...
@@ -467,8 +467,8 @@ const globalMessageList:any[] = [
| 断点 | 窗口宽度(vp) | 栅格总列数 | 消息气泡占用的列数 | 接收场景偏移的列数 | 发送场景偏移的列数 |
| -------- | -------- | -------- | -------- | -------- | -------- |
| sm |
[
320,
52
0) | 12 | 12 | 0 | 0 |
| md | [
52
0, 840) | 12 | 8 | 0 | 4 |
| sm |
[
320,
60
0) | 12 | 12 | 0 | 0 |
| md | [
60
0, 840) | 12 | 8 | 0 | 4 |
| lg | [840, +∞) | 12 | 8 | 0 | 4 |
| 默认设备 | 平板 |
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/design-delivery.md
浏览文件 @
f3d8f39d
...
...
@@ -35,8 +35,8 @@
| 设备类型 | 屏幕宽度 | 画板尺寸(vp) |
| -------- | -------- | -------- |
| 超小设备 |
[
0, 320) | 240\*320 |
| 小设备 | [320,
52
0) | 360\*780 |
| 中设备 | [
52
0, 840) | 677\*763 |
| 小设备 | [320,
60
0) | 360\*780 |
| 中设备 | [
60
0, 840) | 677\*763 |
| 大设备 | [840, +) | 1280\*800 |
多设备效果示意图
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
浏览文件 @
f3d8f39d
...
...
@@ -24,8 +24,8 @@
| 断点名称 | 取值范围(vp) |
| -------- | -------- |
| xs |
[
0, 320) |
| sm | [320,
52
0) |
| md | [
52
0, 840) |
| sm | [320,
60
0) |
| md | [
60
0, 840) |
| lg | [840, +∞) |
> **说明:**
...
...
@@ -66,7 +66,7 @@ OpenHarmony提供了多种方法,判断应用当前处于何种断点,进而
let
newBp
:
string
=
''
if
(
windowWidthVp
<
320
)
{
newBp
=
'
xs
'
}
else
if
(
windowWidthVp
<
52
0
)
{
}
else
if
(
windowWidthVp
<
60
0
)
{
newBp
=
'
sm
'
}
else
if
(
windowWidthVp
<
840
)
{
newBp
=
'
md
'
...
...
@@ -209,9 +209,9 @@ export class BreakpointSystem {
}
public
register
()
{
this
.
smListener
=
mediaquery
.
matchMediaSync
(
"
(320vp<width<
52
0vp)
"
)
this
.
smListener
=
mediaquery
.
matchMediaSync
(
"
(320vp<width<
60
0vp)
"
)
this
.
smListener
.
on
(
"
change
"
,
this
.
isBreakpointSM
)
this
.
mdListener
=
mediaquery
.
matchMediaSync
(
"
(
52
0vp<width<840vp)
"
)
this
.
mdListener
=
mediaquery
.
matchMediaSync
(
"
(
60
0vp<width<840vp)
"
)
this
.
mdListener
.
on
(
"
change
"
,
this
.
isBreakpointMD
)
this
.
lgListener
=
mediaquery
.
matchMediaSync
(
"
(840vp<width)
"
)
this
.
lgListener
.
on
(
"
change
"
,
this
.
isBreakpointLG
)
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/settings-application-page.md
浏览文件 @
f3d8f39d
...
...
@@ -34,7 +34,7 @@ Navigation组件由Navbar和Content两部分区域组成,Navigation组件支
*
Auto模式
Auto模式是指Navigation组件可以根据应用窗口尺寸,自动选择合适的模式:窗口宽度小于
520vp时,采用Stack模式显示;窗口宽度大于等于52
0vp时,采用Split模式显示。当窗口尺寸发生改变时,Navigation组件也会自动在Stack模式和Split模式之间切换。
Auto模式是指Navigation组件可以根据应用窗口尺寸,自动选择合适的模式:窗口宽度小于
600vp时,采用Stack模式显示;窗口宽度大于等于60
0vp时,采用Split模式显示。当窗口尺寸发生改变时,Navigation组件也会自动在Stack模式和Split模式之间切换。
> **说明:**
>
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/start-with-a-example.md
浏览文件 @
f3d8f39d
...
...
@@ -15,8 +15,8 @@
| 设备类型 | 屏幕宽度(vp) |
| -------- | -------- |
| 超小设备 |
[
0, 320) |
| 小设备 | [320,
52
0) |
| 中设备 | [
52
0, 840) |
| 小设备 | [320,
60
0) |
| 中设备 | [
60
0, 840) |
| 大设备 | [840, +∞) |
> **说明:**
...
...
zh-cn/application-dev/key-features/multi-device-app-dev/typical-layout-scenario.md
浏览文件 @
f3d8f39d
...
...
@@ -371,6 +371,7 @@ struct SideBarSample {
@Builder itemBuilder(index: number) {
Text(images[index].label)
.width('100%')
.fontSize(24)
.fontWeight(FontWeight.Bold)
.borderRadius(5)
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录