Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
8b4a94ae
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,发现更多精彩内容 >>
未验证
提交
8b4a94ae
编写于
7月 19, 2023
作者:
S
songqq0825
提交者:
Gitee
7月 19, 2023
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
register方案补充初始化操作以及代码模块分割优化
Signed-off-by:
N
songqq0825
<
songqinqin4@huawei.com
>
上级
f92bb9b0
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
16 addition
and
0 deletion
+16
-0
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
...ev/key-features/multi-device-app-dev/responsive-layout.md
+16
-0
未找到文件。
zh-cn/application-dev/key-features/multi-device-app-dev/responsive-layout.md
浏览文件 @
8b4a94ae
...
...
@@ -210,10 +210,22 @@ export class BreakpointSystem {
public
register
()
{
this
.
smListener
=
mediaquery
.
matchMediaSync
(
"
(320vp<width<600vp)
"
)
//初始化
if
(
this
.
smListener
.
matches
){
this
.
updateCurrentBreakpoint
(
'
sm
'
)
}
this
.
smListener
.
on
(
"
change
"
,
this
.
isBreakpointSM
)
this
.
mdListener
=
mediaquery
.
matchMediaSync
(
"
(600vp<width<840vp)
"
)
//初始化
if
(
this
.
mdListener
.
matches
){
this
.
updateCurrentBreakpoint
(
'
md
'
)
}
this
.
mdListener
.
on
(
"
change
"
,
this
.
isBreakpointMD
)
this
.
lgListener
=
mediaquery
.
matchMediaSync
(
"
(840vp<width)
"
)
//初始化
if
(
this
.
lgListener
.
matches
){
this
.
updateCurrentBreakpoint
(
'
lg
'
)
}
this
.
lgListener
.
on
(
"
change
"
,
this
.
isBreakpointLG
)
}
...
...
@@ -224,6 +236,9 @@ export class BreakpointSystem {
}
}
```
```
// MediaQuerySample.ets
import { BreakpointSystem, BreakpointType } from '../common/breakpointsystem'
...
...
@@ -259,6 +274,7 @@ struct MediaQuerySample {
```
## 栅格布局
### 简介
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录