本文介绍了如何利用QMUI Android框架，结合其主题样式，手动创建表单填写界面。由于QMUI官方示例未包含EditText，作者通过自定义布局实现了左对齐的输入框效果，保持了与QMUIGroupListView一致的视觉风格。主要使用GridLayout和TextView，并应用QMUI的样式和主题，仅用QMUI官方按钮，其余控件使用原生组件。
QMUI Android框架的官方说，QMUIGroupListView一般用于设置页面，但是官方给出的样例demo仅仅展示了4个样例(显示文本、箭头、开关和加载效果)，连最基本的文本编辑框EditView都没有给出样例。
虽然可以使用自定义视图来实现，就是在自定义视图中加载EditText，但是测试下来，页面展示的效果并不好。因为这个QMUICommonListItemView里面的自定义视图是右对齐的，而一般表单界面的输入框都是左对齐。
无奈之下，我们就直接借用QMUI框架自身的属性样式，来手动打造表单输入界面吧。实现的效果如下图所示。
做出的效果，基本上和使用QMUIGroupListView的风格还是比较相似的，主要就是采用了QMUIGroupListView的主题样式。
中间的输入框用的是GridLayout，头部的QMUIGroupListView的Section的Title，直接采用TextView来实现。
基本上都是layout的布局文件，Java的代码很少。在整个布局中，QMUI框架的控件，除了2个按钮是用的官方的，其他都是用原生的控件，只不过用了QMUI的主题风格和样式。
代码部分，主要就是设置标题。这个可以参考QMUI官方的demo代码。
public class GridLayoutActivity extends Activity {
@
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
