Delphi FMX开发进阶：DevExpress控件包安装与核心功能实战-育师

简介：本资源是面向Delphi 12.3开发者的专业级FMX界面增强控件包，集成DevExpress FMX 20.1.2版本全部组件，专为构建高性能、跨平台（Windows/macOS/iOS/Android）原生UI应用提供完整支持。适用于中高级Delphi开发者，解决原生FMX控件在数据绑定、布局管理、网格展示及高DPI适配等方面的局限性，显著提升复杂业务界面的开发效率与视觉一致性。压缩包共619个文件，含229个编译单元（dcu）、46个源码单元（pas）、39个资源文件（res）、39个工程配置（dproj）及32个包定义（dpk）等核心类型，覆盖组件注册、设计时支持、运行时库及多平台部署配置，整体体积达160.76MB。目前已有83人学习下载，用户可直接导入IDE使用全部FMX控件（如dxGrid、dxLayoutControl、dxMemData等），获得开箱即用的设计时可视化支持、完整源码参考及跨平台部署示例，大幅降低DevExpress FMX组件在Delphi 12.3环境下的集成门槛。

1. 项目概述：一份Delphi FMX开发者的“宝藏”控件包

如果你是一名Delphi开发者，尤其是正在使用FireMonkey（FMX）框架进行跨平台应用开发，那么看到“Delphi12-DevExpressFMX-20.1.2.rar”这个文件名，你的DNA可能已经动了。这不仅仅是一个压缩包，它背后代表的是一个能极大提升开发效率、丰富应用界面的强大第三方控件库——DevExpress VCL/FMX Controls，针对Delphi 12.3和FMX框架的20.1.2版本。简单来说，这是一个专为Delphi 12.3环境定制的、用于FireMonkey跨平台UI开发的商业控件集合。它解决了原生FMX控件在功能丰富度、视觉效果和专业性上可能存在的不足，让开发者能够用更少的代码，构建出媲美甚至超越现代桌面和移动应用标准的用户界面。

为什么说它是“宝藏”？因为DevExpress在.NET和Delphi生态中，一直是高品质UI控件的代名词。其FMX版本将大量经过市场验证的、功能强大的VCL控件特性迁移到了跨平台的FireMonkey框架上。这意味着，你可以在Windows、macOS、iOS、Android甚至Linux上，使用一套统一的、高度可定制的控件来构建应用，而无需为每个平台寻找和适配不同的UI解决方案。无论是复杂的数据网格（Grid）、图表（Chart）、导航控件，还是精美的按钮、编辑器、布局面板，这个控件包都提供了远超标准组件的选项。对于从Delphi VCL转向FMX的开发者，或者希望FMX应用拥有更专业外观和交互的团队，这个控件包几乎是不可或缺的利器。

2. 核心需求与场景解析：为什么你需要它？

2.1 弥补原生FMX控件的功能短板

Delphi自带的FMX控件库提供了构建跨平台应用的基础，但在面对企业级或商业化应用需求时，常常显得力不从心。例如，原生TGrid控件功能相对基础，要实现多层表头、分组汇总、单元格合并、复杂筛选、数据导出等高级功能，需要开发者投入大量精力自行编码。而DevExpress的TcxGrid（FMX版本）则将这些功能内置，通过属性设置和事件处理就能轻松实现。再比如，原生图表控件可能只支持有限的图表类型和自定义选项，而DevExpress的图表套件则提供了数十种图表类型、丰富的动画效果和深度交互能力。这个控件包的核心需求，就是为FMX开发者提供一个功能完备、开箱即用的高级UI组件库，将开发者从重复造轮子和处理底层UI细节的繁琐工作中解放出来。

2.2 提升开发效率与维护一致性

在商业项目开发中，时间成本和代码质量至关重要。使用一套成熟的第三方控件库，可以直接复用其经过充分测试的复杂功能模块。例如，要实现一个支持树形结构、复选框、拖拽排序的数据网格，如果从零开始，可能需要数周时间，并且隐藏大量Bug。而使用DevExpress的控件，可能只需要拖放组件、设置几个关键属性，再编写少量业务逻辑代码即可完成。这不仅大幅提升了开发速度，也保证了功能实现的稳定性和可靠性。同时，由于所有高级UI元素都来自同一套库，整个应用程序的视觉风格和行为模式更容易保持一致，降低了后期UI统一调整和维护的复杂度。

