鸿蒙NEXT开发App相关工具类(ArkTs)

简介: 这段代码展示了一个名为鸿蒙NEXT开发 `AppUtil` 的工具类,主要用于管理鸿蒙应用的上下文、窗口、状态栏、导航栏等配置。它提供了多种功能,例如设置灰阶模式、颜色模式、字体类型、屏幕亮度、窗口属性等,并支持获取应用包信息(如版本号、包名等)。该工具类需在 UIAbility 的 `onWindowStageCreate` 方法中初始化,以便缓存全局变量。代码由鸿蒙布道师编写,适用于鸿蒙系统应用开发,帮助开发者更便捷地管理和配置应用界面及系统属性。

 import bundleManager from '@ohos.bundle.bundleManager';

import { KeyboardAvoidMode, window } from '@kit.ArkUI';

import { common, ConfigurationConstant } from '@kit.AbilityKit';


/**

* App相关工具类(使用该工具前请在UIAbility的onWindowStageCreate方法中调用AppUtil的init方法初始化)

* author: 鸿蒙布道师

* since: 2024/03/25

*/

export class AppUtil {

 private static context: common.UIAbilityContext; // 上下文


 /**

  * 初始化方法,缓存全局变量,在UIAbility的onCreate方法中初始化该方法。

  * @param context UIAbility上下文

  */

 static init(context: common.UIAbilityContext) {

   AppUtil.context = context;

 }


 /**

  * 获取上下文,common.UIAbilityContext

  * @returns UIAbility上下文

  */

 static getContext(): common.UIAbilityContext {

   if (!AppUtil.context) {

     throw new Error("请在UIAbility的onCreate方法中调用AppUtil的init方法初始化!");

   }

   return AppUtil.context;

 }


 /**

  * 获取WindowStage

  * @returns WindowStage

  */

 static getWindowStage(): window.WindowStage {

   return AppUtil.getContext().windowStage;

 }


 /**

  * 获取主窗口

  * @returns 主窗口

  */

 static getMainWindow(): window.Window {

   return AppUtil.getWindowStage().getMainWindowSync();

 }


 /**

  * 获取UIContext

  * @returns UIContext

  */

 static getUIContext(): UIContext {

   return AppUtil.getMainWindow().getUIContext();

 }


 /**

  * 设置灰阶,APP一键置灰。

  * @param grayScale 该参数为浮点数,取值范围为[0.0, 1.0]。

  * @param onlyMainWindow 是否只置灰主窗口,默认false。

  */

 static async setGrayScale(grayScale: number = 1.0, onlyMainWindow: boolean = false): Promise<void> {

   AppUtil.getMainWindow().setWindowGrayScale(grayScale);

   if (!onlyMainWindow) {

     const subWindows = await AppUtil.getWindowStage().getSubWindow();

     subWindows?.forEach((subWindow) => subWindow.setWindowGrayScale(grayScale));

   }

 }


 /**

  * 设置应用的颜色模式。仅支持主线程调用。

  * @param colorMode 颜色模式

  */

 static setColorMode(colorMode: ConfigurationConstant.ColorMode = ConfigurationConstant.ColorMode.COLOR_MODE_NOT_SET) {

   AppUtil.getContext().getApplicationContext().setColorMode(colorMode);

 }


 /**

  * 设置应用的字体类型。仅支持主线程调用。

  * @param font 字体类型

  */

 static setFont(font: string) {

   AppUtil.getContext().getApplicationContext().setFont(font);

 }


 /**

  * 获取当前窗口的属性

  * @param windowClass 窗口实例,默认主窗口

  * @returns 窗口属性

  */

 static getWindowProperties(windowClass: window.Window = AppUtil.getMainWindow()): window.WindowProperties {

   return windowClass.getWindowProperties();

 }


 /**

  * 获取虚拟键盘抬起时的页面避让模式

  * @returns 避让模式

  */

