ArtTS系统能力-窗口管理的学习（3.2）

已于 2024-07-01 22:28:24 修改
阅读量356 收藏 9
点赞数 5
分类专栏： 鸿蒙开发系列学习 鸿蒙api9 文章标签： harmonyos 鸿蒙 ui
于 2024-07-01 22:17:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jay_chess/article/details/140110582
版权

上篇回顾： ArtTS系统能力-通知的学习（3.1）

本篇内容： ArtTS系统能力-窗口管理的学习（3.2）

一、 知识储备

1. 基本概念

  • 窗口渲染式能力：指对状态栏、导航栏等系统窗口进行控制，减少状态栏、导航栏等系统界面的突兀感，从而使用户获得更好的体验。
    渲染式能力只在应用主窗口作为全屏窗口时生效，通常情况下，应用子窗口（弹窗、悬浮窗口等辅助窗口）无法使用沉浸式能力
  • 悬浮窗：全局悬浮窗口是一种特殊的应用窗口，具备在应用主窗口和对应Ability退到后台后，仍然可以在前台显示的能力。
    悬浮窗口可以用于应用退到后台后，使用小窗继续播放视频、或者为特定的应用创建悬浮球等快速入口。应用在创建悬浮窗口前，需要申请对应的权限（ohos.permission.SYSTEM_FLOAT_WINDOW）。

2.使用场景

  • 设置应用主窗口属性及目标页面
    在Stage模型下，应用主窗口由UIAbility创建并维护其生命周期。在UIAbility的onWindowStageCreate回调中，获取WindowStage，即可对其进行属性设置，也可以在应用配置文件中设置应用主窗口的属性。

  createMainWindow(windowStage: window.WindowStage) {

    //第一步：获取应用主窗口
    let windowClazz = null;
    windowStage.getMainWindow((err, data) => {
      if (err) {
        console.error('该设备不支持')
        return;
      }
      windowClazz = data;

      //第二步：设置主窗口属性
      let isTouchable = true;
      windowClazz.setWindowTouchable(isTouchable, (err) => {
        if (err) {
          console.error('不支持触摸')
          return;
        }

      })

      //第三步：为主窗口加载对应的目标页面
      windowStage.loadContent("pages/StudyWidget", err => {
        if (err.code) {
          console.error('响应失败')
          return;
        }
      })
    })
  }
  • 设置应用子窗口属性及目标页面

  createSubWindow(windowStage: window.WindowStage) {
    windowStage.createSubWindow('mySubWindow', (err, data) => { //1. 获取创建子窗口
      if (err) {
        console.error('不支持子窗口')
        return;
      }
      windowClazz = data;
    })

    windowClazz.moveWindowTo(300, 300, err => { //2. 设置子窗口属性
      if (err) {
        console.error('不支持子窗口移动')
        return;
      }
    })

    windowClazz.resize(500, 500, err => { //3. 修改子窗口属性
      if (err.code) {
        console.error('不支持子窗口改变尺寸')
      }
    })

    windowClazz.setUIContent('pages/StudyLayout', err => { //4. 加载对应的目标页面
      if (err.code) {
        console.error('子窗口加载页面失败')
        return;
      }
      windowClazz.showWindow(err => {
        if (err.code) {
          console.error('子窗口页面显示失败')
          return;
        }
      })
    })
  }

  destroySubWindow() {
    windowClazz.destroyWindow(err => {
      if (err.code) {
        console.error('子窗口销毁失败')
        return;
      }
    })

  }
  • 体验窗口沉浸式能力

  setupWindow(windowStage: window.WindowStage) {
    let windowClazz = null;

    windowStage.getMainWindow((err, data) => {
      if (err.code) {
        console.error(`${JSON.stringify(err)}`)
        return;
      }
      windowClazz = data;

      let names = [];
      windowClazz.setWindowSystemBarEnable(names, err => {
        if (err.code) {
          console.error(`${JSON.stringify(err)}`)
          return;
        }
      })
    })

    windowStage.loadContent('pages/StudyWidget', err => {
      if (err.code) {
        console.error(`${JSON.stringify(err)}`)
        return;
      }
    })

  }
  • 设置悬浮窗口

  addFloatWindow(windowStage: window.WindowStage) {

    let windowClazz = null;

    let config = {
      name: 'floatWindow', windowType: window.WindowType.TYPE_FLOAT, ctx: this.context
    };
    window.createWindow(config, (err, data) => {
      if (err.code) {
        console.error(`不支持：${JSON.stringify(err)}`)
        return;
      }
      windowClazz = data;

      windowClazz.moveWindowTo(300,300,err=>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
      })

      windowClazz.resize(500,500,err =>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
      })

      windowClazz.setUIContent("pages/StudyWidget",err=>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
        windowClazz.showWindow(err=>{
          if (err.code) {
            console.error(JSON.stringify(err));
            return;
          }
        })
      })
    })

  }

