鸿蒙HarmonyOS NEXT开发：菜单控制（ArkTS通用属性）

最新推荐文章于 2024-08-10 21:37:41 发布
最新推荐文章于 2024-08-10 21:37:41 发布
阅读量959 收藏 20
点赞数 30
分类专栏： 鸿蒙 ArkTS 文章标签： harmonyos 华为 鸿蒙 android 驱动开发 嵌入式硬件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shudaoshanBBQ/article/details/141064318
版权
鸿蒙 同时被 2 个专栏收录
60 篇文章 0 订阅
订阅专栏
ArkTS
55 篇文章 0 订阅
订阅专栏

菜单控制

为组件绑定弹出式菜单，弹出式菜单以垂直列表形式显示菜单项，可通过长按、点击或鼠标右键触发。

说明：

  • 从API Version 7开始支持。后续版本如有新增内容，则采用上角标单独标记该内容的起始版本。

  • CustomBuilder里不支持再使用bindMenu、bindContextMenu弹出菜单。多级菜单可使用Menu组件。

  • 弹出菜单的文本内容不支持长按选中。

bindMenu

bindMenu(content: Array<MenuElement> | CustomBuilder, options?: MenuOptions)

给组件绑定菜单，点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能。

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
contentArray<MenuElement> | CustomBuilder是配置菜单项图标和文本的数组，或者自定义组件。
optionsMenuOptions否配置弹出菜单的参数。

bindMenu11+

bindMenu(isShow: boolean, content: Array<MenuElement> | CustomBuilder, options?: MenuOptions)

给组件绑定菜单，点击后弹出菜单。弹出菜单项支持图标+文本排列和自定义两种功能。

原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
isShow11+boolean是支持开发者通过状态变量控制显隐，默认值为false，menu弹窗必须等待页面全部构建才能展示，因此不能在页面构建中设置为true，否则会导致显示位置及形状错误，当前不支持双向绑定。
contentArray<MenuElement> | CustomBuilder是配置菜单项图标和文本的数组，或者自定义组件。
optionsMenuOptions否配置弹出菜单的参数。

bindContextMenu8+

bindContextMenu(content: CustomBuilder, responseType: ResponseType, options?: ContextMenuOptions)

给组件绑定菜单，触发方式为长按或者右键点击，弹出菜单项需要自定义。

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

系统能力： SystemCapability.ArkUI.ArkUI.Full

参数：

参数名类型必填说明
contentCustomBuilder是自定义菜单内容构造器。
responseTypeResponseType是菜单弹出条件，长按或者右键点击。
optionsContextMenuOptions否配置弹出菜单的参数。

bindContextMenu12+

bindContextMenu(isShown: boolean, content: CustomBuilder, options?: ContextMenuOptions)

给组件绑定菜单，触发方式为控制绑定的isShown。

isShown为true，弹出菜单。isShown为false，隐藏菜单。弹出菜单项需要自定义。

菜单弹出不跟随点击位置，只与placement设置有关。

系统能力： SystemCapability.ArkUI.ArkUI.Full

原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

参数：

参数名类型必填说明
isShownboolean是支持开发者通过状态变量控制显隐，默认值为false。menu需要在页面全部构建完成后才能弹窗展示，如果在页面构建前或构建中设置为true，可能导致显示位置及形状错误、无法正常弹出显示等问题。当前不支持双向绑定，不支持长按触发拖拽。
contentCustomBuilder是自定义菜单内容构造器。
optionsContextMenuOptions否配置弹出菜单的参数。
名称类型必填描述
valueResourceStr是菜单项文本。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
icon10+ResourceStr否菜单项图标。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
enabled11+boolean否菜单条目是否可进行交互。
默认值：true, 菜单条目可以进行交互。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
action() => void是点击菜单项的事件回调。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。

继承自ContextMenuOptions。

名称类型必填描述
titleResourceStr否菜单标题。
说明：
仅在content设置为Array<MenuElement> 时生效。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
showInSubWindow11+boolean否是否在子窗口显示菜单。
默认值：2in1设备为true，其他设备为false。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。

