2024年HarmonyOS鸿蒙最全【愚公系列】2024年01月 HarmonyOS教学课程 064-窗口管理(1)，2024年最新技术协会鸿蒙部面试

最新推荐文章于 2024-07-24 11:34:10 发布
最新推荐文章于 2024-07-24 11:34:10 发布
阅读量591 收藏 22
点赞数 27
分类专栏： 程序员 文章标签： 鸿蒙 面试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84851347/article/details/138825949
版权

img
img

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

  1. 基于面向对象的窗口管理：HarmonyOS使用面向对象的方式来管理窗口。每个窗口都是一个对象，具有自己的属性和方法。窗口管理器负责创建、销毁、调度和管理这些窗口对象。
  2. 窗口栈管理：HarmonyOS采用了窗口栈的方式来管理窗口。窗口栈是一个存储窗口对象的有序集合，栈的顶部是当前正在显示的窗口。当用户打开一个新的窗口时，它会被添加到栈的顶部，而当窗口被关闭时，它会从栈中移除。通过管理窗口栈，窗口管理器可以实现窗口的切换和管理。
  3. 窗口调度算法：窗口管理器使用调度算法来确定当前应该显示哪个窗口。常见的调度算法有先进先出(FIFO)、最近最少使用(LRU)等。调度算法可以根据窗口的优先级、用户行为和系统资源等因素来决定窗口的调度顺序。
  4. 窗口布局管理：HarmonyOS的窗口管理还包括窗口的布局管理。窗口布局管理器负责确定窗口的大小、位置和布局方式，以确保窗口在屏幕上正确显示。布局管理器可以根据窗口的属性、屏幕大小和用户设置等因素来动态调整窗口的布局。
🦋1.5 约束与限制

应用主窗口与子窗口存在大小限制，宽度范围：[320, 2560]，高度范围：[240, 2560]，单位为vp。

🔎2.管理应用窗口

🦋2.1 基本概念
☀️2.1.1 窗口沉浸式能力

窗口沉浸式能力是指一个窗口应用程序能够将用户的注意力完全吸引到其界面上，并使用户对其他应用程序和操作系统的界面感知降到最低的能力。窗口沉浸式能力通常通过以下几个方面来实现：

  1. 使用全屏模式：窗口应用程序可以将自己的界面展示在整个屏幕上，从而将其他应用程序和操作系统的界面隐藏起来，使用户更加专注于当前应用程序的内容。
  2. 最小化视觉干扰：窗口应用程序可以通过设计简洁、优雅的界面，避免不必要的视觉元素和干扰，从而提供一个更加清晰和集中注意力的界面。
  3. 提供沉浸式内容：窗口应用程序可以提供各种吸引人的内容，如高质量的图像、音频和视频，以吸引用户的注意力并使其完全投入到应用程序的体验中。
  4. 屏蔽外部干扰：窗口应用程序可以屏蔽或减少来自其他应用程序和操作系统的通知和提示等外部干扰，从而让用户在使用应用程序时不受打扰。

窗口沉浸式能力的目的是为了提供一种更加沉浸和集中注意力的用户体验，使用户能够更好地享受和使用窗口应用程序的功能和内容。

☀️2.1.2 悬浮窗

悬浮窗是一种浮动在屏幕上方的小窗口，可以在其他应用程序之上展示信息或功能。它可以提供快速访问或查看特定内容，而无需离开当前应用程序。悬浮窗通常可以被拖动、调整大小或关闭。在移动设备上，悬浮窗常用于显示通知、快捷操作或其他实用工具。

🦋2.3 场景介绍
☀️2.3.1 设置应用主窗口

主窗口的"是否可触"属性是指能否通过触摸屏与用户进行交互。如果主窗口的"是否可触"属性为True，则用户可以通过触摸屏对主窗口进行操作，例如点击按钮、滑动界面等。如果主窗口的"是否可触"属性为False，则用户无法通过触摸屏进行交互，只能使用其他输入设备（如鼠标）进行操作。通常情况下，移动设备（如手机、平板电脑）上的主窗口会设置为可触摸，而桌面电脑上的主窗口可能会设置为不可触摸。

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

export default class EntryAbility extends UIAbility {
  onCreate(want, launchParam) {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
  }