二、 效果一览

三、源码剖析

import UIAbility from '@ohos.app.ability.UIAbility';
import hilog from '@ohos.hilog';
import window from '@ohos.window';
import thermal from '@ohos.thermal';

let windowClazz = null;

export default class EntryAbility extends UIAbility {
  onCreate(want, launchParam) {
    hilog.info(0x0000, 'testTag', '%{public}s', '我被创建了');
    globalThis.initTitle = '我是测试标题'
  }

  onDestroy() {
    hilog.info(0x0000, 'testTag', '%{public}s', '我被销毁了');
  }

  /*****************在这里定义LocalStorage*****************/
  args: Record<string, Object> = {
    'height': 111, 'age': 10, 'name': '小明', sex: '未知'
  };
  storage: LocalStorage = new LocalStorage(this.args)

  onWindowStageCreate(windowStage: window.WindowStage) {
    hilog.info(0x0000, 'testTag', '%{public}s', '系统接管创建');
    // windowStage.loadContent('pages/event/EventStudy', this.storage) //把localStorage实例传递过去
    windowStage.loadContent('pages/manager/NotificationIndex', this.storage) //把localStorage实例传递过去

    // this.createMainWindow(windowStage)
    // this.createSubWindow(windowStage)

    // this.setupWindow(windowStage)

    this.addFloatWindow(windowStage)
  }
  /*****************在这里定义LocalStorage*****************/

  onWindowStageDestroy() {
    // Main window is destroyed, release UI related resources
    hilog.info(0x0000, 'testTag', '%{public}s', '系统接管销毁');
    this.destroySubWindow();
  }

  onForeground() {
    // Ability has brought to foreground
    hilog.info(0x0000, 'testTag', '%{public}s', '我要可见了');
  }

  onBackground() {
    // Ability has back to background
    hilog.info(0x0000, 'testTag', '%{public}s', '我不可见了');
  }

  createSubWindow(windowStage: window.WindowStage) {
    windowStage.createSubWindow('mySubWindow', (err, data) => { //1. 获取创建子窗口
      if (err) {
        console.error('不支持子窗口')
        return;
      }
      windowClazz = data;
    })

    windowClazz.moveWindowTo(300, 300, err => { //2. 设置子窗口属性
      if (err) {
        console.error('不支持子窗口移动')
        return;
      }
    })

    windowClazz.resize(500, 500, err => { //3. 修改子窗口属性
      if (err.code) {
        console.error('不支持子窗口改变尺寸')
      }
    })

    windowClazz.setUIContent('pages/StudyLayout', err => { //4. 加载对应的目标页面
      if (err.code) {
        console.error('子窗口加载页面失败')
        return;
      }
      windowClazz.showWindow(err => {
        if (err.code) {
          console.error('子窗口页面显示失败')
          return;
        }
      })
    })
  }

  destroySubWindow() {
    windowClazz.destroyWindow(err => {
      if (err.code) {
        console.error('子窗口销毁失败')
        return;
      }
    })

  }

