前言
汉得飞搭aPaaS低代码平台（FEIDA，以下简称“飞搭”）是基于低代码理念打造的融合 aPaaS 平台，助力企业快速搭建业务应用。作为 HZERO 生态的重要组成部分，致力于充分融合 HZERO 的各平台能力，提供企业用户在线化灵活搭建业务应用的能力，支撑企业普惠化（低门槛、高协作）、敏态化（高效率） 和低成本化地快速响应市场变化，加速复杂业务场景落地。
概要介绍
按钮组件是一种在设计用户界面时最常用的交互元素，通常用于触发特定操作或功能。在各类业务场景中，借助按钮的多样化展示形式，能够为用户营造出更为优质的用户体验以及更卓越的交互体验。
本篇将基于财务报销、合同管理、设备巡检三个场景介绍移动端按钮的常见用法，包含按钮的基础用法和进阶用法：
-
基础平面按钮：
平面按钮通常由文字和图标组成，飞搭支持导航栏按钮、列表行按钮、表单底部按钮、底部区按钮、字段图标按钮等基础的用法，可实现简洁清晰的页面交互，如常见的页面跳转、数据提交和删除等。
-
进阶悬浮滑动按钮：
与平面相对应，飞搭也支持悬浮按钮、列表滑动按钮，实现更具引导性、交互性的场景，如扫码填写等。
『一』 按钮基础用法介绍
01. 场景说明
报销场景中，报销单的新建、保存、删除可以分别用导航栏按钮、底部区按钮、列表行按钮来实现。
02. 使用效果
03. 功能实现
首先完成报销单查询和报销单新建页面的搭建，再配置报销单新建、保存和删除相关的功能。
步骤如下：
- 在报销单查询页面的导航栏右侧拖入按钮，调整按钮属性和样式并配置“新建报销单”事件流；
- 在报销单新建页面的底部按钮区拖入按钮，调整按钮属性和样式并配置“保存”事件流；
- 在报销单查询页面的报销单列表的行按钮区拖入按钮，调整按钮属性和样式并配置“单行删除”事件流。
二
按钮进阶用法介绍
『二』 按钮进阶用法介绍
场景一：合同管理
01. 场景说明
合同管理场景中，合同的新建可以使用悬浮按钮来实现，为用户提供更好的体验，合同的删除按钮可以使用列表滑动按钮实现，使得列表页面更加整洁，节省页面布局的空间。
02. 使用效果
03. 功能实现
首先完成合同查询页面的搭建，再配置新建和删除合同相关的功能。
步骤如下：
- 画布中拖入悬浮按钮区，选中悬浮按钮，配置“新建合同”事件流；
- 将按钮拖入合同列表的滑动按钮区，修改按钮名称和样式，配置“单行删除”事件流。
场景二：设备巡检
01. 场景说明
设备巡检场景中，通过扫码获取设备编号填写至输入框，可以使用字段图标按钮来实现。
02. 使用效果
03. 功能实现
首先完成设备巡检页面的搭建，再配置扫描获取设备编码相关的功能。
步骤如下：
-
将地址信息字段的“开启右侧按钮”的属性修改为“是”；
-
配置“扫描设备编码”事件流。
结语
飞搭移动端低代码平台是一款易用且功能强大的移动应用开发平台，相对于传统的应用开发方式，飞搭平台具有更高的效率和更低的门槛。通过使用飞搭平台，您可以快速搭建简单或复杂的移动应用，从而更好地满足用户的需求。
本篇基于财务报销、合同管理、设备巡检三个场景介绍移动端按钮的基础平面按钮（如导航栏按钮、列表行按钮及字段图标按钮等）和进阶悬浮滑动按钮，在满足常见的按钮使用场景的同时，给用户提供更出色的用户交互体验。
接下来，我们将持续推出飞搭平台专题系列教程，帮助您更好地掌握飞搭平台的使用技巧，敬请期待！
联系我们
1. 如果您想了解飞搭更详细的功能介绍和产品信息请查阅我们的产品文档：
请在PC端打开 👉汉得焱牛开放平台
open.hand-china.com/document-ce…
2. 如果您有疑问或者建议，可以通过开放平台进行工单反馈，问题分类请选择【产品/汉得aPaaS平台-飞搭】：
请在PC端打开👉汉得焱牛开放平台
3. 相关产品咨询或更多信息了解，欢迎联系我们
邮箱：openhand@vip.hand-china.com