 static getKeyboardAvoidMode(): KeyboardAvoidMode {

   const mode = AppUtil.getUIContext().getKeyboardAvoidMode();

   if(typeof mode === 'string'){

     return mode === "KeyBoardAvoidMode.RESIZE" ? KeyboardAvoidMode.RESIZE : KeyboardAvoidMode.OFFSET;

   }

   return mode;

 }


 /**

  * 设置虚拟键盘弹出时,页面的避让模式。

  * @param value 避让模式

  * @returns 是否设置成功

  */

 static setKeyboardAvoidMode(value: KeyboardAvoidMode): boolean {

   try {

     AppUtil.getUIContext().setKeyboardAvoidMode(value);

     return true;

   } catch (err) {

     console.error('设置键盘避让模式失败:', err);

     return false;

   }

 }


 /**

  * 设置窗口的显示方向属性

  * @param orientation 显示方向

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setPreferredOrientation(orientation: window.Orientation, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setPreferredOrientation(orientation);

 }


 /**

  * 设置屏幕亮度值

  * @param brightness 屏幕亮度值,取值范围为[0.0, 1.0]或-1.0

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setWindowBrightness(brightness: number, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setWindowBrightness(brightness);

 }


 /**

  * 设置屏幕是否为常亮状态

  * @param isKeepScreenOn 是否常亮

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setWindowKeepScreenOn(isKeepScreenOn: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setWindowKeepScreenOn(isKeepScreenOn);

 }


 /**

  * 设置窗口是否为隐私模式

  * @param isPrivacyMode 是否隐私模式

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setWindowPrivacyMode(isPrivacyMode: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setWindowPrivacyMode(isPrivacyMode);

 }


 /**

  * 设置窗口的背景色

  * @param color 背景色

  * @param windowClass 窗口实例,默认主窗口

  */

 static setWindowBackgroundColor(color: string, windowClass: window.Window = AppUtil.getMainWindow()) {

   try {

     windowClass.setWindowBackgroundColor(color);

   } catch (err) {

     console.error('设置窗口背景色失败:', err);

   }

 }


 /**

  * 设置点击时是否支持切换焦点窗口

  * @param isFocusable 是否支持切换焦点窗口

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setWindowFocusable(isFocusable: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setWindowFocusable(isFocusable);

 }


 /**

  * 设置窗口是否为可触状态

  * @param isTouchable 是否可触

  * @param windowClass 窗口实例,默认主窗口

  */

 static async setWindowTouchable(isTouchable: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {

   return windowClass.setWindowTouchable(isTouchable);

 }


 /**

  * 获取状态栏的高度,单位为px。

  * @returns 状态栏高度

  */

 static getStatusBarHeight(): number {

   try {

     const avoidArea = AppUtil.getMainWindow().getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);

     return avoidArea.topRect.height;

   } catch (err) {

     console.error('获取状态栏高度失败:', err);

     return 0;

   }

 }


 /**

  * 获取底部导航条的高度,单位为px。

  * @returns 导航条高度

  */

