演示项目

通过查看演示Demo的实现，可以快速高效地掌握UI组件的使用。

项目架构

项目页面主要使用XPage页面框架自动搭建，结构非常清晰。项目主要分为"组件"、"工具"和"拓展"三个部分。

• 组件：组件页面主要包含了UI框架中所有组件的使用Demo样例，在"com.xuexiang.xuidemo.fragment.components"包下，点击查看。

• 工具：工具页面主要包含了UI框架中所有辅助工具的使用Demo样例，在"com.xuexiang.xuidemo.fragment.utils"包下，点击查看。

• 拓展：扩展页面主要包含了功能比较复杂的第三方UI组件集成Demo样例，在"com.xuexiang.xuidemo.fragment.expands"包下，点击查看

项目结构如下图：

Demo下载

演示程序大概18M（主要是demo中集成了一个小视频拍摄的库比较大，大约13M左右，而XUI库目前只有644k大小），项目比较大，推荐使用蒲公英下载。

蒲公英下载

Github下载