ContextMenuOptions10+

名称类型必填描述
offsetPosition否菜单弹出位置的偏移量，不会导致菜单显示超出屏幕范围。
说明：
菜单类型为相对⽗组件区域弹出时，⾃动根据菜单位置属性 (placement)将区域的宽或⾼计⼊偏移量中。
当菜单相对父组件出现在上侧时（placement设置为Placement.TopLeft，Placement.Top，Placement.TopRight），x为正值，菜单相对组件向右进行偏移，y为正值，菜单相对组件向上进行偏移。
当菜单相对父组件出现在下侧时（placement设置为Placement.BottomLeft，Placement.Bottom，Placement.BottomRight），x为正值，菜单相对组件向右进行偏移，y为正值，菜单相对组件向下进行偏移。
当菜单相对父组件出现在左侧时（placement设置为Placement.LeftTop，Placement.Left，Placement.LeftBottom），x为正值，菜单相对组件向左进行偏移，y为正值，菜单相对组件向下进行偏移。
当菜单相对父组件出现在右侧时（placement设置为Placement.RightTop，Placement.Right，Placement.RightBottom），x为正值，菜单相对组件向右进行偏移，y为正值，菜单相对组件向下进行偏移。
如果菜单调整了显示位置（与placement初始值主方向不⼀致），则偏移值 (offset) 失效。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
placementPlacement否菜单组件优先显示的位置，当前位置显示不下时，会自动调整位置。
说明：
placement值设置为undefined、null或没有设置此选项时，按未设置placement处理，当使用bindContextMenu8+，菜单跟随点击位置弹出；当使用bindContextMenu12+，按默认值：Placement.BottomLeft设置。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
enableArrowboolean否是否显示箭头。如果菜单的大小和位置不足以放置箭头时，不会显示箭头。
默认值：false, 不显示箭头。
说明：
enableArrow为true时，placement未设置或者值为非法值，默认在目标物上方显示，否则按照placement的位置优先显示。当前位置显示不下时，会自动调整位置，enableArrow为undefined时，不显示箭头。bindContextMenu从API version 10开始支持该属性；bindMenu从API version 12开始支持该属性。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
arrowOffsetLength否箭头在菜单处的偏移。偏移量必须合法且转换为具体数值时大于0才会生效，另外该值生效时不会导致箭头超出菜单四周的安全距离。
说明：
箭头距菜单四周的安全距离为菜单圆角大小与箭头宽度的一半之和。
根据配置的placement来计算是在水平还是垂直方向上偏移。
箭头在菜单水平方向时，偏移量为箭头至最左侧箭头安全距离处的距离。箭头在菜单垂直方向时，偏移量为箭头至最上侧箭头安全距离处的距离。
根据配置的placement的不同，箭头展示的默认位置不同：
在菜单不发生避让的情况下，placement设置为Placement.Top、Placement.Bottom时，箭头显示在水平方向且默认居中；
placement设置为Placement.Left、Placement.Right时，箭头显示在垂直方向且默认居中；
placement设置为Placement.TopLeft、Placement.BottomLeft时，箭头默认显示在水平方向，且距离菜单左侧边缘距离为箭头安全距离；
placement设置为Placement.TopRight、Placement.BottomRight时，箭头默认显示在水平方向，且距离菜单右侧距离为箭头安全距离；
placement设置为Placement.LeftTop、Placement.RightTop时，箭头默认显示在垂直方向，且距离菜单上侧距离为箭头安全距离；
placement设置为Placement.LeftBottom、Placement.RightBottom时，箭头默认显示在垂直方向，且距离菜单下侧距离为箭头安全距离；
bindContextMenu从API version 10开始支持该属性；bindMenu从API version 12开始支持该属性。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
preview11+MenuPreviewMode| CustomBuilder否长按悬浮菜单或使用bindContextMenu12+显示菜单的预览内容样式，可以为目标组件的截图，也可以为用户自定义的内容。
默认值：MenuPreviewMode.NONE, 无预览内容。
说明：
- 不支持responseType为ResponseType.RightClick时触发，如果responseType为ResponseType.RightClick，则不会显示预览内容。
- 当未设置preview参数或preview参数设置为MenuPreviewMode.NONE时，enableArrow参数生效。
- 当preview参数设置为MenuPreviewMode.IMAGE或CustomBuilder时，enableArrow为true时也不显示箭头。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
previewAnimationOptions11+ContextMenuAnimationOptions否控制长按预览显示动画开始倍率和结束倍率（相对预览原图比例）。
默认值：{scale: [0.95, 1.1]}。
说明：
倍率设置参数小于等于0时，不生效。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
onAppear() => void否菜单弹出时的事件回调。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
onDisappear() => void否菜单消失时的事件回调。
原子化服务API： 从API version 11开始，该接口支持在原子化服务中使用。
aboutToAppear() => void否菜单显示动效前的事件回调。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
aboutToDisappear() => void否菜单退出动效前的事件回调。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
backgroundColor11+ResourceColor否弹窗背板颜色。
默认值：Color.Transparent。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
backgroundBlurStyle11+BlurStyle否弹窗背板模糊材质。
默认值：BlurStyle.COMPONENT_ULTRA_THICK。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
transition12+TransitionEffect否设置菜单显示和退出的过渡效果。
说明：
菜单退出动效过程中，进行横竖屏切换，菜单会避让。二级菜单不继承自定义动效。弹出过程可以点击二级菜单，退出动效执行过程不允许点击二级菜单。
详细描述见TransitionEffect对象说明。
borderRadius12+Length | BorderRadiuses否设置菜单的边框圆角半径。
说明：
不支持百分比。
当水平方向两个圆角半径之和的最大值超出菜单宽度或垂直方向两个圆角半径之和的最大值超出菜单高度时，采用菜单默认圆角半径值。