2.3 构建现代化与专业化的应用界面

随着用户对软件体验的要求越来越高，应用的视觉外观和交互流畅度已成为竞争力的重要组成部分。DevExpress FMX控件在设计上紧跟现代UI设计趋势，提供了多种预置的主题（Theme）和皮肤（Skin），如Office、Visual Studio、Dark等风格，并且支持高度的自定义。开发者可以轻松地为应用切换主题，或精细调整颜色、字体、圆角、阴影等视觉元素，使应用摆脱“老旧桌面软件”的刻板印象，呈现出更时尚、更专业的观感。这对于需要面向终端用户或需要体现品牌形象的应用来说，价值巨大。

2.4 应对特定业务场景的复杂需求

从网络热词中，我们可以看到开发者们面临的具体挑战：devexpress 曲线+柱状图反映了对复杂数据可视化的需求；delphi将memo中的数据导入excel里和delphi ado 连接 excel指向了数据导入导出和Office集成的场景；delphi firemonkey pda 编程实现扫码结果接受则涉及移动端（PDA）的硬件交互。DevExpress控件包中通常包含强大的数据导出模块（支持Excel、PDF等）、丰富的图表类型（混合图表正是其强项），以及更好的与系统底层或外部设备交互的扩展能力。它不是一个孤立的UI库，而是一个围绕数据展示、分析和交互的完整解决方案，能够很好地覆盖这些复杂的业务场景。

3. 控件包内容深度拆解与核心组件指南

“Delphi12-DevExpressFMX-20.1.2.rar”这个文件，解压后通常会包含完整的控件安装包、源代码（如果是带有源码的版本）、演示程序（Demos）、帮助文档（Help）以及必要的运行时库（DCU/BPL文件）。对于开发者而言，最需要关注的是其中包含哪些核心组件以及如何正确使用它们。

3.1 数据展示与编辑控件套件

这是DevExpress的立身之本，也是FMX开发者最常用的部分。

数据网格（Grid/TableView）：这是核心中的核心。DevExpress的网格控件（如TcxGrid）提供了极其丰富的功能：
- 视图模式：支持表格视图、卡片视图、图表视图等多种数据呈现方式。
- 高级功能：内置排序、筛选（包括Excel风格的筛选面板）、分组、摘要（合计、平均值等）、搜索、列拖动、固定列、多级表头等。
- 单元格编辑：内嵌多种编辑器，如文本、数字、日期选择器、下拉列表、复选框、按钮、进度条等，可以直接在单元格内进行编辑。
- 数据绑定：完美支持Delphi的LiveBindings或传统的数据集（如TFDMemTable），数据加载和更新效率高。
- 样式自定义：可以对表头、行、单元格、选中状态等每一个视觉元素进行独立的样式设置。
注意：初次使用DevExpress网格时，容易被其庞大的属性面板吓到。建议从创建一个简单的绑定开始，逐步尝试开启排序、筛选等基础功能，再深入复杂特性。直接复制Demo中的代码是快速上手的好方法。
数据导航与布局：如TcxNavBar（导航栏）、TcxTabControl（增强标签页）、TcxLayoutControl（布局控件）。特别是布局控件，它允许你通过拖拽和锚定来创建自适应不同屏幕尺寸的复杂界面，比手动设置Align和Margins要直观和强大得多。
编辑器套件：提供了一系列增强型编辑器，如TcxTextEdit（支持按钮和掩码）、TcxDateEdit（强大的日期选择）、TcxComboBox（支持搜索和自定义绘制）、TcxButtonEdit等。这些编辑器通常具有更好的视觉效果和更多的扩展事件。

3.2 数据可视化与图表控件

针对热词中的devexpress 曲线+柱状图需求，DevExpress的图表库（TcxChart）是绝佳选择。

图表类型：提供线图（曲线）、柱状图、饼图、面积图、散点图、金融图表（K线图）等数十种类型，并且支持在同一个图表区内创建多个轴（Axis）和绘制多种类型的序列（Series），轻松实现曲线与柱状图的混合图表。
深度定制：几乎图表中的每一个元素都可以定制——坐标轴标签格式、网格线样式、序列颜色、图例位置、提示信息（Tooltip）内容等。
交互与动画：支持图表缩放、平移、十字线、数据点高亮等交互操作，并可以添加平滑的动画效果，让数据展示更加生动。
数据绑定：同样支持多种数据源绑定方式，可以动态更新图表数据。