  onDestroy() {
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
  }

  onWindowStageCreate(windowStage: window.WindowStage) {
    // Main window is created, set main page for this ability
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageCreate');
    // 1.获取应用主窗口。
    let windowClass = null;
    windowStage.getMainWindow((err, data) => {
      if (err.code) {
        console.error('Failed to obtain the main window. Cause: ' + JSON.stringify(err));
        return;
      }
      windowClass = data;
      console.info('Succeeded in obtaining the main window. Data: ' + JSON.stringify(data));
      // 2.设置主窗口属性。以设置"是否可触"属性为例。
      let isTouchable = true;
      windowClass.setWindowTouchable(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.');
      })
    })
    // 3.为主窗口加载对应的目标页面。
    windowStage.loadContent('pages/Index', (err, data) => {
      if (err.code) {
        hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
        return;
      }
      hilog.info(0x0000, 'testTag', 'Succeeded in loading the content. Data: %{public}s', JSON.stringify(data) ?? '');
    });
  }

  onWindowStageDestroy() {
    // Main window is destroyed, release UI related resources
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onWindowStageDestroy');
  }

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

  onBackground() {
    // Ability has back to background
    hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onBackground');
  }
}
☀️2.3.2 设置应用子窗口

应用子窗口是指在一个主窗口或父窗口之内创建一个较小的窗口，用于显示其他相关的内容或功能。子窗口通常是独立于主窗口的，可以拖动、最小化、最大化和关闭。应用子窗口可以提供更好的用户体验，将相关的功能和信息集中在一起，并且可以在主窗口内方便地切换和操作。

应用子窗口常见的应用场景包括：

  1. 弹出式对话框：用于显示警告、提示、确认等信息，请求用户的输入或进行操作确认。
  2. 工具窗口：用于显示一些辅助工具，例如调色板、图层面板等，在用户需要时进行操作。
  3. 标签页：用于在主窗口内切换和显示不同的内容，例如浏览器的多个标签页。
  4. 拆分窗口：将主窗口分割成多个子窗口，用于同时显示多个相关的内容，例如文本编辑器的分屏编辑功能。

应用子窗口可以提高用户的操作效率和便利性，使界面更加灵活和功能更加丰富。但在设计和使用时需要注意合理使用，避免过多的窗口导致用户的混乱和困惑。

import UIAbility from '@ohos.app.ability.UIAbility';

let windowStage_ = null;
let sub_windowClass = null;
export default class EntryAbility extends UIAbility {
    showSubWindow() {
        // 1.创建应用子窗口。
        windowStage_.createSubWindow("mySubWindow", (err, data) => {
            if (err.code) {
                console.error('Failed to create the subwindow. Cause: ' + JSON.stringify(err));
                return;
            }
            sub_windowClass = data;
            console.info('Succeeded in creating the subwindow. Data: ' + JSON.stringify(data));
            // 2.子窗口创建成功后，设置子窗口的位置、大小及相关属性等。
            sub_windowClass.moveWindowTo(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.');
            });
            sub_windowClass.resize(500, 500, (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.');
            });
            // 3.为子窗口加载对应的目标页面。
            sub_windowClass.setUIContent("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.');
                // 3.显示子窗口。
                sub_windowClass.showWindow((err) => {
                    if (err.code) {
                        console.error('Failed to show the window. Cause: ' + JSON.stringify(err));
                        return;
                    }
                    console.info('Succeeded in showing the window.');
                });
            });
        })
    }

    destroySubWindow() {
        // 4.销毁子窗口。当不再需要子窗口时，可根据具体实现逻辑，使用destroy对其进行销毁。
        sub_windowClass.destroyWindow((err) => {
            if (err.code) {
                console.error('Failed to destroy the window. Cause: ' + JSON.stringify(err));
                return;
            }
            console.info('Succeeded in destroying the window.');
        });
    }

    onWindowStageCreate(windowStage) {
        windowStage_ = windowStage;
        // 开发者可以在适当的时机，如主窗口上按钮点击事件等，创建子窗口。并不一定需要在onWindowStageCreate调用，这里仅作展示
        this.showSubWindow();
    }

    onWindowStageDestroy() {
        // 开发者可以在适当的时机，如子窗口上点击关闭按钮等，销毁子窗口。并不一定需要在onWindowStageDestroy调用，这里仅作展示
        this.destroySubWindow();
    }
};
☀️2.3.3 体验窗口沉浸式能力