 static getNavigationIndicatorHeight(): number {

   try {

     const avoidArea = AppUtil.getMainWindow().getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR);

     return avoidArea.bottomRect.height;

   } catch (err) {

     console.error('获取导航条高度失败:', err);

     return 0;

   }

 }


 /**

  * 设置沉浸式状态栏

  * @param isLayoutFullScreen 是否沉浸式布局

  * @param enable 是否显示状态栏和导航栏

  * @param color 窗口背景颜色

  * @param systemBarProperties 状态栏和导航栏属性

  */

 static async setStatusBar(isLayoutFullScreen: boolean = true, enable: boolean = true, color: string = '#FFFFFF', systemBarProperties?: window.SystemBarProperties) {

   try {

     const windowClass = AppUtil.getMainWindow();

     await windowClass.setWindowLayoutFullScreen(isLayoutFullScreen);

     windowClass.setWindowBackgroundColor(color);

     await windowClass.setWindowSystemBarEnable(enable ? ['status', 'navigation'] : []);

     await windowClass.setSpecificSystemBarEnabled("navigationIndicator", enable);

     if (systemBarProperties) {

       await windowClass.setWindowSystemBarProperties(systemBarProperties);

     }

   } catch (err) {

     console.error('设置沉浸式状态栏失败:', err);

   }

 }


 /**

  * 获取当前应用的BundleInfo

  * @param sync 是否同步获取,默认异步

  * @returns BundleInfo

  */

 static async getBundleInfo(sync: boolean = false): Promise<bundleManager.BundleInfo> {

   return sync ? bundleManager.getBundleInfoForSelfSync(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION) : bundleManager.getBundleInfoForSelf(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);

 }


 /**

  * 获取应用包的名称。

  * @returns 应用包名

  */

 static async getBundleName(): Promise<string> {

   const bundleInfo = await AppUtil.getBundleInfo();

   return bundleInfo.name;

 }


 /**

  * 获取应用版本号。

  * @returns 版本号

  */

 static async getVersionCode(): Promise<number> {

   const bundleInfo = await AppUtil.getBundleInfo();

   return bundleInfo.versionCode;

 }


 /**

  * 获取应用版本名。

  * @returns 版本名

  */

 static async getVersionName(): Promise<string> {

   const bundleInfo = await AppUtil.getBundleInfo();

   return bundleInfo.versionName;

 }


 /**

  * 获取运行应用包所需要最高SDK版本号。

  * @returns 目标版本号

  */

 static async getTargetVersion(): Promise<number> {

   const bundleInfo = await AppUtil.getBundleInfo();

   return bundleInfo.targetVersion;

 }


 /**

  * 获取应用程序的配置信息

  * @returns 应用信息

  */

 static async getAppInfo(): Promise<bundleManager.ApplicationInfo> {

   const bundleInfo = await AppUtil.getBundleInfo();

   return bundleInfo.appInfo;

 }


 /**

  * 主动退出整个应用

  */

 static exit() {

   AppUtil.getContext().terminateSelf();

   AppUtil.getContext().getApplicationContext().killAllProcesses();

 }

}

代码如下:

import bundleManager from '@ohos.bundle.bundleManager';
import { KeyboardAvoidMode, window } from '@kit.ArkUI';
import { common, ConfigurationConstant } from '@kit.AbilityKit';
/**
 * App相关工具类(使用该工具前请在UIAbility的onWindowStageCreate方法中调用AppUtil的init方法初始化)
 * author: 鸿蒙布道师
 * since: 2024/03/25
 */