3.3 报表与数据导出模块

这是处理delphi将memo中的数据导入excel里这类需求的关键。DevExpress通常提供独立的报表组件（如ExpressPrinting System）和数据导出组件。

报表设计：提供可视化的报表设计器，可以设计包含图表、图片、富文本、条形码等元素的复杂报表，并支持分组、多级摘要、条件格式等。
数据导出：网格或报表的内容可以轻松导出为多种格式，包括：
- Excel：导出为原生.xlsx或.xls文件，保留格式、公式、多个工作表。
- PDF：生成高质量的PDF文档，支持书签和超链接。
- HTML、文本、图像等。
- 导出过程通常可以精细控制，例如选择导出范围、是否包含样式、如何分页等。

3.4 其他实用工具与辅助控件

包中可能还包含一些提升开发体验的控件，如：

提示与通知：更美观的Toast通知、Balloon Hint等。
对话框与表单：预定义风格的MessageBox、输入对话框、进度对话框等。
工具条与菜单：功能更丰富的Toolbar和Menu控件。
日程与甘特图：用于项目管理或日程安排的控件。

4. 安装、配置与项目集成实战

拿到一个.rar格式的第三方控件包，正确的安装和配置是第一步，也是最容易踩坑的一步。下面以在Delphi 12.3 Athens IDE中安装此包为例，详细说明步骤。

4.1 环境准备与文件解压

备份IDE配置：在安装任何第三方控件前，建议先备份你的Delphi IDE设置和已有项目。可以通过“Tools -> Options -> Environment Options -> Save”来导出设置。
关闭Delphi IDE：确保所有Delphi实例都已关闭。
解压文件：将“Delphi12-DevExpressFMX-20.1.2.rar”解压到一个清晰的目录，例如D:\DevComponents\DevExpressFMX\20.1.2\。确保路径中不包含中文或特殊字符。
识别关键文件夹：解压后，通常你会看到类似以下的目录结构：
- Lib\FMX\：包含针对不同平台的编译好的包文件（.bpl）和单元文件（.dcu）。
- Source\：控件的Pascal源代码（如果提供）。
- Demos\：示例程序，这是学习使用的宝贵资源。
- Help\或Docs\：帮助文档。
- Redist\：运行时文件，发布程序时需要。

4.2 在IDE中安装设计期包

设计期包（Design-time package）允许你在IDE的组件面板上看到并使用这些控件。

打开Delphi 12.3。
打开包项目：点击菜单File -> Open Project，导航到解压目录，通常在Lib\FMX\下可以找到.dpk或.groupproj文件。例如，可能会有一个dclExpressFMXEditorsX.x.dproj（设计期包）和一个ExpressFMXx.dproj（运行期包）。优先打开并编译运行期包。
编译运行期包：在项目管理器（Project Manager）中，找到运行期包项目（如ExpressFMXx），右键选择Build。确保编译平台（如Windows 64-bit）与你的项目目标平台一致。编译成功后，会生成.bpl和.dcp文件。
编译并安装设计期包：接着，打开设计期包项目（如dclExpressFMXEditorsX.x），同样右键选择Build，然后选择Install。如果安装成功，IDE会提示“包已安装”。
检查组件面板：安装完成后，在IDE的组件面板上应该会出现新的标签页，如“DevExpress FMX”或“ExpressFMX”，里面包含了所有已安装的控件。

实操心得：如果安装过程中提示“找不到xxx.dcu文件”或“无法定位xxx.bpl”，通常是因为搜索路径（Search Path）或库路径（Library Path）没有设置。你需要将解压目录下的Source文件夹和Lib\FMX\对应平台的文件夹路径，添加到项目的或全局的Library Path中（Tools -> Options -> Language -> Delphi Options -> Library）。

4.3 在项目中使用控件

安装成功后，就可以像使用标准控件一样使用DevExpress控件了。

