手把手教你使用XUI的正确姿式

俗话说，代码是最好的老师，阅读源码是一个很是好的习惯。使用说明文档写得再仔细，也会有遗漏不足的地方，所以我鼓励你们在使用XUI的时候，结合演示Demo的代码进行开发，这样比一点一点翻文档有效的多！

因为XUI是一个Android原生UI库，它不像WebUI库那样，能够很方便地在浏览器中直接看到代码和代码实时的运行效果，所以我才详细编写了XUI的演示Demo程序，你们能够下载或者本身运行（建议）XUI演示demo程序，找到本身想要使用的组件，而后找到对应的实现代码来使用XUI的组件，下面我将分步骤讲解。

一、下载/运行Demo程序

在此以前，请确保正确引入了XUI，若是尚未引入的话，请先根据如何引用的指示，一步一步引入XUI。

下载Demo程序

• 蒲公英下载【推荐】

• Github下载

运行Demo程序【推荐】

1.下载XUI源代码

git clone https://github.com/xuexiangjys/XUI.git
复制代码

2.使用Android Studio打开XUI项目，这里推荐使用Android Studio 3.4.1以上的版本打开。

代码运行须要注意的几点:

• 网速慢的话，依赖库可能下载很慢（timeout），多试几回就好了。

• 因为Demo中使用了个人另外一个页面框架库XPage, demo中的代码有一个AppPageConfig的类是编译时自动生成的，若是提示类找不到的话是没有关系的，Build一下就出来了，固然你也能够直接运行。

• 演示Demo的程序跑通是确定没有任何问题的，若是你没有跑成功，请你检查本身的环境是否都配置正确了！

二、选择你想要使用的组件，找到对应的示例代码

找到演示页面的标题,决定搜索内容

全部的演示页面理论上都是有标题的，有的还有副标题，如题下所示：

 

搜索内容的公式以下:

//无副标题
搜索内容 = 主标题;

//有副标题
搜索内容 = 主标题 + "\n" + 副标题;
复制代码

下面我以上图2为例：

主标题：Dialog构建策略 ---> 搜索内容: Dialog构建策略

主标题：MaterialDialog, 副标题：对话框。 ---> 搜索内容: MaterialDialog\\n对话框

【切记】：千万不要少掉一个\

根据搜索内容进行搜索

使用Android Studio的全文搜索进行搜索，选择带有@Page的类，示例图以下:

 

选中结果后，该类基本上就是你所须要的示例代码所在的Fragment页面了，接下来的任务就是死抠示例代码的实现逻辑了！

相关阅读

• XUI 一个简洁而优雅的Android原生UI框架，解放你的双手！
• XUI使用说明文档

联系方式

微信公共号