Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
OpenHarmony
Docs
提交
dad24675
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看板
未验证
提交
dad24675
编写于
11月 14, 2022
作者:
葛
葛亚芳
提交者:
Gitee
11月 14, 2022
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update zh-cn/application-dev/windowmanager/application-window-stage.md.
Signed-off-by:
N
葛亚芳
<
geyafang@huawei.com
>
上级
6d8e67bf
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
32 addition
and
32 deletion
+32
-32
zh-cn/application-dev/windowmanager/application-window-stage.md
...application-dev/windowmanager/application-window-stage.md
+32
-32
未找到文件。
zh-cn/application-dev/windowmanager/application-window-stage.md
浏览文件 @
dad24675
...
...
@@ -82,21 +82,21 @@ class MainAbility extends Ability {
console
.
info
(
'
Succeeded in obtaining the main window. Data:
'
+
JSON
.
stringify
(
data
));
// 2.设置主窗口属性。以设置"是否可触"属性为例。
let
isTouchable
=
true
;
windowClass
.
setTouchable
(
isTouchable
,
(
err
,
data
)
=>
{
windowClass
.
setTouchable
(
isTouchable
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to set the window to be touchable. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in setting the window to be touchable.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in setting the window to be touchable.
'
);
})
})
// 3.为主窗口加载对应的目标页面。
windowStage
.
loadContent
(
"
pages/page2
"
,
(
err
,
data
)
=>
{
windowStage
.
loadContent
(
"
pages/page2
"
,
(
err
)
=>
{
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
)
);
console
.
info
(
'
Succeeded in loading the content.
'
);
});
}
};
...
...
@@ -149,34 +149,34 @@ class MainAbility extends Ability {
sub_windowClass
=
data
;
});
// 2.子窗口创建成功后,设置子窗口的位置、大小及相关属性等。
sub_windowClass
.
moveTo
(
300
,
300
,
(
err
,
data
)
=>
{
sub_windowClass
.
moveTo
(
300
,
300
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to move the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in moving the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in moving the window.
'
);
});
sub_windowClass
.
resetSize
(
500
,
1000
,
(
err
,
data
)
=>
{
sub_windowClass
.
resetSize
(
500
,
1000
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to change the window size. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in changing the window size.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in changing the window size.
'
);
});
// 3.为子窗口加载对应的目标页面。
sub_windowClass
.
loadContent
(
"
pages/page3
"
,
(
err
,
data
)
=>
{
sub_windowClass
.
loadContent
(
"
pages/page3
"
,
(
err
)
=>
{
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
)
);
console
.
info
(
'
Succeeded in loading the content.
'
);
// 3.显示子窗口。
sub_windowClass
.
show
((
err
,
data
)
=>
{
sub_windowClass
.
show
((
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to show the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in showing the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in showing the window.
'
);
});
});
})
...
...
@@ -184,12 +184,12 @@ class MainAbility extends Ability {
destroySubWindow
()
{
// 4.销毁子窗口。当不再需要子窗口时,可根据具体实现逻辑,使用destroy对其进行销毁。
sub_windowClass
.
destroy
((
err
,
data
)
=>
{
sub_windowClass
.
destroy
((
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to destroy the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in destroying the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in destroying the window.
'
);
});
}
...
...
@@ -242,30 +242,30 @@ class MainAbility extends Ability {
// 2.实现沉浸式效果。方式一:设置应用主窗口为全屏显示。
let
isFullScreen
=
true
;
windowClass
.
setFullScreen
(
isFullScreen
,
(
err
,
data
)
=>
{
windowClass
.
setFullScreen
(
isFullScreen
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to enable the full-screen mode. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in enabling the full-screen mode.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in enabling the full-screen mode.
'
);
});
// 2.实现沉浸式效果。方式二:设置导航栏、状态栏不显示。
let
names
=
[];
windowClass
.
setSystemBarEnable
(
names
,
(
err
,
data
)
=>
{
windowClass
.
setSystemBarEnable
(
names
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to set the system bar to be visible. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in setting the system bar to be visible.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in setting the system bar to be visible.
'
);
});
// 2.实现沉浸式效果。方式三:设置窗口为全屏布局,配合设置导航栏、状态栏的透明度、背景/文字颜色及高亮图标等属性,与主窗口显示保持协调一致。
let
isLayoutFullScreen
=
true
;
windowClass
.
setLayoutFullScreen
(
isLayoutFullScreen
,
(
err
,
data
)
=>
{
windowClass
.
setLayoutFullScreen
(
isLayoutFullScreen
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to set the window layout to full-screen mode. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in setting the window layout to full-screen mode.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in setting the window layout to full-screen mode.
'
);
});
let
sysBarProps
=
{
statusBarColor
:
'
#ff00ff
'
,
...
...
@@ -274,21 +274,21 @@ class MainAbility extends Ability {
statusBarContentColor
:
'
#ffffff
'
,
navigationBarContentColor
:
'
#ffffff
'
};
windowClass
.
setSystemBarProperties
(
sysBarProps
,
(
err
,
data
)
=>
{
windowClass
.
setSystemBarProperties
(
sysBarProps
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to set the system bar properties. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in setting the system bar properties.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in setting the system bar properties.
'
);
});
})
// 3.为沉浸式窗口加载对应的目标页面。
windowStage
.
loadContent
(
"
pages/page2
"
,
(
err
,
data
)
=>
{
windowStage
.
loadContent
(
"
pages/page2
"
,
(
err
)
=>
{
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
)
);
console
.
info
(
'
Succeeded in loading the content.
'
);
});
}
};
...
...
@@ -356,19 +356,19 @@ class MainAbility extends Ability {
console
.
info
(
'
Succeeded in creating the floatWindow. Data:
'
+
JSON
.
stringify
(
data
));
windowClass
=
data
;
// 3.悬浮窗窗口创建成功后,设置悬浮窗的位置、大小及相关属性等。
windowClass
.
moveTo
(
300
,
300
,
(
err
,
data
)
=>
{
windowClass
.
moveTo
(
300
,
300
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to move the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in moving the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in moving the window.
'
);
});
windowClass
.
resetSize
(
500
,
1000
,
(
err
,
data
)
=>
{
windowClass
.
resetSize
(
500
,
1000
,
(
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to change the window size. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in changing the window size.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in changing the window size.
'
);
});
// 4.为悬浮窗加载对应的目标页面。
windowClass
.
loadContent
(
"
pages/page4
"
,
(
err
,
data
)
=>
{
...
...
@@ -378,21 +378,21 @@ class MainAbility extends Ability {
}
console
.
info
(
'
Succeeded in loading the content. Data:
'
+
JSON
.
stringify
(
data
));
// 4.显示悬浮窗。
windowClass
.
show
((
err
,
data
)
=>
{
windowClass
.
show
((
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to show the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in showing the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in showing the window.
'
);
});
});
//5.销毁悬浮窗。当不再需要悬浮窗时,可根据具体实现逻辑,使用destroy对其进行销毁。
windowClass
.
destroy
((
err
,
data
)
=>
{
windowClass
.
destroy
((
err
)
=>
{
if
(
err
.
code
)
{
console
.
error
(
'
Failed to destroy the window. Cause:
'
+
JSON
.
stringify
(
err
));
return
;
}
console
.
info
(
'
Succeeded in destroying the window.
Data:
'
+
JSON
.
stringify
(
data
)
);
console
.
info
(
'
Succeeded in destroying the window.
'
);
});
});
}
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录