| 文件 | 最后提交记录 | 最后更新时间 |
|---|---|---|
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 19 天前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 | ||
| 3 个月前 |
设置窗口阴影模糊半径
介绍
本示例演示在Stage模型下设置全局悬浮窗的窗口边缘阴影模糊半径。应用启动后创建全局悬浮窗,拖动滑块可动态调整窗口阴影效果。
效果预览
| 设置窗口阴影模糊半径 |
|---|
![]() |
使用说明
- 安装并打开应用,应用会创建全局悬浮窗。
- 拖动“Shadow Radius”滑块,调整窗口边缘阴影的模糊半径。
- 观察全局悬浮窗边缘阴影效果的变化。
工程目录
WindowShadowRadiusSample
|---entry/src/main/ets
| |---entryability
| | |---EntryAbility.ets // 创建全局悬浮窗并加载示例页面
| |---pages
| | |---Index.ets // 主窗口页面
| | |---Page1.ets // 阴影模糊半径控制页面
|---screenshots
| |---shadowRadius.gif // 效果预览图
具体实现
窗口创建在EntryAbility.ets中实现:
- 通过
window.createWindow()创建WindowType.TYPE_FLOAT类型窗口。 - 通过
AppStorage.setOrCreate()保存窗口对象,供页面设置阴影模糊半径时使用。 - 通过
setUIContent()加载Page1.ets。 - 通过
moveWindowTo()、resize()和showWindow()设置并显示窗口。
窗口阴影模糊半径在Page1.ets中实现:
- 通过
AppStorage.get()获取全局悬浮窗对象。 - 通过
setWindowShadowRadius()设置窗口边缘阴影的模糊半径。
相关权限
| 权限名 | 权限说明 | 级别 |
|---|---|---|
| ohos.permission.SYSTEM_FLOAT_WINDOW | 允许应用使用悬浮窗的能力 | system_basic |
依赖
不涉及。
约束与限制
- 本示例仅支持标准系统上运行,工程配置支持设备:default、tablet。
- 本示例为Stage模型,支持API Version 23及以上版本SDK。
- 本示例需要使用DevEco Studio 6.0.0 Release及以上版本才可编译运行。
- 本示例所配置的权限
ohos.permission.SYSTEM_FLOAT_WINDOW为system_basic级别,需要配置系统应用签名,可参考特殊权限配置方法。
下载
如需单独下载本工程,执行如下命令:
git init
git config core.sparsecheckout true
echo code/DocsSample/ArkUISample/ArkUIWindowSamples/WindowShadowRadiusSample/ > .git/info/sparse-checkout
git remote add origin https://gitcode.com/openharmony/applications_app_samples.git
git pull origin master
