第一步 引入库
最新的库会上传到 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();
}
}
};//默认文字在左边 自定义加载框按钮
网友评论