新建或打开FMX项目。
从组件面板拖放：从“DevExpress FMX”面板上拖一个TcxGrid到窗体上。
设置数据源：将一个TFDMemTable（或其它数据集）拖到窗体上，并为其设置字段。然后将TcxGrid的DataSource属性指向一个TDataSource，该TDataSource的DataSet指向你的TFDMemTable。
设计视图：选中TcxGrid，在对象观察器（Object Inspector）中找到Levels和Views属性，点击省略号按钮打开集合编辑器。在这里，你可以添加视图（如TableView），并在视图编辑器中添加列（Columns），将每列绑定到数据集的字段。
运行程序：按F9运行，一个功能齐全的数据网格就出现了，自带排序、列宽调整等功能。

4.4 解决“控件版本问题导致每次进入IDE都丢失”的疑难杂症

网络热词中提到了一个非常典型的问题：delphi 控件版本问题导致每次进入ide都丢失控件,需要重新放置,保存后,还是那样。这通常是由于设计期包（.bpl）与运行期包（.bpl）的版本或路径冲突造成的。

排查与解决步骤：

彻底清理旧版本：如果你之前安装过其他版本的DevExpress FMX控件，这是冲突的首要根源。手动删除以下位置可能存在的相关文件：
- %ProgramFiles(x86)%\Embarcadero\Studio\23.0\bin（Delphi安装目录的bin文件夹，具体版本号可能不同）
- %ProgramFiles(x86)%\Embarcadero\Studio\23.0\lib（lib文件夹）
- %UserProfile%\Documents\Embarcadero\Studio\23.0\Bpl（用户Bpl目录）
- 搜索整个磁盘，删除所有旧的ExpressFMX*.bpl和dclExpressFMX*.bpl文件。
检查包输出目录：在安装新包时，确保设计期包和运行期包的编译输出目录（Output Directory）是明确的，并且不与其他版本混淆。最好指向你解压目录下的一个特定文件夹。

重新注册包：关闭Delphi，以管理员身份运行命令提示符，执行以下命令来手动注册和卸载BPL（以64位为例）：

# 先尝试卸载可能冲突的旧包（如果知道名字） regsvr32 /u "C:\Path\To\Old\dclExpressFMXEditorsX.bpl" # 注册新安装的设计期包 regsvr32 "D:\DevComponents\DevExpressFMX\20.1.2\Lib\FMX\Win64\dclExpressFMXEditorsX.bpl"

注意：Delphi IDE通常自己管理BPL注册，手动注册有时能解决顽固问题。

重置IDE设置：如果以上方法无效，可以尝试重置Delphi IDE到默认状态。关闭Delphi，重命名或删除%AppData%\Embarcadero\BDS\23.0文件夹（同样，版本号可能不同），然后重新启动Delphi。这会清除所有第三方控件的注册信息，你需要重新安装DevExpress控件。
确保版本匹配：绝对确认你下载的Delphi12-DevExpressFMX-20.1.2.rar是明确支持Delphi 12.3的。有时控件包命名中的“12”可能指代模糊（如支持12.0但不支持12.3），需要查阅官方文档或发布说明。

5. 核心功能实现示例与代码解析

理论说再多，不如一段代码来得直观。下面我们通过几个具体示例，展示如何使用DevExpress FMX控件实现常见功能。

5.1 实现混合图表（曲线+柱状图）

假设我们有一个数据集，包含“月份”、“销售额”（柱状图）和“增长率”（曲线图）三个字段。

放置组件：在FMX窗体上放置一个TcxChart。
准备数据：使用一个TFDMemTable，添加三个字段：Month（String），Sales（Float），GrowthRate（Float）。并填入模拟数据。

绑定数据：使用LiveBindings或代码绑定。这里用代码示例更清晰：

procedure TForm1.FormCreate(Sender: TObject); var BarSeries: TcxBarSeries; LineSeries: TcxLineSeries; begin // 清除图表原有序列 cxChart1.Series.Clear; // 1. 创建并设置柱状图序列（销售额） BarSeries := TcxBarSeries.Create(cxChart1); BarSeries.ParentChart := cxChart1; BarSeries.Title := '销售额'; BarSeries.DataSource := FDMemTable1; // 你的数据集 BarSeries.XValueMember := 'Month'; // X轴绑定月份 BarSeries.YValueMember := 'Sales'; // Y轴绑定销售额 BarSeries.ValueFormat := '¥#,##0'; // 格式化显示 // 2. 创建并设置曲线图序列（增长率） LineSeries := TcxLineSeries.Create(cxChart1); LineSeries.ParentChart := cxChart1; LineSeries.Title := '增长率'; LineSeries.DataSource := FDMemTable1; LineSeries.XValueMember := 'Month'; LineSeries.YValueMember := 'GrowthRate'; LineSeries.ValueFormat := '0.0%'; // 将曲线序列显示在次要Y轴（右侧） LineSeries.AxisY := cxChart1.Axes.SecondaryYAxis; // 3. 为次要Y轴设置标题和格式 cxChart1.Axes.SecondaryYAxis.Title.Text := '增长率'; cxChart1.Axes.SecondaryYAxis.LabelsFormat.Text := '0.0%'; // 4. 刷新图表 cxChart1.RefreshData; end;

