QMUIGroupListView的使用

2019-09-29  本文已影响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();
        }
    }
};//默认文字在左边   自定义加载框按钮

上一篇 下一篇

猜你喜欢

热点阅读