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

简介: 手把手教你使用XUI的正确姿势

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


由于XUI是一个Android原生UI库,它不像WebUI库那样,可以很方便地在浏览器中直接看到代码和代码实时的运行效果,因此我才详细编写了XUI的演示Demo程序,大家可以下载或者自己运行(建议)XUI演示demo程序,找到自己想要使用的组件,然后找到对应的实现代码来使用XUI的组件,下面我将分步骤讲解。


1、下载/运行Demo程序



在此之前,请确保正确引入了XUI,如果还没有引入的话,请先根据如何引用的指示,一步一步引入XUI。


运行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的程序跑通是肯定没有任何问题的,如果你没有跑成功,请你检查自己的环境是否都配置正确了!


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


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


所有的演示页面理论上都是有标题的,有的还有副标题,如题下所示:


微信截图_20220515222831.png


搜索内容的公式如下:


//无副标题
搜索内容 = 主标题;
//有副标题
搜索内容 = 主标题 + "\n" + 副标题;


下面我以上图2为例:


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


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


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


根据搜索内容进行搜索


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


微信截图_20220515222929.png


微信截图_20220515222957.png


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



相关文章
|
2天前
|
编译器 C++
【c++】入门4
【c++】入门4
27 2
|
机器人 Java Linux
Webots机器人仿真入门(一)
Webots是一个开源的移动机器人仿真模拟器,内置了许多机器人模型。机器人造价普遍超出新手承受范围,对于新手来说使用仿真软件入门是一个不错的选择。
Webots机器人仿真入门(一)
|
2天前
|
存储 安全 程序员
【C++入门到精通】C++11 [ C++入门 ]
【C++入门到精通】C++11 [ C++入门 ]
12 0
|
2天前
|
Linux 编译器 开发工具
【c++】入门2
【c++】入门2
35 2
|
6月前
|
移动开发 前端开发 Linux
进阶攻略|前端完整的学习路线
进阶攻略|前端完整的学习路线
138 0
|
10月前
|
前端开发 中间件 C#
(1)入门MasaFramework教程
(1)入门MasaFramework教程
174 0
|
11月前
|
Linux Shell C语言
【C++】C++入门(二)
【C++】C++入门(二)
94 0
|
编译器 Linux C语言
【C++】入门(上)
【C++】入门(上)
181 0
【C++】入门(上)
|
程序员
三字棋基本入门
三字棋基本入门
86 0
三字棋基本入门
|
安全 编译器 程序员
C++11入门
在2003年C++标准委员会曾经提交了一份技术勘误表(简称TC1),使得C++03这个名字已经取代了C++98称为 C++11之前的最新C++标准名称。不过由于TC1主要是对C++98标准中的漏洞进行修复,语言的核心部分则没 有改动,因此人们习惯性的把两个标准合并称为C++98/03标准。
79 0
C++11入门