[HarmonyOS Next示例代码] 鸿蒙UI开发 - 场景化Button组件

 鸿蒙UI开发 - 场景化Button组件 源码下载地址

介绍

本示例展示了使用华为融合场景服务提供的场景化Button，主要用于获取快速验证手机号Button、实时验证手机号Button、选择头像Button、打开授权设置页Button、打开APPButton、选择收货地址Button、选择发票抬头Button、地图选点Button的能力。

使用时需要引用场景化组件接口'@kit.ScenarioFusionKit'

效果预览

主页	快速验证手机号	实时验证手机号

选择头像	打开授权设置页	打开APP

选择收货地址	选择发票抬头	地图选点

使用说明

1. 在主界面可以点击快速验证手机号、实时验证手机号、选择头像、打开授权设置页、打开APP、选择收货地址、选择发票抬头、地图选点按钮验证对应场景的功能。
2. 可以通过设置styleOption中的属性值来配置按钮的基本样式。
3. 可以通过设置styleOption中styleConfig来设置更多按钮的样式。

示例工程的配置与使用

在DevEco中配置Sample工程的步骤如下

1. 创建项目及应用。
2. 详细可参见指南开发准备。

工程目录

entry
  └─src                     
    ├─main                
    │  ├─ets              
    │  │  ├─entryability         // 程序入口类
    │  │    ├──EntryAbility.ets  // 本地启动ability
    │  │  └─pages
    │  │    ├──Index.ets         // 基础预览界面
    │  └─resources        
    │      ├─base         
    │      │  ├─element       // 颜色、字体、字符串等资源
    │      │  ├─media         // 图片等资源  
    │      │  └─profile       // 页面配置

具体实现

快速验证手机号、实时验证手机号、选择头像、打开授权设置页、打开APP、选择收货地址、选择发票抬头、地图选点按钮功能的场景化组件封装在\entry\src\main\ets\pages， 这些按钮为对应场景的FunctionalButton组件，按钮在点击时会调用FunctionalButton组件中对应的功能。

相关权限

参考开发指南中开发准备和各个Button前提条件。

依赖

无