export class AppUtil {
  private static context: common.UIAbilityContext; // 上下文
  /**
   * 初始化方法,缓存全局变量,在UIAbility的onCreate方法中初始化该方法。
   * @param context UIAbility上下文
   */
  static init(context: common.UIAbilityContext) {
    AppUtil.context = context;
  }
  /**
   * 获取上下文,common.UIAbilityContext
   * @returns UIAbility上下文
   */
  static getContext(): common.UIAbilityContext {
    if (!AppUtil.context) {
      throw new Error("请在UIAbility的onCreate方法中调用AppUtil的init方法初始化!");
    }
    return AppUtil.context;
  }
  /**
   * 获取WindowStage
   * @returns WindowStage
   */
  static getWindowStage(): window.WindowStage {
    return AppUtil.getContext().windowStage;
  }
  /**
   * 获取主窗口
   * @returns 主窗口
   */
  static getMainWindow(): window.Window {
    return AppUtil.getWindowStage().getMainWindowSync();
  }
  /**
   * 获取UIContext
   * @returns UIContext
   */
  static getUIContext(): UIContext {
    return AppUtil.getMainWindow().getUIContext();
  }
  /**
   * 设置灰阶,APP一键置灰。
   * @param grayScale 该参数为浮点数,取值范围为[0.0, 1.0]。
   * @param onlyMainWindow 是否只置灰主窗口,默认false。
   */
  static async setGrayScale(grayScale: number = 1.0, onlyMainWindow: boolean = false): Promise<void> {
    AppUtil.getMainWindow().setWindowGrayScale(grayScale);
    if (!onlyMainWindow) {
      const subWindows = await AppUtil.getWindowStage().getSubWindow();
      subWindows?.forEach((subWindow) => subWindow.setWindowGrayScale(grayScale));
    }
  }
  /**
   * 设置应用的颜色模式。仅支持主线程调用。
   * @param colorMode 颜色模式
   */
  static setColorMode(colorMode: ConfigurationConstant.ColorMode = ConfigurationConstant.ColorMode.COLOR_MODE_NOT_SET) {
    AppUtil.getContext().getApplicationContext().setColorMode(colorMode);
  }
  /**
   * 设置应用的字体类型。仅支持主线程调用。
   * @param font 字体类型
   */
  static setFont(font: string) {
    AppUtil.getContext().getApplicationContext().setFont(font);
  }
  /**
   * 获取当前窗口的属性
   * @param windowClass 窗口实例,默认主窗口
   * @returns 窗口属性
   */
  static getWindowProperties(windowClass: window.Window = AppUtil.getMainWindow()): window.WindowProperties {
    return windowClass.getWindowProperties();
  }
  /**
   * 获取虚拟键盘抬起时的页面避让模式
   * @returns 避让模式
   */
  static getKeyboardAvoidMode(): KeyboardAvoidMode {
    const mode = AppUtil.getUIContext().getKeyboardAvoidMode();
    if(typeof mode === 'string'){
      return mode === "KeyBoardAvoidMode.RESIZE" ? KeyboardAvoidMode.RESIZE : KeyboardAvoidMode.OFFSET;
    }
    return mode;
  }
  /**
   * 设置虚拟键盘弹出时,页面的避让模式。
   * @param value 避让模式
   * @returns 是否设置成功
   */
  static setKeyboardAvoidMode(value: KeyboardAvoidMode): boolean {
    try {
      AppUtil.getUIContext().setKeyboardAvoidMode(value);
      return true;
    } catch (err) {
      console.error('设置键盘避让模式失败:', err);
      return false;
    }
  }
  /**
   * 设置窗口的显示方向属性
   * @param orientation 显示方向
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setPreferredOrientation(orientation: window.Orientation, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setPreferredOrientation(orientation);
  }
  /**
   * 设置屏幕亮度值
   * @param brightness 屏幕亮度值,取值范围为[0.0, 1.0]或-1.0
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setWindowBrightness(brightness: number, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setWindowBrightness(brightness);
  }
  /**
   * 设置屏幕是否为常亮状态
   * @param isKeepScreenOn 是否常亮
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setWindowKeepScreenOn(isKeepScreenOn: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setWindowKeepScreenOn(isKeepScreenOn);
  }
  /**
   * 设置窗口是否为隐私模式
   * @param isPrivacyMode 是否隐私模式
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setWindowPrivacyMode(isPrivacyMode: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setWindowPrivacyMode(isPrivacyMode);
  }
  /**
   * 设置窗口的背景色
   * @param color 背景色
   * @param windowClass 窗口实例,默认主窗口
   */
  static setWindowBackgroundColor(color: string, windowClass: window.Window = AppUtil.getMainWindow()) {
    try {
      windowClass.setWindowBackgroundColor(color);
    } catch (err) {
      console.error('设置窗口背景色失败:', err);
    }
  }
  /**
   * 设置点击时是否支持切换焦点窗口
   * @param isFocusable 是否支持切换焦点窗口
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setWindowFocusable(isFocusable: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setWindowFocusable(isFocusable);
  }
  /**
   * 设置窗口是否为可触状态
   * @param isTouchable 是否可触
   * @param windowClass 窗口实例,默认主窗口
   */
  static async setWindowTouchable(isTouchable: boolean, windowClass: window.Window = AppUtil.getMainWindow()): Promise<void> {
    return windowClass.setWindowTouchable(isTouchable);
  }
  /**
   * 获取状态栏的高度,单位为px。
   * @returns 状态栏高度
   */
  static getStatusBarHeight(): number {
    try {
      const avoidArea = AppUtil.getMainWindow().getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM);
      return avoidArea.topRect.height;
    } catch (err) {
      console.error('获取状态栏高度失败:', err);
      return 0;
    }
  }
  /**
   * 获取底部导航条的高度,单位为px。
   * @returns 导航条高度
   */
  static getNavigationIndicatorHeight(): number {
    try {
      const avoidArea = AppUtil.getMainWindow().getWindowAvoidArea(window.AvoidAreaType.TYPE_NAVIGATION_INDICATOR);
      return avoidArea.bottomRect.height;
    } catch (err) {
      console.error('获取导航条高度失败:', err);
      return 0;
    }
  }
  /**
   * 设置沉浸式状态栏
   * @param isLayoutFullScreen 是否沉浸式布局
   * @param enable 是否显示状态栏和导航栏
   * @param color 窗口背景颜色
   * @param systemBarProperties 状态栏和导航栏属性
   */
  static async setStatusBar(isLayoutFullScreen: boolean = true, enable: boolean = true, color: string = '#FFFFFF', systemBarProperties?: window.SystemBarProperties) {
    try {
      const windowClass = AppUtil.getMainWindow();
      await windowClass.setWindowLayoutFullScreen(isLayoutFullScreen);
      windowClass.setWindowBackgroundColor(color);
      await windowClass.setWindowSystemBarEnable(enable ? ['status', 'navigation'] : []);
      await windowClass.setSpecificSystemBarEnabled("navigationIndicator", enable);
      if (systemBarProperties) {
        await windowClass.setWindowSystemBarProperties(systemBarProperties);
      }
    } catch (err) {
      console.error('设置沉浸式状态栏失败:', err);
    }
  }
  /**
   * 获取当前应用的BundleInfo
   * @param sync 是否同步获取,默认异步
   * @returns BundleInfo
   */
  static async getBundleInfo(sync: boolean = false): Promise<bundleManager.BundleInfo> {
    return sync ? bundleManager.getBundleInfoForSelfSync(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION) : bundleManager.getBundleInfoForSelf(bundleManager.BundleFlag.GET_BUNDLE_INFO_WITH_APPLICATION);
  }
  /**
   * 获取应用包的名称。
   * @returns 应用包名
   */
  static async getBundleName(): Promise<string> {
    const bundleInfo = await AppUtil.getBundleInfo();
    return bundleInfo.name;
  }
  /**
   * 获取应用版本号。
   * @returns 版本号
   */
  static async getVersionCode(): Promise<number> {
    const bundleInfo = await AppUtil.getBundleInfo();
    return bundleInfo.versionCode;
  }
  /**
   * 获取应用版本名。
   * @returns 版本名
   */
  static async getVersionName(): Promise<string> {
    const bundleInfo = await AppUtil.getBundleInfo();
    return bundleInfo.versionName;
  }
  /**
   * 获取运行应用包所需要最高SDK版本号。
   * @returns 目标版本号
   */
  static async getTargetVersion(): Promise<number> {
    const bundleInfo = await AppUtil.getBundleInfo();
    return bundleInfo.targetVersion;
  }
  /**
   * 获取应用程序的配置信息
   * @returns 应用信息
   */
  static async getAppInfo(): Promise<bundleManager.ApplicationInfo> {
    const bundleInfo = await AppUtil.getBundleInfo();
    return bundleInfo.appInfo;
  }
  /**
   * 主动退出整个应用
   */
  static exit() {
    AppUtil.getContext().terminateSelf();
    AppUtil.getContext().getApplicationContext().killAllProcesses();
  }
}

