QMUI框架
QUMI框架介绍
官网简介
QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android 项目,同时利用自身提供的丰富控件及兼容处理,让开发者能专注于业务需求而无需耗费精力在基础代码的设计上。不管是新项目的创建,或是已有项目的维护,均可使开发效率和项目质量得到大幅度提升。
功能特性
- 全局 UI 配置
只需要修改一份配置表就可以调整 App 的全局样式,包括组件颜色、导航栏、对话框、列表等。一处修改,全局生效。 - 丰富的 UI 控件
提供丰富常用的 UI 控件,例如 BottomSheet、Tab、圆角 ImageView、下拉刷新等,使用方便灵活,并且支持自定义控件的样式。 - 高效的工具方法
提供高效的工具方法,包括设备信息、屏幕信息、键盘管理、状态栏管理等,可以解决各种常见场景并大幅度提升开发效率。
框架的引入步骤
- 新建一个空项目,打开build.gradle(Moudule:app)
- 在dependencies {}中:
注释掉implementation ‘com.android.support:appcompat-v7:28.0.0’
添加 implementation ‘com.qmuiteam:qmui:1.1.2’
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
//注释
//implementation 'com.android.support:appcompat-v7:28.0.0'
implementation 'com.android.support.constraint:constraint-layout:1.1.3'
//引用
implementation 'com.qmuiteam:qmui:1.1.2'
testImplementation 'junit:junit:4.12'
androidTestImplementation 'com.android.support.test:runner:1.0.2'
androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}
- 同步gradle:两种方法
- 点击上方的黄色警告,Sync now
* 或者点击工具栏的第三个按钮
- 配置主题:打开styles.xml文件
- 把项目的 theme 的 parent 指向 QMUI.Compat
框架的使用
框架的使用可以对照着QMUI官网上给出的一个Demo来写,下面分析一些常用的控件,逐步熟悉QMUI框架。
- 如果下载了官方给出的demo,就会看到qmuidemo,我们可以参考这里的代码来使用这个框架。
按钮
- 按钮的代码在标红的布局文件中,但介绍的不是很详细,我把一些官网没介绍清楚的属性写下来:
- <com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton表示使用QMUI框架的按钮
- **android:padding=“20dp”**调整按钮大小
- **app:qmui_radius=“22dp”**调整圆角大小
- **app:qmui_radiusTopLeft=“80dp”**指定按钮左上角的圆角大小
- **app:qmui_radiusTopRight=“80dp”**指定按钮右上角的圆角大小
- ** app:qmui_radiusBottomLeft=“80dp”**指定按钮左下角的圆角大小
- **app:qmui_radiusBottomRight=“80dp”**指定按钮右下角的圆角大小
- **app:qmui_borderWidth=“12px”**指定按钮的边框宽度
- ** app:qmui_borderColor="@color/colorPrimary"**指定按钮的边框颜色
- 写了一个小例子:
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
</