Power Apps 设计工具包使用教程

Power Apps 设计工具包使用教程

powerapps-designtoolkit This toolkit is a curated repo of Power Apps UI Guidance and Components that you can plug and play into your apps to transform your design. 项目地址: https://gitcode.com/gh_mirrors/po/powerapps-designtoolkit

1. 项目的目录结构及介绍

Power Apps 设计工具包的目录结构如下：

powerapps-designtoolkit/
├── docs/                    # 文档目录
├── materialdesign components/  # Material Design 组件库
│   ├── AppBar
│   ├── Banner
│   ├── Bottom Navigation
│   ├── Button
│   ├── Checkbox
│   ├── Contrast Checker
│   ├── Dialog
│   ├── Generic Input Frame
│   ├── Navigation Drawer
│   ├── Progress Indicator
│   ├── Side Sheet
│   ├── Slider
│   ├── Snackbar
│   ├── TextInput
│   └── Toggle
├── LICENSE                  # 开源协议文件
└── README.md                # 项目说明文件

• docs/: 存放项目文档的目录。
• materialdesign components/: 包含了基于 Material Design 设计理念的 UI 组件库，其中包括了应用栏、横幅、底部导航、按钮、复选框等常用的界面元素。
• LICENSE: 项目采用的开源协议文件，本项目遵循 MIT 协议。
• README.md: 项目说明文件，其中包含了项目的基本信息和说明。

2. 项目的启动文件介绍

Power Apps 设计工具包的启动主要依赖于对组件库的引用和使用。由于这是一个静态的资源库，并没有一个启动文件，而是将组件库集成到 Power Apps 项目中。

在 Power Apps 的画布中，您可以通过以下步骤引入和使用组件：

1. 在 Power Apps 的左侧菜单中选择“组件”。
2. 点击“新建组件”或者“从库中添加”。
3. 选择相应的组件，并将其拖拽到画布上。

3. 项目的配置文件介绍

Power Apps 设计工具包作为一个 UI 组件库，其配置主要通过在 Power Apps 的属性窗口中进行。每个组件都有一系列可配置的属性，用户可以通过这些属性来定制组件的外观和行为。

• 通用属性: 包括大小、颜色、可见性等，这些属性适用于所有组件。
• 特定属性: 每个组件可能还有特定的属性，例如按钮的文本内容、复选框的选中状态等。

用户无需配置额外的文件，只需在 Power Apps 编辑器中直接操作组件属性即可完成配置。

以上就是对 Power Apps 设计工具包的基本介绍，您可以根据自己的需要将这些组件集成到您的 Power Apps 项目中，提升应用的用户界面设计质量。

powerapps-designtoolkit This toolkit is a curated repo of Power Apps UI Guidance and Components that you can plug and play into your apps to transform your design. 项目地址: https://gitcode.com/gh_mirrors/po/powerapps-designtoolkit