QMUI 学习一： 入门，如何添加QMUI框架到 android项目 ，并引入QMUI的主题Theme:

 

用是最新的Android Studio 3.6.x的，下了新的QMUI Demo参考学习UI。

先上效果图：

如何添加QMUI框架并引用它的主题：

1. 添加框架： 在app.gradle里面添加依赖： implementation 'com.qmuiteam:qmui:2.0.0-alpha08'

dependencies {
    implementation fileTree(include: ['*.jar'], dir: 'libs')
    implementation 'androidx.appcompat:appcompat:1.1.0'
    implementation 'androidx.constraintlayout:constraintlayout:1.1.3'
    implementation 'com.google.android.material:material:1.1.0'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'androidx.test:runner:1.2.0'
    androidTestImplementation 'androidx.test.espresso:espresso-core:3.2.0'
    testImplementation  project(path: ':FastBleLib')
    implementation 'com.qmuiteam:qmui:2.0.0-alpha08'
}

修改引用的主题2个方法：

方法一：去改AndroidMainfest.xml 

2.修改AndroidMainfest.xml主题： android:theme="@style/QMUI.Compat"，同时在activity里也设置了theme:

 

方法二：修改style.xml的AppTheme主题，将parent指向QMUI.Compat

3. 修改style.xml主题：

 

将以上的Theme修改：style name="AppTheme" parent="QMUI.Compat.NoActionBar"：

    
    
...

这样二个地方选择其中一个改都可以将QMUI的主题引入。

源码：

activity_main.xml :

 

按上面的修改出来的主题如下，感觉还是与QMUI主题不符,怎么不是蓝色的标题栏？？？：

对比他的Demo

 

问题1： 标题栏的app名字显示出来了。

原因1: MainAcitivity.class:原来继承

 public class MainActivity extends AppCompactActivity 改成：

 public class MainActivity extends Activity

然后设置topBar颜色：

        在MainActivity.class里面设置topBar的方法里面添加: 
         mTopBar.setBackgroundColor(ContextCompat.getColor(this, R.color.app_color_theme_4));
       防止设置颜色调用失败，然后在res-values目录下的colors.xml添加此颜色：#36C8F4


 MainActivity.class

private void initTopBar() {
        mTopBar.setBackgroundColor(ContextCompat.getColor(this, R.color.app_color_theme_4));
        mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                finish();
                overridePendingTransition(R.anim.slide_still, R.anim.slide_out_right);
            }
        });

        mTopBar.setTitle("沉浸式状态栏示例");
    }

colors.xml 

    #008577
    #00574B
    #D81B60
    #36C8F4

最终运行效果如文章开关图片。