ContextMenuAnimationOptions11+

名称类型必填描述
scaleAnimationRange<number>否动画开始和结束时相对预览原图缩放比例。
原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。
transition12+TransitionEffect否设置菜单显示和退出的过渡效果。
说明：
菜单退出动效过程中，进行横竖屏切换，菜单会避让。二级菜单不继承自定义动效。弹出过程可以点击二级菜单，退出动效执行过程不允许点击二级菜单。
详细描述见TransitionEffect对象说明。

AnimationRange11+

表示动画开始和结束时相对预览原图缩放比例。

系统能力：SystemCapability.ArkUI.ArkUI.Full

原子化服务API： 从API version 12开始，该接口支持在原子化服务中使用。

取值范围说明
[from: T, to: T]from表示动画开始时相对预览原图缩放比例，to表示动画结束时相对预览原图缩放比例。

示例

示例1

普通菜单

// xxx.ets
@Entry
@Component
struct MenuExample {
  build() {
    Column() {
      Text('click for Menu')
        .bindMenu([
          {
            value: 'Menu1',
            action: () => {
              console.info('handle Menu1 select')
            }
          },
          {
            value: 'Menu2',
            action: () => {
              console.info('handle Menu2 select')
            }
          },
        ])
    }
    .width('100%')
    .margin({ top: 5 })
  }
}
ts

示例2

自定义内容菜单

@Entry
@Component
struct MenuExample {
  @State listData: number[] = [0, 0, 0]

  @Builder MenuBuilder() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      ForEach(this.listData, (item:number, index) => {
        Column() {
          Row() {
            Image($r("app.media.icon")).width(20).height(20).margin({ right: 5 })
            Text(`Menu${index as number + 1}`).fontSize(20)
          }
          .width('100%')
          .height(30)
          .justifyContent(FlexAlign.Center)
          .align(Alignment.Center)
          .onClick(() => {
            console.info(`Menu${index as number + 1} Clicked!`)
          })

          if (index != this.listData.length - 1) {
            Divider().height(10).width('80%').color('#ccc')
          }
        }.padding(5).height(40)
      })
    }.width(100)
  }

  build() {
    Column() {
      Text('click for menu')
        .fontSize(20)
        .margin({ top: 20 })
        .bindMenu(this.MenuBuilder)
    }
    .height('100%')
    .width('100%')
    .backgroundColor('#f0f0f0')
  }
}
ts