  addFloatWindow(windowStage: window.WindowStage) {

    let windowClazz = null;

    let config = {
      name: 'floatWindow', windowType: window.WindowType.TYPE_FLOAT, ctx: this.context
    };
    window.createWindow(config, (err, data) => {
      if (err.code) {
        console.error(`不支持：${JSON.stringify(err)}`)
        return;
      }
      windowClazz = data;

      windowClazz.moveWindowTo(300,300,err=>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
      })

      windowClazz.resize(500,500,err =>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
      })

      windowClazz.setUIContent("pages/StudyWidget",err=>{
        if (err.code) {
          console.error(JSON.stringify(err))
          return;
        }
        windowClazz.showWindow(err=>{
          if (err.code) {
            console.error(JSON.stringify(err));
            return;
          }
        })
      })
    })

  }

  setupWindow(windowStage: window.WindowStage) {
    let windowClazz = null;

    windowStage.getMainWindow((err, data) => {
      if (err.code) {
        console.error(`${JSON.stringify(err)}`)
        return;
      }
      windowClazz = data;

      let names = [];
      windowClazz.setWindowSystemBarEnable(names, err => {
        if (err.code) {
          console.error(`${JSON.stringify(err)}`)
          return;
        }
      })
    })

    windowStage.loadContent('pages/StudyWidget', err => {
      if (err.code) {
        console.error(`${JSON.stringify(err)}`)
        return;
      }
    })

  }

  createMainWindow(windowStage: window.WindowStage) {

    //第一步：获取应用主窗口
    let windowClazz = null;
    windowStage.getMainWindow((err, data) => {
      if (err) {
        console.error('该设备不支持')
        return;
      }
      windowClazz = data;

      //第二步：设置主窗口属性
      let isTouchable = true;
      windowClazz.setWindowTouchable(isTouchable, (err) => {
        if (err) {
          console.error('不支持触摸')
          return;
        }

      })

      //第三步：为主窗口加载对应的目标页面
      windowStage.loadContent("pages/StudyWidget", err => {
        if (err.code) {
          console.error('响应失败')
          return;
        }
      })
    })
  }
}
jay_chess
关注
  • 5
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
华为端云一体化端云一体化开发支持开发者在 DevEco Studio 内使用一种语言同时完成 HarmonyOS 应用的端侧与
03-06
2. 一套开发语言，端侧使用 ArtTS，云侧使用 TS 端云一体化的好处 * 对于开发人员来说，统一工具，统一语言，能够降低开发成本，提高开发效率 * 此外云侧开发，使用的各种云服务还具备免运维、零浪费的好处，能够...
Arthas 监控应用耗时
xrhythm的博客
06-02 2958
一、启动arthas 打开dashboard监控界面 二、对系统的某个功能进行压测，找出最繁忙的线程的ID 在压测过程中，request-thread 线程最繁忙 三、使用thread id 查看线程调用的类、方法 找到系统运行过程中调用自己的方法，依次从下往上查看 四、使用sm命令查看类下调用的方法名 sm com.autoapi.hadis.core.request.HttpRequester* 五、使用trace 监控此方法下调用方法的耗时情况 根据耗时情况，找出代码执行耗时最多的方法，然
ArtTS语言基础类库内容的学习(2.10.1）
jay_chess的博客
06-29 2155
提供异步并发能力，是标准的JS异步语法是一种用于处理异步操作的Promise语法糖， 通过使用async关键字来声明一个函数为异步函数， 并使用await关键字等promise的成功或拒绝回调。以同步的方式来编写异步代码，使代码更为简洁、易读。
python获取糗百图片代码实例
01-20
复制代码 代码如下:from sgmllib import SGMLParserimport urllib2 class sgm(SGMLParser): def reset(self):... def start_div(self,artts): for k,v in artts: if v==”author”: self.ISTRUE=False def end_d
HarmonyOS开发实战（ Beta5版）线程间通信场景最佳实践
weixin_55362248的博客
09-02 1079
在应用开发中，经常会需要处理一些耗时的任务，如果全部放在主线程中执行就会导致阻塞，从而引起卡顿或者掉帧现象，降低用户体验，此时就可以将这些耗时操作放到子线程中处理。
HarmonyOS开发实战（ Beta5版）跨线程序列化耗时点分析工具使用规范指南
weixin_55362248的博客
09-02 1409
DevEco Studio新增主线程序列化和反序列化检测能力，同时支持配置序列化/反序列化超时阈值。对于超过阈值的序列化和反序列化操作，在泳道中给出告警提示，并可以关联该时刻的调用栈信息，更好地帮忙开发者定位性能问题。
HarmonyOS开发实战（ Beta5版）多线程能力场景化示例最佳实践
weixin_55362248的博客
09-02 1571
并发的意思是多个任务同时执行。并发模型分为两大类：基于内存共享的并发模型和基于消息传递的并发模型。
HarmonyOS开发实战（ Beta5版）不要使用函数/方法作为复用组件的入参规范实践
weixin_55362248的博客
09-03 1144
复用时会触发组件的构造，如果函数入参中存在耗时操作，会影响复用性能。
鸿蒙OS创新实践：动态声控话筒开发指南
s297165331的专栏
09-05 344
在鸿蒙OS的生态中，开发者们不断探索和创新，以期为用户带来更丰富的交互体验。最近，我萌生了一个想法：制作一个能够随着声音动态变化的话筒组件。尽管网络上缺乏现成的参考案例，但我决定亲自动手，将这一创意变为现实。本文将深入解析这一开发过程，分享我的实战经验和技术细节。通过本文的详细解析，我们不仅实现了一个动态声控话筒组件，还深入了解了鸿蒙OS中的绘图API和动态效果实现方法。希望这篇文章能够为其他开发者提供灵感和指导，共同推动鸿蒙生态的创新与发展。
鸿蒙轻内核M核源码分析系列二一 02 文件系统LittleFS
鸿蒙开发知识记录
09-05 327
会分2部分来介绍结构体部分，先介绍LittleFS文件系统的结构体，然后介绍LiteOS-M内核中提供的和LittleFS相关的一些结构体。
鸿蒙（API 12 Beta5版）【通过文本生成码图】
鸿蒙的技术博客
08-30 3182
码图生成能力支持将字符串转换为自定义格式的码图。
【HarmonyOS】头像圆形裁剪功能之手势放大缩小，平移，双击缩放控制（三）
最新发布
我的小窝
09-05 299
头像圆形裁剪之手势缩放，拖动，双击缩放的实现
鸿蒙OS试题（2）
SSRppIG的博客
08-31 975
随着开发的深入，项目中的ArkTS源代码文件逐渐积累了大量import语句，其中不乏未使用的import以及不规范的排序情况，关于DevEco studio的编辑器的“optimize Imports”，以下说法正确的是。3、在发布时，常常会修正一些在发布过程中发现的问题。3、靠人手堂恢复环境。D.反向调试能力:允许开发者在调试过程中回退回到之前的代码行或断点，不仅查看过去的堆栈信息，还能重现历史的全局、静态和局部变量状态，帮助深入理解代码历史行为，特鄙视对于复杂逻辑和难以浮现的bug定位至关重要。
HarmonyOS开发实战（ Beta5.0）系统提供的接口实践规范
weixin_55362248的博客
09-05 833
在应用开发中，经常会调用系统提供的接口，比如读取本地文件、处理服务端数据等等。若对接口使用不合理，可能引起延迟、卡顿、丢帧等性能问题。本文以如下系统提供的接口为例，总结了使用中的注意事项。
【鸿蒙】HarmonyOS NEXT星河入门到实战1-开发环境准备
春天的波菜
09-05 550
纯国产的系统，学习一下，零基础，从入门到实战，记录学习过程，本系列学完可以实现：1、学完可以实现独立app开发；2、app就可以调用系统能力、华为服务，并且能够适配不同的终端设备；3、能掌握低成本、多元化，1+8+N的物联网鸿蒙开发能力。
HarmonyOS开发实战（ Beta5版）滑动白块问题解决最佳实践
weixin_55362248的博客
08-30 9148
当应用程序需要使用列表显示内容时，通常会使用List+LazyForEach组件来实现。但是列表中需要显示耗时加载的内容时，仅依靠List+LazyForEach不足以获得最优的用户体验。例如显示在线网络图片，在弱网以及快速滑动浏览的场景下，由于来不及完成图片加载、解码显示，列表中图片显示位置会出现白块占位符，影响用户浏览体验。
鸿蒙（API 12 Beta6版）图形【NativeWindow开发指导 (C/C++)】方舟2D图形服务
鸿蒙的技术博客
09-05 635
NativeWindow是**本地平台化窗口**，表示图形队列的生产者端。开发者可以通过NativeWindow接口进行申请和提交Buffer，配置Buffer属性信息。
HarmonyOS开发实战（ Beta5.0）自定义组件冻结功能规范
weixin_55362248的博客
09-04 1085
自定义组件处于非激活状态时，状态变量将不响应更新，即@Watch不会调用，状态变量关联的节点不会刷新。通过freezeWhenInactive属性来决定是否使用冻结功能，不传参数时默认不使用。支持的场景有：页面路由，TabContent，LazyForEach，Navigation。
鸿蒙南向开发之OpenHarmony自定义组件
鸿蒙开发知识记录
09-02 1220
● struct：自定义组件基于struct实现，struct + 自定义组件名 + {…}的组合构成自定义组件，不能有继承关系。对于struct的实例化，可以省略new。说明：自定义组件名、类名、函数名不能和系统组件名相同。● @Component：@Component装饰器仅能装饰struct关键字声明的数据结构。struct被@Component装饰后具备组件化的能力，需要实现build方法描述UI，一个struct只能被一个@Component装饰。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值