image.gif


相关文章
|
3天前
|
IDE 文件存储 开发工具
鸿蒙开发:应用上架第一篇,生成密钥和证书请求文件
本系列文章,我们就着重概述一下,在鸿蒙当中,如何打出一个上架包,一个上架包的产出,需要多个步骤,本篇文章,我们先从第一步骤进行讲解,也就是如何生成秘钥和证书请求文件。
25 13
鸿蒙开发:应用上架第一篇,生成密钥和证书请求文件
|
2天前
|
存储 安全 数据处理
【HarmonyOS Next之旅】HarmonyOS开发基础知识(三)
随着移动终端及其相关业务(如移动支付、终端云等)的普及,用户隐私保护的重要性愈发突出。应用开发者在产品设计阶段就需要考虑用户隐私的保护,提高应用的安全性。HarmonyOS应用开发需要遵从隐私保护规则,在应用上架应用市场时,应用市场会根据规则进行校验,如不满足条件则无法上架。应用采集个人数据时,应清晰、明确地告知用户,并确保告知用户的个人信息将被如何使用。对个人数据处理必须要征得用户的同意或遵守适用的法律法规,用户对其个人数据要有充分的控制权。应用个人数据收集应与数据处理目的相关,且是适当、必要的。开发者应
21 7
【HarmonyOS Next之旅】HarmonyOS开发基础知识(三)
|
2天前
|
IDE 开发工具 数据安全/隐私保护
鸿蒙开发:应用上架第三篇,配置签名信息打出上架包
可以说,所有的签名信息文件,我们都已经完成了,正所谓,万事俱备只欠东风,这篇文章,我们着重概述一下,如何配置签名信息以及如何打出签名包。
鸿蒙开发:应用上架第三篇,配置签名信息打出上架包
|
2天前
鸿蒙开发:应用上架第二篇,申请发布证书
而对于签名信息,也有一项非常重要的属性,那就是profile文件,主要用于设置发布或调试证书,那么这个证书如何获取呢,本文就着重概述一下。
鸿蒙开发:应用上架第二篇,申请发布证书
|
2天前
|
存储 开发框架 数据管理
【HarmonyOS Next之旅】ArkTS语法(一)
【HarmonyOS之旅】ArkTS语法(一)
35 12
|
3天前
|
存储 JSON 安全
HarmonyOS5云服务技术分享--ArkTS调用函数
本指南详细介绍了如何使用HarmonyOS的ArkTS语言通过云函数实现文件获取功能。从前期准备到核心四步(创建HTTP触发器、获取关键信息、编写调用代码、处理返回数据),手把手教你轻松上手。文中提供完整代码模板,包含基础与高级配置示例,并分享实战技巧和避坑指南,助你高效开发!适合初学者入门,快来尝试吧!
|
3天前
|
监控 JavaScript Java
HarmonyOS5云服务技术分享--ArkTS开发函数
本文详细介绍如何通过命令行调试HarmonyOS云函数,提升开发效率。支持Node.js 14.x/18.x与Java 1.8环境,提供HTTP触发器调用及持续开发支持。内容涵盖准备工作、五步调试法(环境配置、编写测试函数、启动本地调试、发送测试请求、高级调试技巧)以及避坑指南。最后分享部署上线与小贴士,助你轻松调试云函数,节省时间!
|
3天前
|
人工智能 监控 JavaScript
HarmonyOS5云服务技术分享--ArkTS开发Node环境
本文详细讲解了在HarmonyOS(ArkTS API 9及以上)中使用云函数的开发技巧,结合Node.js和HTTP触发器,从零开始手把手教学。内容涵盖核心能力、开发流程(配置到部署)、高阶优化及常见问题解决,并提供实际应用场景示例。助你快速掌握Serverless开发,提升效率,探索跨端协作与AI集成等未来方向。
|
4天前
|
Android开发 容器
鸿蒙开发:使用nestedScroll解决滑动冲突
nestedScroll属性的作用,主要是,用于设置嵌套滚动选项,设置前后两个方向的嵌套滚动模式,实现与父组件的滚动联动。
39 19
鸿蒙开发:使用nestedScroll解决滑动冲突
|
6天前
|
缓存 JSON JavaScript
鸿蒙开发实现图片上传(上传用户头像)
本内容介绍了一种基于HarmonyOS的应用场景,主要实现图片选择、拷贝到缓存目录以及上传的功能。首先通过系统文件选择器(FilePicker)选择图片,无需额外权限;接着使用`fs`模块将选中的图片复制到应用缓存目录(cacheDir),以满足上传功能的路径要求;最后利用`request.uploadFile`方法将图片上传至服务器,并处理响应结果。代码详细展示了每个步骤的实现逻辑,包括图片选择、文件操作和网络请求,适用于需要实现图片上传功能的开发者。