示例3

菜单(长按触发显示)

// xxx.ets
@Entry
@Component
struct ContextMenuExample {
  @Builder MenuBuilder() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      Text('Test menu item 1')
        .fontSize(20)
        .width(100)
        .height(50)
        .textAlign(TextAlign.Center)
      Divider().height(10)
      Text('Test menu item 2')
        .fontSize(20)
        .width(100)
        .height(50)
        .textAlign(TextAlign.Center)
    }.width(100)
  }

  build() {
    Column() {
      Text('LongPress for menu')
    }
    .width('100%')
    .margin({ top: 5 })
    .bindContextMenu(this.MenuBuilder, ResponseType.LongPress)
  }
}
ts

示例4

指向性菜单(右键触发显示)

// xxx.ets
@Entry
@Component
struct DirectiveMenuExample {
  @Builder MenuBuilder() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Text('Options')
      Divider().strokeWidth(2).margin(5).color('#F0F0F0')
      Text('Hide')
      Divider().strokeWidth(2).margin(5).color('#F0F0F0')
      Text('Exit')
    }
    .width(200)
  }

  build() {
    Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Center, justifyContent: FlexAlign.Center }) {
      Column() {
        Text("DirectiveMenuExample")
          .fontSize(20)
          .width('100%')
          .height("25%")
          .backgroundColor('#F0F0F0')
          .textAlign(TextAlign.Center)
          .bindContextMenu(this.MenuBuilder, ResponseType.RightClick, {
            enableArrow: true,
            placement: Placement.Bottom
          })
      }
    }
    .width('100%')
    .height('100%')
  }
}
ts

示例5

长按悬浮菜单（预览内容为截图形式）

// xxx.ets
@Entry
@Component
struct Index {
  private iconStr: ResourceStr = $r("app.media.icon")

  @Builder
  MyMenu() {
    Menu() {
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
    }
  }

  build() {
    Column({ space: 50 }) {
      Column() {
        Column() {
          Text('preview-image')
            .width(200)
            .height(100)
            .textAlign(TextAlign.Center)
            .margin(100)
            .fontSize(30)
            .bindContextMenu(this.MyMenu, ResponseType.LongPress,
              { preview: MenuPreviewMode.IMAGE,
                previewAnimationOptions: {scale: [0.8, 1.0]},
              })
            .backgroundColor("#ff3df2f5")
        }
      }.width('100%')
    }
  }
}
ts

示例6

长按悬浮菜单（自定义预览内容）

// xxx.ets
@Entry
@Component
struct Index {
  private iconStr: ResourceStr = $r("app.media.icon")

  @Builder
  MyMenu() {
    Menu() {
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
    }
  }

  @Builder
  MyPreview() {
    Column() {
      Image($r('app.media.icon'))
        .width(200)
        .height(200)
    }
  }

  build() {
    Column({ space: 50 }) {
      Column() {
        Column() {
          Text('preview-builder')
            .width(200)
            .height(100)
            .textAlign(TextAlign.Center)
            .margin(100)
            .fontSize(30)
            .bindContextMenu(this.MyMenu, ResponseType.LongPress,
              {
                preview: this.MyPreview
              })
        }
      }.width('100%')
    }
  }
}
ts

示例7

通过绑定isShown控制菜单（自定义预览内容）

// xxx.ets
@Entry
@Component
struct Index {
  private iconStr: ResourceStr = $r("app.media.icon")
  @State isShown: boolean = false

  @Builder
  MyMenu() {
    Menu() {
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
    }
  }

  @Builder
  MyPreview() {
    Column() {
      Image($r('app.media.icon'))
        .width(200)
        .height(200)
    }
  }