效果：运行程序，你将看到一个图表，左侧Y轴显示销售额柱状图，右侧Y轴显示增长率的曲线图，X轴共享月份数据。

5.2 将Grid数据导出到Excel

利用DevExpress的导出功能，可以轻松将TcxGrid的内容导出。

uses cxExportGridLink; // 需要引用导出单元 procedure TForm1.btnExportToExcelClick(Sender: TObject); var SaveDialog: TSaveDialog; begin SaveDialog := TSaveDialog.Create(nil); try SaveDialog.Filter := 'Excel Files (*.xlsx)|*.xlsx'; SaveDialog.DefaultExt := 'xlsx'; SaveDialog.FileName := 'GridDataExport.xlsx'; if SaveDialog.Execute then begin // 关键导出语句 cxExportGridToXLSX(SaveDialog.FileName, cxGrid1, True, True, True); // 参数说明： (文件名, 网格对象, 是否导出显示效果, 是否按分组导出, 是否自动调整列宽) ShowMessage('导出成功！'); end; finally SaveDialog.Free; end; end;

5.3 实现高级数据筛选

DevExpress Grid的筛选功能非常强大。我们可以在代码中动态设置一个筛选器，例如只显示“销售额”大于10000的记录。

procedure TForm1.ApplyAdvancedFilter; var AView: TcxGridDBTableView; AColumn: TcxGridDBColumn; AFilter: TcxDataFilterCriteria; begin // 假设我们操作的是Grid的第一个视图 if cxGrid1.Views[0] is TcxGridDBTableView then begin AView := TcxGridDBTableView(cxGrid1.Views[0]); // 获取“销售额”列 AColumn := AView.GetColumnByFieldName('Sales'); if AColumn <> nil then begin // 获取或创建筛选条件 AFilter := AView.DataController.Filter; AFilter.BeginUpdate; try AFilter.Root.Clear; // 清除旧筛选 // 添加新条件：Sales > 10000 AFilter.Root.AddItem(AColumn, foGreater, 10000); finally AFilter.EndUpdate; end; // 应用筛选 AView.DataController.Filter.Active := True; end; end; end;

6. 性能调优、兼容性及移动端开发注意事项

使用功能强大的第三方控件，也需要注意其对应用性能、体积和兼容性的影响。

6.1 性能优化建议

虚拟模式与大数据量：当TcxGrid需要显示海量数据（如数十万行）时，启用虚拟模式（DataController.Options下的dcoAnsiSort,dcoCaseInsensitive并非虚拟模式，真正的性能优化是使用TcxGrid的OptionsView.DataRowHeight配合服务端分页）。更重要的，对于FMX，要考虑数据源本身的效率。使用TFDMemTable时，避免一次性加载所有数据，可以考虑分页加载。
减少不必要的样式开销：过度复杂的单元格样式、条件格式会降低渲染速度。尽量使用简单的样式，并利用样式复用。
按需加载图表数据：图表控件在数据点过多时（如超过5000个点）渲染会变慢。可以考虑对数据进行采样、聚合后再展示。
发布时排除未使用的单元：在项目选项（Project -> Options -> Building -> Delphi Compiler -> Linking）中，勾选“Use ‘Units’ names from ‘uses’ clause”，这有助于链接器移除未实际使用的控件代码，减小可执行文件体积。

6.2 跨平台兼容性要点

DevExpress FMX控件旨在跨平台，但在不同平台上仍需注意：