概念上面有介绍，就不多说了。

import UIAbility from '@ohos.app.ability.UIAbility';

export default class EntryAbility extends UIAbility {
    onWindowStageCreate(windowStage) {
        // 1.获取应用主窗口。
        let windowClass = null;
        windowStage.getMainWindow((err, data) => {
            if (err.code) {
                console.error('Failed to obtain the main window. Cause: ' + JSON.stringify(err));
                return;
            }
            windowClass = data;
            console.info('Succeeded in obtaining the main window. Data: ' + JSON.stringify(data));

            // 2.实现沉浸式效果：设置导航栏、状态栏不显示。
            let names = [];
            windowClass.setWindowSystemBarEnable(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.');
            });
        })
        // 3.为沉浸式窗口加载对应的目标页面。
        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.');
        });
    }
};

在这里插入图片描述

☀️2.3.4 设置悬浮窗

概念上面有介绍，就不多说了。

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

export default class EntryAbility extends UIAbility {
    onWindowStageCreate(windowStage) {
        // 1.创建悬浮窗。
        let windowClass = null;
        let config = {name: "floatWindow", windowType: window.WindowType.TYPE_FLOAT, ctx: this.context};
        window.createWindow(config, (err, data) => {
            if (err.code) {
                console.error('Failed to create the floatWindow. Cause: ' + JSON.stringify(err));
                return;
            }
            console.info('Succeeded in creating the floatWindow. Data: ' + JSON.stringify(data));
            windowClass = data;
            // 2.悬浮窗窗口创建成功后，设置悬浮窗的位置、大小及相关属性等。
            windowClass.moveWindowTo(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.');
            });


![img](https://img-blog.csdnimg.cn/img_convert/f4c5b443dd1cc2cd845f70fd946a8cd9.png)
![img](https://img-blog.csdnimg.cn/img_convert/7f79b95f832b5b16856af71dad5543e9.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

09pQCVY9-1715618592520)]
[外链图片转存中...(img-CacGclXM-1715618592520)]

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618636735)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
2401_84851347
关注
专栏目录
【愚公系列】2024年12月 HarmonyOS教学课程 041-Stage模型（概述和组件配置）_harmonyos windowstage
2401_84302761的博客
05-04 691
通过Stage模型，HarmonyOS提供了一种统一的方式来管理应用程序的界面和生命周期，使开发者能够更容易地构建和管理复杂的应用程序。Stage模型是HarmonyOS多端统一的应用开发框架中的一个核心概念，用于描述应用的界面层次结构和组件之间的关系。它主要包含UIAbility组件和ExtensionAbility组件、WindowStage、Context和AbilityStage。
【愚公系列】2024年12月 HarmonyOS教学课程 045-Stage模型（服务卡片的模块和创建）
2401_84302761的博客
05-04 979
formBindingData | 提供卡片数据绑定的能力，包括FormBindingData对象的创建、相关信息的描述。| 提供声明式范式的UI接口能力。| ArkTS卡片特有能力 | postCardAction用于卡片内部和提供方应用间的交互，仅在卡片中可以调用。| ArkTS卡片能力列表 | 列举了能在ArkTS卡片中使用的API、组件、事件、属性和生命周期调度。卡片配置| 包含FormExtensionAbility的配置和卡片的配置。
鸿蒙HarmonyOS实战-窗口管理
shudaoshanQAQ的博客
03-16 1612
窗口管理
2024年鸿蒙HarmonyOS实战-窗口管理_鸿蒙nativewindow 获取窗口，2024年最新字节跳动算法工程师面试总结
2401_84871072的博客
05-12 1235
主窗口的"是否可触"属性是指能否通过触摸屏与用户进行交互。如果主窗口的"是否可触"属性为True，则用户可以通过触摸屏对主窗口进行操作，例如点击按钮、滑动界面等。如果主窗口的"是否可触"属性为False，则用户无法通过触摸屏进行交互，只能使用其他输入设备（如鼠标）进行操作。通常情况下，移动设备（如手机、平板电脑）上的主窗口会设置为可触摸，而桌面电脑上的主窗口可能会设置为不可触摸。// 1.获取应用主窗口。return;// 2.设置主窗口属性。
鸿蒙HarmonyOS实战-窗口管理_鸿蒙nativewindow 获取窗口
2401_84164527的博客
04-12 743
主窗口的"是否可触"属性是指能否通过触摸屏与用户进行交互。如果主窗口的"是否可触"属性为True，则用户可以通过触摸屏对主窗口进行操作，例如点击按钮、滑动界面等。如果主窗口的"是否可触"属性为False，则用户无法通过触摸屏进行交互，只能使用其他输入设备（如鼠标）进行操作。通常情况下，移动设备（如手机、平板电脑）上的主窗口会设置为可触摸，而桌面电脑上的主窗口可能会设置为不可触摸。// 1.获取应用主窗口。return;// 2.设置主窗口属性。以设置"是否可触"属性为例。
第七节HarmonyOS UIAbility生命周期以及启动模式
yyxhzdm的博客
11-28 3291
在UIAbility实例创建之前，会先进入AbilityStage的onAcceptWant回调，在onAcceptWant回调中为每一个UIAbility实例创建一个Key，后续每次调用startAbility()方法创建该类型的UIAbility实例都会询问使用哪个Key对应的UIAbility实例来响应startAbility()请求。用户打开电池管理应用，在应用加载过程中，在UI页面可见之前，可以在onCreate回调中读取当前系统的电量情况，用于后续的UI页面展示。
HarmonyOS开发实战—如何实现应用悬浮窗
m0_70749039的博客
03-20 2036
本文主要介绍如何利用应用子窗口实现应用内全局悬浮窗，创建应用子窗口需要先拿到窗口管理器 WindowStage 对象，在 EntryAbility.onWindowStageCreate() 回调中取。
【愚公系列】2024年02月 《网络安全应急管理与技术实践》 018-网络安全应急技术与实践（主机层-Liunx）
时光隧道
02-12 8万+
Linux主机层安全是指在Linux操作系统的主机层实施的一系列安全措施和策略，用于保护Linux主机免受各种安全威胁和攻击的影响。措施描述使用最新的操作系统和软件版本及时更新操作系统和软件补丁，以修复已知的安全漏洞配置强密码策略设置复杂的密码要求，如密码的长度、复杂度要求等，避免使用弱密码禁用不必要的服务关闭或禁用不需要的网络服务，减少攻击面防火墙配置配置防火墙规则，只允许必要的网络流量进入主机定期备份数据定期备份重要的数据，并将备份数据存储在安全的位置限制用户权限。
【愚公系列】2024年02月 《网络安全应急管理与技术实践》 001-网络安全应急管理（概论）
时光隧道
02-04 7万+
在当今数字化时代，网络安全已成为一个全球性的重要问题。随着互联网的普及和信息技术的迅猛发展，网络安全问题也随之增加。各类网络攻击、数据泄露、网络钓鱼等事件频繁发生，给个人、企业和国家带来重大影响。为了应对这些网络安全威胁，各国政府和组织纷纷加强网络安全的防护和应急管理能力。网络安全应急管理是指通过早期预警、紧急响应、事后排查和风险评估等措施，迅速应对网络安全事件，并将损失降到最低的一系列行动。
【愚公系列】2024年02月 《网络安全应急管理与技术实践》 009-网络安全应急技术与实践（网络层-攻击分析）
热门推荐
时光隧道
02-08 8万+
网络层攻击是指针对网络层协议（如IP协议）的攻击。这些攻击旨在破坏网络通信、拒绝服务、窃取数据等。以下是网络层攻击的一些常见类型：IP地址欺骗：攻击者使用虚假的IP地址，伪装成其他合法主机或者隐藏自己的真实IP地址，以进行攻击、欺骗或匿名操作。IP分片攻击：攻击者通过发送大量的IP分片数据包，使目标主机的网络资源被消耗或者造成服务拒绝。IP源路由欺骗：攻击者在IP数据包中伪造源地址和路由信息，使目标主机误认为数据包来自合法的源地址，可能导致信息泄露或者伪造数据包攻击。
HarmonyOS应用开发-闪屏启动页
liuhaikang的博客
12-10 2093
此外router还有。启动页会在aboutToAppear生命周期内初始化轮播图片资源及定时任务，会展示5秒溪村的优美风景，用户可以点击右上角的跳过直接进入应用主页，也可以等5秒结束自动进入应用主页；在页面的构建函数中使用了 HarmonyOS 提供的组件和样式语法来定义页面的结构和样式。在组件即将显示的生命周期内，根据当前时间段分配溪村小镇风景图，并设置定时器，在一定时间后展示轮播图。构建页面的函数，使用 HarmonyOS 提供的组件和样式语法构建了页面的布局和样式。，以及控制页面状态的变量和计时器。
OpenHarmony实战开发-如何创建子窗口并与主窗口通信
m0_70749039的博客
05-24 1293
应用开发过程中，经常需要创建弹窗（子窗口）用来承载跟当前内容相关的业务，比如电话应用的拨号弹窗；阅读应用中长按当前内容触发的编辑弹窗；购物应用经常出现的抽奖活动弹窗等。 本文为大家介绍如何创建子窗口并实现子窗口与主窗口的数据通信。
【鸿蒙开发】生命周期
d312697510的博客
04-16 8623
鸿蒙开发arkts，UIAbility组件生命周期，页面和自定义组件生命周期
鸿蒙实战基础（ArkTS）-窗口管理
m0_62167422的博客
01-12 1130
在这个章节中，我们需要完成验证码界面的编写，并实现输入用户名和密码后，点击验证码按钮，拉起验证码子窗口。应用主窗口与子窗口存在大小限制，宽度范围：[320, 2560]，高度范围：[240, 2560]，单位为vp。在这个章节中，我们需要完成登录后界面布局的编写，并实现验证成功跳转的功能。然后，在验证成功后，将子窗口进行销毁，并通过eventHub的emit触发公共事件，跳转到首页。系统窗口存在大小限制，宽度范围：[0, 2560]，高度范围：[0, 2560]，单位为vp。（附鸿蒙4.0文档）
【HarmonyOS】鸿蒙开发之Stage模型-UIAbility生命周期——第4.3章
我的开源项目:https://gitee.com/derekgo/vue-cms_xg
02-28 859
沉默小管 鸿蒙开发之Stage模型-UIAbility生命周期
鸿蒙OS开发实战：【悬浮窗口】
2301_76813281的博客
03-28 1012
悬浮视图或者窗体，在Android和iOS两大移动平台均有使用，HarmonyOS 也实现了此功能，如下为大家分享一下效果。
【鸿蒙】自定义弹窗非置顶解决方案 - 子窗口显示
最新发布
ZhouJz_的博客
07-24 891
鸿蒙自带的自定义弹窗存在一直置顶的问题，具体业务例子在隐私弹窗的Dialog里通过router跳转到隐私协议内容页后，弹窗一直处于最外层。按照真实业务，应该是在隐私弹窗的上层压入隐私协议，退出隐私协议页面后，弹窗还在。目前鸿蒙自带的以及ComponentContent 封装弹窗类组件两种API实现效果均是弹窗一直置顶// 自定义组件传递参数、方法。
【最新鸿蒙应用开发】——总结ArkUI生命周期
m0_68038853的博客
06-10 1333
Create状态为在应用加载过程中，UIAbility实例创建完成时触发，系统会调用onCreate()回调。可以在该回调中进行页面初始化操作，例如变量定义资源加载等，用于后续的UI展示。：UIAbility实例创建完成之后，在进入Foreground之前，系统会创建一个WindowStage。WindowStage创建完成后会进入onWindowStageCreate()回调，可以在该回调中设置UI加载、设置WindowStage的事件订阅。
鸿蒙：自定义弹窗
baidu_24743861的博客
03-14 1373
通过CustomDialogController类显示自定义弹窗。使用弹窗组件时，可优先考虑自定义弹窗，便于自定义弹窗的样式与内容。从API Version 7开始支持。
阿里愚公项目详细配置教程：安装与注意事项
首先，从阿里愚公项目的GitHub页面下载最新版本，可以通过访问获取下载链接，或者使用`wget`命令直接下载`yugong-1.0.0.tar.gz`文件。解压时，建议创建一个特定的目录，如`/data/yugong`，然后执行`tar -zxvf yugong...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值