  build() {
    Column({ space: 50 }) {
      Column() {
        Column() {
          Text('preview-builder')
            .width(200)
            .height(100)
            .textAlign(TextAlign.Center)
            .margin(100)
            .fontSize(30)
            .bindContextMenu(this.isShown, this.MyMenu,
              {
                preview: this.MyPreview,
                onDisappear: ()=>{
                    this.isShown = false;
                }
              })
          Button('click')
            .onClick(()=>{
                this.isShown = true;
             })
        }
      }.width('100%')
    }
  }
}
ts

示例8

通过transition自定义菜单和预览的显示/退出动效属性

// xxx.ets
@Entry
@Component
struct MenuExample {
  @Builder MenuBuilder() {
    Flex({ direction: FlexDirection.Column, justifyContent: FlexAlign.Center, alignItems: ItemAlign.Center }) {
      Text('Test menu item 1')
        .fontSize(12)
        .width(200)
        .height(30)
        .textAlign(TextAlign.Center)
      Divider().height(10)
      Text('Test menu item 2')
        .fontSize(12)
        .width(100)
        .height(30)
        .textAlign(TextAlign.Center)
    }.width(100)
  }
  @Builder
  MyPreview() {
    Column() {
      Image($r('app.media.icon'))
        .width(50)
        .height(50)
    }
  }
  @State isShow:boolean = false
  private iconStr: ResourceStr = $r("app.media.icon")

  @Builder
  MyMenu() {
    Menu() {
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
      MenuItem({ startIcon: this.iconStr, content: "菜单选项" })
    }
  }
  build() {
    Column() {
      Button('LongPress bindContextMenu')
        .margin({ top: 15 })
        .bindContextMenu(
          this.MenuBuilder,
          ResponseType.LongPress,{
          transition: TransitionEffect.OPACITY.animation({ duration: 4000, curve: Curve.Ease }).combine(
            TransitionEffect.rotate({ z: 1, angle: 180 })),
          preview: this.MyPreview,
          previewAnimationOptions: {
            scale: [0.8, 1.0],
            transition: TransitionEffect.OPACITY.animation({ duration: 4000, curve: Curve.Ease }).combine(
              TransitionEffect.rotate({ z: 1, angle: 180 }))
          }
        })
    }
    .width('100%')
    .margin({ top: 5 })
  }
}
ts

 

