美文网首页
QMUIGroupListView的使用

QMUIGroupListView的使用

作者: 流苏丶 | 来源:发表于2019-09-29 15:40 被阅读0次

第一步 引入库

最新的库会上传到 JCenter 仓库上,请确保配置了 JCenter 仓库源,然后直接引用:
implementation 'com.qmuiteam:qmui:1.4.0'
至此,QMUI 已被引入项目中。

第二步 配置主题

把项目的 theme 的 parent 指向 QMUI.Compat,至此,QMUI 可以正常工作。

AndroidManifest.xml:
android:theme="@style/AppTheme"
-----------------------------------------------
styles.xml:
<style name="AppTheme" parent="QMUI.Compat">

第三步 定义XML

<ScrollView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/qmui_config_color_background">

        <com.qmuiteam.qmui.widget.grouplist.QMUIGroupListView
            android:id="@+id/grouplistview"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>
    </ScrollView>

第四步 Java代码

QMUIGroupListView groupListView = findViewById(R.id.grouplistview);

QMUICommonListItemView item1 = groupListView.createItemView("标题");
item1.setDetailText("内容");//默认文字在左边   描述文字在右边

QMUIGroupListView.newSection(this)
                .setTitle("分组标题")
                .addItemView(item1, new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(getApplicationContext(), "点击", Toast.LENGTH_SHORT).show();
                    }
                })
                .addTo(groupListView);

其他样式

normalItem.setOrientation(QMUICommonListItemView.VERTICAL);//默认文字在左边

itemWithDetail.setDetailText("在右方的详细信息");//默认文字在左边   描述文字在右边

itemWithDetailBelow.setOrientation(QMUICommonListItemView.VERTICAL);
itemWithDetailBelow.setDetailText("在标题下方的详细信息");//默认文字在左边   描述文字在标题下边

itemWithChevron.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_CHEVRON);//默认文字在左边   右侧更多按钮

itemWithSwitch.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_SWITCH);
itemWithSwitch.getSwitch().setOnCheckedChangeListener(new CompoundButton.OnCheckedChangeListener() {
    @Override
    public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
        Toast.makeText(getActivity(), "checked = " + isChecked, Toast.LENGTH_SHORT).show();
    }
});//默认文字在左边   右侧为选择按钮

itemWithCustom.setAccessoryType(QMUICommonListItemView.ACCESSORY_TYPE_CUSTOM);
QMUILoadingView loadingView = new QMUILoadingView(getActivity());
itemWithCustom.addAccessoryCustomView(loadingView);
View.OnClickListener onClickListener = new View.OnClickListener() {
    @Override
    public void onClick(View v) {
        if (v instanceof QMUICommonListItemView) {
            CharSequence text = ((QMUICommonListItemView) v).getText();
            Toast.makeText(getActivity(), text + " is Clicked", Toast.LENGTH_SHORT).show();
        }
    }
};//默认文字在左边   自定义加载框按钮

相关文章

  • QMUIGroupListView的使用

    第一步 引入库 最新的库会上传到 JCenter 仓库上,请确保配置了 JCenter 仓库源,然后直接引用: 至...

  • QMUI之QMUIGroupListView使用

    通用的列表,常用于 App 的设置界面,其父类不是 ListView 而是 LinearLayout,所以一般要配...

  • iconfont的使用(下载使用)

    1、下载文件 2、在生命周期中引入项目 beforeCreate () { var domModule = ...

  • Gson的使用--使用注解

    Gson为了简化序列化和反序列化的过程,提供了很多注解,这些注解大致分为三类,我们一一的介绍一下。 自定义字段的名...

  • 记录使用iframe的使用

    默认记录一下----可以说 这是我第一次使用iframe 之前都没有使用过; 使用方式: 自己开发就用了这几个属...

  • with的使用

    下面例子可以具体说明with如何工作: 运行代码,输出如下

  • this的使用

    什么是this? this是一个关键字,这个关键字总是返回一个对象;简单说,就是返回属性或方法“当前”所在的对象。...

  • this的使用

    JS中this调用有几种情况 一:纯粹的函数调用 这是函数的最通常用法,属于全局性调用,因此this就代表全局对象...

  • ==的使用

    积累日常遇到的编码规范,良好的编码习惯,持续更新。。。 日常使用==用于判断的时候,习惯性将比较值写前面,变量写后...

  • this的使用

    1.默认绑定,就是函数立即执行。 函数立即执行就是指向window,但是如果是node环境,就是指向全局conso...

网友评论

      本文标题:QMUIGroupListView的使用

      本文链接:https://www.haomeiwen.com/subject/xskructx.html