QMUI框架简介

QMUI框架

QUMI框架介绍

官网简介

QMUI Android 的设计目的是用于辅助快速搭建一个具备基本设计还原效果的 Android 项目，同时利用自身提供的丰富控件及兼容处理，让开发者能专注于业务需求而无需耗费精力在基础代码的设计上。不管是新项目的创建，或是已有项目的维护，均可使开发效率和项目质量得到大幅度提升。

功能特性

• 全局 UI 配置
  只需要修改一份配置表就可以调整 App 的全局样式，包括组件颜色、导航栏、对话框、列表等。一处修改，全局生效。
• 丰富的 UI 控件
  提供丰富常用的 UI 控件，例如 BottomSheet、Tab、圆角 ImageView、下拉刷新等，使用方便灵活，并且支持自定义控件的样式。
• 高效的工具方法
  提供高效的工具方法，包括设备信息、屏幕信息、键盘管理、状态栏管理等，可以解决各种常见场景并大幅度提升开发效率。

框架的引入步骤

• 新建一个空项目，打开build.gradle(Moudule:app)

1. 在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'
}

2. 同步gradle：两种方法

• 点击上方的黄色警告，Sync now
  * 或者点击工具栏的第三个按钮
  
• 配置主题：打开styles.xml文件

1. 把项目的 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">
</