平台特定外观：虽然控件提供了统一API，但在iOS和Android上，其渲染可能依赖FMX底层和平台本身的绘图引擎。务必在真机上进行充分测试，确保UI显示和交互符合预期。
字体与图标：移动设备上的字体库与Windows不同。确保使用的字体在目标平台上可用，或者将字体文件打包进应用。图标最好使用矢量格式（如TSVG）或多分辨率位图。
触摸交互：所有控件都应良好支持触摸操作。DevExpress控件通常对此有优化，但仍需测试长按、滑动等手势的响应。
权限与依赖：某些功能（如保存文件到相册、访问网络）需要申请移动端权限。控件本身不处理这个，需要在你的项目配置中声明。

6.3 版本管理与升级策略

锁定版本：在项目稳定后，应在版本控制系统（如Git）中锁定所使用的DevExpress控件包版本（包括源码和DCU），避免因团队中其他成员环境不同或无意升级导致的不一致问题。
谨慎升级：新版控件可能引入新特性，但也可能带来新的Bug或行为变更。不要在项目中期轻易升级主版本。升级前，务必在新分支或独立环境中，用项目的完整测试用例进行回归测试。
阅读更新日志：升级时，仔细阅读官方发布的更新日志（Release Notes），关注破坏性变更（Breaking Changes）和已修复的问题。

7. 常见问题排查与开发者社区资源

即使按照指南操作，开发过程中仍会遇到各种问题。这里汇总一些常见问题及解决思路。

问题1：设计期能看到控件，但编译运行时提示“Class TcxGrid not found”或找不到.bpl文件。

原因：运行期包（Runtime Package）没有正确部署或路径不对。
解决：
- 检查项目选项（Project -> Options -> Packages -> Runtime Packages）中，是否包含了ExpressFMXx.bpl（具体名字可能不同）。如果使用运行时包，必须勾选。
- 如果不使用运行时包，则需要将控件的DCU文件路径添加到项目的Search Path中，并确保链接的是DCU文件。更简单的方式是直接将控件的源码（Source文件夹）添加到项目中（不推荐，会使项目庞大），或者使用控件的静态编译选项（如果提供）。

问题2：在移动平台（iOS/Android）上，控件显示异常或崩溃。

原因：可能是平台特定的实现有问题，或者使用了不兼容的API。
解决：
- 首先在Windows平台上用模拟的移动风格（如设置Form的StyleBook）测试基本功能。
- 查看Delphi的部署管理器（Deployment Manager），确保所有必要的资源文件（如图片、样式文件）都已正确部署到移动设备的特定目录。
- 查看Paserver日志和移动设备的系统日志（通过IDE的Event Log或设备本身的日志工具），寻找具体的错误信息。
- 在DevExpress官方支持论坛或QC（Quality Central）中搜索相关错误信息。

问题3：控件的某个属性或方法在FMX版本中找不到，但VCL版本有。

原因：FMX和VCL框架存在根本差异，并非所有VCL控件的特性都完整移植到了FMX版本。
解决：查阅DevExpress官方为FMX版本提供的文档或帮助文件，确认该特性是否被支持。如果不支持，可能需要寻找替代方案，或通过自定义绘制（OnCustomDraw事件）等方式自己实现。

问题4：如何获取帮助和学习资源？

官方文档与Demo：解压包内的Help和Demos文件夹是最直接的学习资料。Demo几乎展示了所有控件的用法。
DevExpress官方支持中心：注册账号后，可以访问知识库（Knowledge Base）、提交工单（Support Tickets）和参与社区论坛。这是解决疑难杂症最权威的渠道。
Stack Overflow：使用[delphi]和[devexpress]标签提问或搜索，有很多活跃的Delphi开发者。
中文社区与博客：例如“盒子论坛”（2ccc.com）的历史帖子中有大量关于DevExpress VCL的讨论，虽然FMX不同，但很多设计思路是相通的。一些个人技术博客也会分享使用心得。

我个人在实际使用DevExpress FMX控件近三年的体会是，它确实是一个能显著提升Delphi FMX开发能力和效率的“重型武器”。初期学习曲线稍陡，需要花时间熟悉其庞大的对象模型和属性体系，但一旦掌握，在构建数据密集型和需要专业UI的应用时，其带来的开发速度和质量优势是巨大的。关键在于，不要试图一下子掌握所有功能，而是从解决当前项目的一个具体痛点（比如需要一个强大的Grid）开始，逐步深入，并善用官方Demo和社区资源。

本文还有配套的精品资源，点击获取