Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
ffad5f41
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看板
未验证
提交
ffad5f41
编写于
9月 24, 2022
作者:
O
openharmony_ci
提交者:
Gitee
9月 24, 2022
浏览文件
操作
浏览文件
下载
差异文件
!9902 【轻量级 PR】:update zh-cn/application-dev/windowmanager/application-window-fa.md.
Merge pull request !9902 from 葛亚芳/N/A
上级
efdbe338
c21d19da
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
14 addition
and
14 deletion
+14
-14
zh-cn/application-dev/windowmanager/application-window-fa.md
zh-cn/application-dev/windowmanager/application-window-fa.md
+14
-14
未找到文件。
zh-cn/application-dev/windowmanager/application-window-fa.md
浏览文件 @
ffad5f41
...
...
@@ -56,7 +56,7 @@
import
window
from
'
@ohos.window
'
;
let
windowClass
=
null
;
//
1.
方式一:创建子窗口。
// 方式一:创建子窗口。
window
.
create
(
"
subWindow
"
,
window
.
WindowType
.
TYPE_APP
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to create the subWindow. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -65,7 +65,7 @@
console
.
info
(
'
Succeeded in creating subWindow. Data:
'
+
JSON
.
stringify
(
data
));
windowClass
=
data
;
});
//
1.
方式二:获取子窗口。
// 方式二:获取子窗口。
window
.
getTopWindow
((
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to get the subWindow. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -74,7 +74,7 @@
console
.
info
(
'
Succeeded in getting subWindow. Data:
'
+
JSON
.
stringify
(
data
));
windowClass
=
data
;
});
//
1.
方式三:查找得到子窗口。
// 方式三:查找得到子窗口。
window
.
find
(
"
subWindow
"
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to find the subWindow. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -90,7 +90,7 @@
子窗口创建成功后,可以改变其大小、位置等,还可以根据应用需要设置窗口背景色、亮度等属性。
```
js
//
2.
移动子窗口位置。
// 移动子窗口位置。
windowClass
.
moveTo
(
300
,
300
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to move the window. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -98,7 +98,7 @@
}
console
.
info
(
'
Succeeded in moving the window. Data:
'
+
JSON
.
stringify
(
data
));
});
//
2.
改变子窗口大小。
// 改变子窗口大小。
windowClass
.
resetSize
(
500
,
1000
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to change the window size. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -113,14 +113,14 @@
使用
`loadContent`
和
`show`
接口加载显示子窗口的具体内容。
```
js
//
3.
为子窗口加载对应的目标页面。
// 为子窗口加载对应的目标页面。
windowClass
.
loadContent
(
"
pages/page2
"
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to load the content. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in loading the content. Data:
'
+
JSON
.
stringify
(
data
));
//
3.
显示子窗口。
// 显示子窗口。
windowClass
.
show
((
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to show the window. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -136,7 +136,7 @@
当不再需要某些子窗口时,可根据场景的具体实现逻辑,使用
`destroy`
接口销毁子窗口。
```
js
//
4.
销毁子窗口。当不再需要某些子窗口时,可根据场景的具体实现逻辑,使用destroy接口销毁子窗口,此处以监听窗口区域外的点击事件实现子窗口的销毁。
// 销毁子窗口。当不再需要某些子窗口时,可根据场景的具体实现逻辑,使用destroy接口销毁子窗口,此处以监听窗口区域外的点击事件实现子窗口的销毁。
windowClass
.
on
(
'
touchOutside
'
,
()
=>
{
console
.
info
(
'
touch outside
'
);
windowClass
.
destroy
((
err
,
data
)
=>
{
...
...
@@ -169,7 +169,7 @@
import
window
from
'
@ohos.window
'
;
let
mainWindowClass
=
null
;
//
1.
获取主窗口
// 获取主窗口
window
.
getTopWindow
((
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to get the subWindow. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
@@ -187,7 +187,7 @@
-
方式三:调用
`setLayoutFullScreen`
接口,设置应用主窗口为全屏布局;然后调用
`setSystemProperties`
接口,设置导航栏、状态栏的透明度、背景/文字颜色以及高亮图标等属性,使之保持与主窗口显示协调一致,从而达到沉浸式效果。
```
js
//
2.
实现沉浸式效果。方式一:设置窗口全屏显示。
// 实现沉浸式效果。方式一:设置窗口全屏显示。
let
isFullScreen
=
true
;
mainWindowClass
.
setFullScreen
(
isFullScreen
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
...
...
@@ -196,7 +196,7 @@
}
console
.
info
(
'
Succeeded in enabling the full-screen mode. Data:
'
+
JSON
.
stringify
(
data
));
});
//
2.
实现沉浸式效果。方式二:设置导航栏、状态栏不显示。
// 实现沉浸式效果。方式二:设置导航栏、状态栏不显示。
let
names
=
[];
mainWindowClass
.
setSystemBarEnable
(
names
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
...
...
@@ -205,7 +205,7 @@
}
console
.
info
(
'
Succeeded in setting the system bar to be visible. Data:
'
+
JSON
.
stringify
(
data
));
});
//
2.
实现沉浸式效果。
// 实现沉浸式效果。
// 方式三:设置窗口为全屏布局,配合设置状态栏、导航栏的透明度、背景/文字颜色及高亮图标等属性,与主窗口显示保持协调一致。
let
isLayoutFullScreen
=
true
;
mainWindowClass
.
setLayoutFullScreen
(
isLayoutFullScreen
,
(
err
,
data
)
=>
{
...
...
@@ -239,14 +239,14 @@
使用
`loadContent`
和
`show`
接口加载显示沉浸式窗口的具体内容。
```
js
//
3.
为沉浸式窗口加载对应的目标页面。
// 为沉浸式窗口加载对应的目标页面。
mainWindowClass
.
loadContent
(
"
pages/page3
"
,
(
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to load the content. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in loading the content. Data:
'
+
JSON
.
stringify
(
data
));
//
3.
显示沉浸式窗口。
// 显示沉浸式窗口。
mainWindowClass
.
show
((
err
,
data
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to show the window. Cause:
'
+
JSON
.
stringify
(
err
));
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录