蜀道叁QAQ
关注
  • 30
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全网首发黑马程序员鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程2
05-16
《全网首发黑马程序员鸿蒙 HarmonyOS NEXT星河版零基础入门到实战》是一套针对初学者精心设计的鸿蒙操作系统开发教程。本教程旨在帮助没有编程基础的学员快速掌握HarmonyOS的开发技能，通过丰富的实例和清晰的讲解，...
全网首发黑马程序员鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程1
05-16
全网首发黑马程序员鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程1
鸿蒙Harmony应用开发—ArkTS声明式开发（通用属性：菜单控制）
m0_64420071的博客
03-04 1283
ArkTS声明式开发（通用属性：菜单控制）
鸿蒙HarmonyOS规范开发：下拉菜单标题栏-SelectTitleBar
最新发布
zxc195818的博客
08-10 655
下拉菜单标题栏包含一个下拉菜单，可用于页面之间的切换；可用于一级页面、二级及其以上界面（配置返回键）。
鸿蒙HarmonyOS实战开发：应用内添加卡片到桌面菜单-FormMenu
zxc195818的博客
08-08 842
本组件封装了一个“添加至桌面”菜单，用于实现应用内长按组件生成“添加至桌面”菜单，点击该菜单，触发卡片添加至桌面操作。通过桌面访问该应用快捷卡片，可以直接访问该组件功能。
鸿蒙HarmonyOS实战开发：编辑页面标题栏-EditableTitleBar
zxc195818的博客
08-08 514
编辑型标题栏，适用于多选界面或者内容的编辑界面，一般采取左叉右勾的形式。
HarmonyOS开发实战指南：ArkTS/TS代码重构
maniu110的博客
07-14 908
在编辑器中支持将函数内、类方法内等区域代码块或表达式，提取为新方法/函数（Method）、常量（Constant）、接口（Interface）、变量（Variable）或类型别名（Type Alias）。准确便捷的将所选区域代码从当前作用域内进行提取，提升编码效率。
鸿蒙Harmony应用开发—ArkTS声明式开发（基础手势：Select）
m0_64420071的博客
03-12 1894
ArkTS声明式开发（基础手势：Select）
鸿蒙HarmonyOS开发规范： 网格对象的编辑排序-GridObjectSortComponent
zxc195818的博客
08-10 664
网格对象的编辑排序是用于网格对象的编辑、拖动排序、新增和删除。
HarmonyOS实战开发：服务卡片
2401_84194030的博客
04-24 1114
服务卡片（以下简称“卡片”）是一种界面展示形式，可以将应用的重要信息或操作前置到卡片，以达到服务直达、减少体验层级的目的。
HarmonyOS应用开发者基础认证，Next版本发布后最新题库
热门推荐
Gusha_的博客
06-29 3万+
HarmonyOS应用开发者基础认证最新题库，编写于2024年6月30日，Next版本发布之后
鸿蒙HarmonyOS应用开发者认证 题库+答案案
01-18
本资源提供了鸿蒙HarmonyOS应用开发者认证的题库和答案，涵盖了HarmonyOS应用开发的多个方面，包括容器组件、 Ability、Web组件、网络请求、首选项、自定义组件、弹窗组件、图片加载、网络权限等。通过学习和理解...
全网首发鸿蒙 HarmonyOS NEXT星河版零基础入门到实战，零基础也能快速入门鸿蒙开发教程
02-11
ArkTS 是一种专为鸿蒙 HarmonyOS 开发的应用程序编程语言，它基于 JavaScript 和 TypeScript 的语法特点，融合了面向对象编程和函数式编程的优点，使得开发者能够更加高效地开发应用。 - **核心概念**：理解 ArkTS ...
黑马HarmonyOS-NEXT星河版实战-课程网盘链接提取码下载 .txt
06-03
"黑马HarmonyOS-NEXT星河版实战"课程旨在帮助学员深入了解HarmonyOS-NEXT星河版操作系统的开发和实际应用。学员将学习操作系统原理、应用开发技巧和界面设计，通过实战项目提升技能。课程注重实践与理论相结合，为...
鸿蒙AI功能开发【hiai引擎框架-通用文字识别】 基础视觉服务
2301_76813281的博客
08-07 444
本示例展示了使用hiai引擎框架提供的通用文字识别能力。 本示例模拟了在应用里，选择一张图片，识别其文字信息并展示出来（可复制）。 需要使用hiai引擎框架通用文字识别接口@kit.CoreVisionKit.d.ts。
【HarmonyOS NEXT星河版开发学习】小型测试案例06-小红书卡片
2302_80329073的博客
08-06 713
在鸿蒙（HarmonyOS）开发中，自适应伸缩是指应用程序能够根据不同设备的屏幕尺寸、分辨率和形态（如手机、平板、电视）自动调整布局和元素大小，以确保用户界面在各种设备上都能良好地显示和使用。约束布局（ConstraintLayout）
鸿蒙笔记--Socket
ljt2724960661的博客
08-04 398
这一节主要了解鸿蒙Socket通信，在鸿蒙系统中，Socket TCP通讯是一种常用的...
鸿蒙HarmonyOS开发：多种内置弹窗及自定义弹窗的详细使用指南
在这里，我分享我的技术心得、项目经验、实用的技术教程、深入的技术分析以及前端开发的最新动态，希望能帮助到更多的人。
08-08 1612
弹窗是移动应用中常见的一种用户界面元素，常用于显示一些重要的信息、提示用户进行操作或收集用户输入。ArkTS提供了多种内置的弹窗供开发者使用，除此之外还支持自定义弹窗，来满足各种不同的需求。不同弹窗的详细使用介绍，消息提示框（showToast）、对话框（showDialog）、警告弹窗（AlertDialog）、操作菜单（showActionMenu）、操作列表弹窗（ActionSheet）、文本滑动选择器弹窗 (TextPickerDialog)、自定义弹窗 (CustomDialog)。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值