QMUI Android框架使用8-使用自身主题样式做出表单界面（添加编辑页面）

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 {
    @BindView(R.id.topbar)    QMUITopBar mTopBar;
    final String TAG = getClass().getSimpleName();
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        // 沉浸式状态栏
        QMUIStatusBarHelper.translucent(this);

        View root = LayoutInflater.from(this).inflate(R.layout.activity_grid_layout, null);
        ButterKnife.bind(this, root);
        //初始化状态栏
        initTopBar();

        setContentView(root);
    }

    private void initTopBar() {
        mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
            }
        });

        mTopBar.setTitle("注册账号");
    }
}