增加动态库

.idea/deploymentTargetDropDown.xml

@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="deploymentTargetDropDown">
+    <runningDeviceTargetSelectedWithDropDown>
+      <Target>
+        <type value="RUNNING_DEVICE_TARGET" />
+        <deviceKey>
+          <Key>
+            <type value="SERIAL_NUMBER" />
+            <value value="127.0.0.1:7555" />
+          </Key>
+        </deviceKey>
+      </Target>
+    </runningDeviceTargetSelectedWithDropDown>
+    <timeTargetWasSelectedWithDropDown value="2023-04-11T08:06:36.147915300Z" />
+  </component>
+</project>

.idea/gradle.xml

@@ -1,5 +1,6 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <project version="4">
+  <component name="GradleMigrationSettings" migrationVersion="1" />
   <component name="GradleSettings">
     <option name="linkedExternalProjectsSettings">
       <GradleProjectSettings>

app/build.gradle

@@ -12,7 +12,6 @@ android {
         targetSdk 33
         versionCode 1
         versionName "1.0"
-
         testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
     }
 
@@ -36,4 +35,8 @@ dependencies {
     testImplementation 'junit:junit:4.13.2'
     androidTestImplementation 'androidx.test.ext:junit:1.1.3'
     androidTestImplementation 'androidx.test.espresso:espresso-core:3.4.0'
+    implementation 'com.qmuiteam:qmui:2.0.0-alpha10'  //腾讯ui包
+    implementation("com.iqiyi.xcrash:xcrash-android-lib:3.1.0") //爱奇艺捕获异常插件
+
+
 }

app/src/main/AndroidManifest.xml

@@ -2,27 +2,32 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.WRITE_SETTINGS" />
-    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
-    <uses-permission android:name="android.permission.INTERNET" />
+    <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW"/>
+    <uses-permission android:name="android.permission.INTERNET"/>
+    <uses-permission android:name="android.permission.VIBRATE" />
+    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
 
     <application
+        android:name=".QDApplication"
         android:allowBackup="true"
-        android:icon="@mipmap/ic_launcher"
+        android:icon="@mipmap/ncd"
         android:label="@string/app_name"
         android:supportsRtl="false"
-        android:theme="@style/FullscreenTheme"
+        android:theme="@style/AppTheme"
         tools:targetApi="31">
         <activity
-            android:name=".MainActivity"
-            android:configChanges="orientation|screenSize|keyboard|keyboardHidden|navigation"
-            android:exported="true">
+            android:name=".LoginActivity"
+            android:exported="true" >
             <intent-filter>
                 <action android:name="android.intent.action.MAIN" />
-
                 <category android:name="android.intent.category.LAUNCHER" />
             </intent-filter>
         </activity>
+        <activity
+            android:name=".MainActivity"
+            android:configChanges="orientation|screenSize|keyboard|keyboardHidden|navigation"
+            android:exported="false">
+        </activity>
     </application>
 
 </manifest>

app/src/main/java/com/example/chabaidao/LoginActivity.java

@@ -0,0 +1,20 @@
+package com.example.chabaidao;
+
+import androidx.appcompat.app.AppCompatActivity;
+
+import android.app.Activity;
+import android.os.Bundle;
+import android.view.View;
+import android.widget.Button;
+
+import com.example.chabaidao.manager.QDSkinManager;
+
+
+public class LoginActivity extends Activity {
+    private int skinIndex;
+    @Override
+    protected void onCreate(Bundle savedInstanceState) {
+        super.onCreate(savedInstanceState);
+        setContentView(R.layout.activity_login);
+    }
+}

app/src/main/java/com/example/chabaidao/MainActivity.java

@@ -1,14 +1,20 @@
 package com.example.chabaidao;
 
-import androidx.appcompat.app.AppCompatActivity;
-
+import android.app.Activity;
 import android.os.Bundle;
+import androidx.core.content.ContextCompat;
+
+import com.qmuiteam.qmui.widget.QMUITopBarLayout;
 
-public class MainActivity extends AppCompatActivity {
+public class MainActivity extends Activity {
 
     @Override
     protected void onCreate(Bundle savedInstanceState) {
+
         super.onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
+        QMUITopBarLayout mTopBar=findViewById(R.id.topbar);
+        mTopBar.setBackgroundColor(ContextCompat.getColor(this, R.color.app_color_theme_4));
+        mTopBar.setTitle("沉浸式状态栏示例");
     }
 }

app/src/main/java/com/example/chabaidao/QDApplication.java

@@ -0,0 +1,40 @@
+package com.example.chabaidao;
+
+import android.annotation.SuppressLint;
+import android.app.Application;
+import android.content.Context;
+import android.content.res.Configuration;
+
+import androidx.annotation.NonNull;
+
+import com.example.chabaidao.manager.QDSkinManager;
+
+public class QDApplication extends Application {
+
+    @SuppressLint("StaticFieldLeak")
+    private static Context context;
+
+    public static Context getContext() {
+        return context;
+    }
+
+    @Override
+    public void onCreate() {
+        super.onCreate();
+        context = getApplicationContext();
+        QDSkinManager.install(this);
+    }
+
+    @Override
+    public void onConfigurationChanged(@NonNull Configuration newConfig) {
+        super.onConfigurationChanged(newConfig);
+        //适配 Dark Mode
+        if ((newConfig.uiMode & Configuration.UI_MODE_NIGHT_MASK) == Configuration.UI_MODE_NIGHT_YES) {
+            QDSkinManager.changeSkin(QDSkinManager.SKIN_DARK);
+        } else if (QDSkinManager.getCurrentSkin() == QDSkinManager.SKIN_DARK) {
+            QDSkinManager.changeSkin(QDSkinManager.SKIN_WHITE);
+        }else if (QDSkinManager.getCurrentSkin() == QDSkinManager.SKIN_WHITE) {
+            QDSkinManager.changeSkin(QDSkinManager.SKIN_BLUE);
+        }
+    }
+}

app/src/main/java/com/example/chabaidao/manager/QDPreferenceManager.java

@@ -0,0 +1,64 @@
+/*
+ * Tencent is pleased to support the open source community by making QMUI_Android available.
+ *
+ * Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in
+ * compliance with the License. You may obtain a copy of the License at
+ *
+ * http://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is
+ * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+package com.example.chabaidao.manager;
+
+import android.content.Context;
+import android.content.SharedPreferences;
+import android.preference.PreferenceManager;
+
+/**
+ * Created by cgspine on 2018/1/14.
+ */
+
+public class QDPreferenceManager {
+    private static SharedPreferences sPreferences;
+    private static QDPreferenceManager sQDPreferenceManager = null;
+
+    private static final String APP_VERSION_CODE = "app_version_code";
+    private static final String APP_SKIN_INDEX = "app_skin_index";
+
+    private QDPreferenceManager(Context context) {
+        sPreferences = PreferenceManager.getDefaultSharedPreferences(context.getApplicationContext());
+    }
+
+    public static final QDPreferenceManager getInstance(Context context) {
+        if (sQDPreferenceManager == null) {
+            sQDPreferenceManager = new QDPreferenceManager(context);
+        }
+        return sQDPreferenceManager;
+    }
+
+    public void setAppVersionCode(int code) {
+        final SharedPreferences.Editor editor = sPreferences.edit();
+        editor.putInt(APP_VERSION_CODE, code);
+        editor.apply();
+    }
+
+    public int getVersionCode() {
+        return sPreferences.getInt(APP_VERSION_CODE, 0);
+    }
+
+    public void setSkinIndex(int index) {
+        SharedPreferences.Editor editor = sPreferences.edit();
+        editor.putInt(APP_SKIN_INDEX, index);
+        editor.apply();
+    }
+
+    public int getSkinIndex() {
+        return sPreferences.getInt(APP_SKIN_INDEX, QDSkinManager.SKIN_BLUE);
+    }
+}

app/src/main/java/com/example/chabaidao/manager/QDSkinManager.java

@@ -0,0 +1,56 @@
+/*
+ * Tencent is pleased to support the open source community by making QMUI_Android available.
+ *
+ * Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+ *
+ * Licensed under the MIT License (the "License"); you may not use this file except in
+ * compliance with the License. You may obtain a copy of the License at
+ *
+ * http://opensource.org/licenses/MIT
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under the License is
+ * distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ * either express or implied. See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package com.example.chabaidao.manager;
+
+import android.content.Context;
+import android.content.res.Configuration;
+
+import com.example.chabaidao.QDApplication;
+import com.example.chabaidao.R;
+import com.qmuiteam.qmui.skin.QMUISkinManager;
+
+public class QDSkinManager {
+    public static final int SKIN_BLUE = 1;
+    public static final int SKIN_DARK = 2;
+    public static final int SKIN_WHITE = 3;
+
+
+    public static void install(Context context) {
+        QMUISkinManager skinManager = QMUISkinManager.defaultInstance(context);
+        skinManager.addSkin(SKIN_BLUE, R.style.app_skin_blue);
+        skinManager.addSkin(SKIN_DARK, R.style.app_skin_dark);
+        skinManager.addSkin(SKIN_WHITE, R.style.app_skin_white);
+        boolean isDarkMode = (context.getResources().getConfiguration().uiMode
+                & Configuration.UI_MODE_NIGHT_MASK) == Configuration.UI_MODE_NIGHT_YES;
+        int storeSkinIndex = QDPreferenceManager.getInstance(context).getSkinIndex();
+        if (isDarkMode && storeSkinIndex != SKIN_DARK) {
+            skinManager.changeSkin(SKIN_DARK);
+        } else if (!isDarkMode && storeSkinIndex == SKIN_DARK) {
+            skinManager.changeSkin(SKIN_BLUE);
+        }else{
+            skinManager.changeSkin(storeSkinIndex);
+        }
+    }
+
+    public static void changeSkin(int index) {
+        QMUISkinManager.defaultInstance(QDApplication.getContext()).changeSkin(index);
+        QDPreferenceManager.getInstance(QDApplication.getContext()).setSkinIndex(index);
+    }
+
+    public static int getCurrentSkin() {
+        return QMUISkinManager.defaultInstance(QDApplication.getContext()).getCurrentSkin();
+    }
+}

app/src/main/res/color/s_app_color_blue_2.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/app_color_blue_2_disabled" android:state_enabled="false"/>
+    <item android:color="@color/app_color_blue_2_pressed" android:state_pressed="true"/>
+    <item android:color="@color/app_color_blue_2"/>
+</selector>

app/src/main/res/color/s_app_color_blue_3.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/app_color_blue_3_disabled" android:state_enabled="false"/>
+    <item android:color="@color/app_color_blue_3_pressed" android:state_pressed="true"/>
+    <item android:color="@color/app_color_blue_3"/>
+</selector>

app/src/main/res/color/s_app_color_blue_to_red.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/app_color_theme_1" android:state_enabled="false"/>
+    <item android:color="@color/app_color_theme_1" android:state_pressed="true"/>
+    <item android:color="@color/app_color_blue_2"/>
+</selector>

app/src/main/res/color/s_app_color_gray.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/qmui_config_color_gray_4" android:state_pressed="true" />
+    <item android:color="@color/qmui_config_color_gray_9" />
+</selector>

app/src/main/res/color/s_app_color_gray_dark.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/qmui_config_color_gray_7" android:state_pressed="true" />
+    <item android:color="@color/qmui_config_color_gray_4" />
+</selector>

app/src/main/res/color/s_btn_blue.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/app_color_blue_disabled" android:state_enabled="false" />
+    <item android:color="@color/app_color_blue_pressed" android:state_pressed="true" />
+    <item android:color="@color/app_color_blue" />
+</selector>

app/src/main/res/color/s_btn_gray.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/qmui_config_color_gray_5" android:state_enabled="false" />
+    <item android:color="@color/qmui_config_color_gray_6" android:state_pressed="true" />
+    <item android:color="@color/qmui_config_color_gray_1" />
+</selector>

app/src/main/res/color/s_topbar_btn_color.xml

@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:color="@color/qmui_config_color_50_white" android:state_enabled="false"/>
+    <item android:color="@color/qmui_config_color_75_white" android:state_pressed="true"/>
+    <item android:color="@color/qmui_config_color_white"/>
+</selector>

app/src/main/res/drawable/ic_launcher_background.xml

@@ -1,170 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<vector xmlns:android="http://schemas.android.com/apk/res/android"
-    android:width="108dp"
-    android:height="108dp"
-    android:viewportWidth="108"
-    android:viewportHeight="108">
-    <path
-        android:fillColor="#3DDC84"
-        android:pathData="M0,0h108v108h-108z" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M9,0L9,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,0L19,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,0L29,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,0L39,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,0L49,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,0L59,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,0L69,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,0L79,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M89,0L89,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M99,0L99,108"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,9L108,9"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,19L108,19"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,29L108,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,39L108,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,49L108,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,59L108,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,69L108,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,79L108,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,89L108,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M0,99L108,99"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,29L89,29"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,39L89,39"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,49L89,49"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,59L89,59"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,69L89,69"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M19,79L89,79"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M29,19L29,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M39,19L39,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M49,19L49,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M59,19L59,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M69,19L69,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-    <path
-        android:fillColor="#00000000"
-        android:pathData="M79,19L79,89"
-        android:strokeWidth="0.8"
-        android:strokeColor="#33FFFFFF" />
-</vector>

app/src/main/res/drawable/icon_popup_close_dark.xml

@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <group
+      android:name="iconGroup"
+      android:pivotX="12"
+      android:pivotY="12"
+      android:rotation="0">
+
+    <path
+        android:name="close"
+        android:pathData="M10.95,12.05L11.95,13.05L6.0303,19.0303L4.9697,17.9697L10.95,12.05ZM4.9697,6.0303L6.0303,4.9697L19.0303,17.9697L17.9697,19.0303L4.9697,6.0303ZM17.9697,4.9697L19.0303,6.0303L13.05,11.95L12.05,10.95L17.9697,4.9697Z"
+        android:strokeWidth="1"
+        android:fillColor="#000000"
+        android:fillType="nonZero"
+        android:strokeColor="#00000000"/>
+
+  </group>
+
+</vector>

app/src/main/res/drawable/icon_popup_close_with_bg_dark.xml

@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <shape android:shape="oval">
+            <size
+                android:width="48dp"
+                android:height="48dp" />
+            <solid android:color="#ccc" />
+        </shape>
+    </item>
+    <item
+        android:drawable="@drawable/icon_popup_close_dark"
+        android:gravity="center" />
+
+</layer-list>

app/src/main/res/drawable/icon_quick_action_copy.xml

@@ -0,0 +1,45 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M8,14l3,0l0,1.5l-3,0z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M8,11l5,0l0,1.5l-5,0z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M5.25,6.5L15.75,6.5C16.1642,6.5 16.5,6.8358 16.5,7.25L16.5,19.75C16.5,20.1642 16.1642,20.5 15.75,20.5L5.25,20.5C4.8358,20.5 4.5,20.1642 4.5,19.75L4.5,7.25C4.5,6.8358 4.8358,6.5 5.25,6.5ZM6,8L6,19L15,19L15,8L6,8Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M7.5,3.5L18.5,3.5C19.0523,3.5 19.5,3.9477 19.5,4.5L19.5,17.5L18,17.5L18,5.75C18,5.3358 17.6642,5 17.25,5L7.5,5L7.5,3.5Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+</vector>

app/src/main/res/drawable/icon_quick_action_delete_line.xml

@@ -0,0 +1,39 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M15.206,14.793L17.493,16.713L17.87,17.74L16.25,17.74L15.206,14.793ZM9.1,9.669L10.261,10.644L9.35,13.2L13.307,13.2L14.88,14.52L8.89,14.52L7.75,17.74L6.13,17.74L9.1,9.669ZM12.65,3.5L16.456,13.884L14.264,12.045L12.03,5.68L10.798,9.136L9.651,8.173L11.37,3.5L12.65,3.5Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M20.083,14.9902l-0.9642,1.1491l-12.7888,-10.5702l0.9642,-1.1491z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M5,19.5l14,0l0,1.5l-14,0z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+</vector>

app/src/main/res/drawable/icon_quick_action_dict.xml

@@ -0,0 +1,33 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M10,3C13.866,3 17,6.134 17,10C17,13.866 13.866,17 10,17C6.134,17 3,13.866 3,10C3,6.134 6.134,3 10,3ZM10,4.5C6.9624,4.5 4.5,6.9624 4.5,10C4.5,13.0376 6.9624,15.5 10,15.5C13.0376,15.5 15.5,13.0376 15.5,10C15.5,6.9624 13.0376,4.5 10,4.5Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M14,14L20,20"
+      android:strokeWidth="1.5"
+      android:fillColor="#00000000"
+      android:strokeColor="#FFFFFF"
+      android:fillType="evenOdd"/>
+</vector>

app/src/main/res/drawable/icon_quick_action_line.xml

@@ -0,0 +1,33 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M5,19.5l14,0l0,1.5l-14,0z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M17.87,17.74L16.25,17.74L15.11,14.52L8.89,14.52L7.75,17.74L6.13,17.74L11.37,3.5L12.65,3.5L17.87,17.74ZM14.67,13.2L12.03,5.68L9.35,13.2L14.67,13.2Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="evenOdd"
+      android:strokeColor="#00000000"/>
+</vector>

app/src/main/res/drawable/icon_quick_action_share.xml

@@ -0,0 +1,39 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+  <path
+      android:pathData="M12,21C7.0294,21 3,16.9706 3,12C3,7.0294 7.0294,3 12,3C16.9706,3 21,7.0294 21,12C21,16.9706 16.9706,21 12,21ZM12,19.75C16.2802,19.75 19.75,16.2802 19.75,12C19.75,7.7198 16.2802,4.25 12,4.25C7.7198,4.25 4.25,7.7198 4.25,12C4.25,16.2802 7.7198,19.75 12,19.75Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M8.6967,3.6255L14.6989,9.7078L14.1651,10.2346L7.9658,3.9526C8.2036,3.8332 8.4474,3.7239 8.6967,3.6255ZM20.3682,8.6809L14.3349,14.7946L13.8011,14.2678L20.0382,7.9475C20.1587,8.1861 20.2689,8.4307 20.3682,8.6809ZM15.208,20.4114L9.3011,14.4257L9.8349,13.8989L15.9457,20.0912C15.7056,20.2085 15.4595,20.3155 15.208,20.4114ZM3.6701,15.4139L9.6651,9.3389L10.1989,9.8657L4.0068,16.1404C3.8842,15.9041 3.7718,15.6618 3.6701,15.4139ZM8.625,20.3458L8.625,12.0667L9.375,12.0667L9.375,20.6112C9.12,20.5335 8.8698,20.4449 8.625,20.3458ZM3.75,9.4017L3.75,8.6517L12.75,8.6517L12.75,9.4017L3.75,9.4017ZM14.625,3.7067L15.375,3.7067L15.375,12.8267L14.625,12.8267L14.625,3.7067ZM20.25,14.7317L20.25,15.4817L11.25,15.4817L11.25,14.7317L20.25,14.7317Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:strokeColor="#00000000"/>
+  <path
+      android:pathData="M12,16C9.7909,16 8,14.2091 8,12C8,9.7909 9.7909,8 12,8C14.2091,8 16,9.7909 16,12C16,14.2091 14.2091,16 12,16ZM12,14.5C13.3807,14.5 14.5,13.3807 14.5,12C14.5,10.6193 13.3807,9.5 12,9.5C10.6193,9.5 9.5,10.6193 9.5,12C9.5,13.3807 10.6193,14.5 12,14.5Z"
+      android:strokeWidth="1"
+      android:fillColor="#FFFFFF"
+      android:fillType="nonZero"
+      android:strokeColor="#00000000"/>
+</vector>

app/src/main/res/drawable/launcher_bg.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/qmui_config_color_white"/>
+    <item android:drawable="@mipmap/ncd" android:gravity="center"/>
+</layer-list>

app/src/main/res/drawable/pager_layout_item_bg.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<shape xmlns:android="http://schemas.android.com/apk/res/android"
+       android:shape="rectangle">
+    <!-- rectangle 表示为矩形 -->
+
+    <!-- 填充的颜色 -->
+    <solid android:color="@color/app_color_theme_4"/>
+
+    <!-- android:radius 圆角的半径 -->
+    <corners android:radius="4dp"/>
+
+</shape>

app/src/main/res/drawable/s_app_touch_fix_area_bg.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/qmui_config_color_gray_6" android:state_pressed="true" />
+    <item android:drawable="@color/qmui_config_color_gray_9" />
+</selector>

app/src/main/res/drawable/s_list_item_bg_dark_1.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/qmui_config_color_gray_4" android:state_pressed="true"/>
+</selector>

app/src/main/res/drawable/s_list_item_bg_dark_2.xml

@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:drawable="@color/qmui_config_color_gray_6" android:state_pressed="true"/>
+    <item android:drawable="@color/qmui_config_color_gray_3"/>
+</selector>

app/src/main/res/drawable/tab_panel_bg.xml

@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<!-- 在Topbar下方的Tab面板的背景，带底部分割线 -->
+<inset xmlns:android="http://schemas.android.com/apk/res/android"
+    android:insetLeft="@dimen/list_divider_height_negative"
+    android:insetTop="@dimen/list_divider_height_negative"
+    android:insetRight="@dimen/list_divider_height_negative">
+
+    <shape>
+        <solid android:color="@color/tab_panel_bg" />
+        <stroke
+            android:width="@dimen/list_divider_height"
+            android:color="@color/tab_panel_divider" />
+    </shape>
+</inset>

app/src/main/res/drawable/web_explorer_progress.xml

@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
+
+    <item android:id="@android:id/background">
+        <shape>
+            <solid android:color="@color/qmui_config_color_transparent"/>
+        </shape>
+    </item>
+
+    <item android:id="@android:id/progress">
+        <clip>
+            <shape>
+                <solid android:color="@color/app_color_theme_1"/>
+            </shape>
+        </clip>
+    </item>
+
+</layer-list>
+

app/src/main/res/layout/activity_login.xml

@@ -0,0 +1,28 @@
+<?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"
+android:background="@mipmap/dpbj"
+    android:orientation="vertical"
+tools:context=".LoginActivity">
+<LinearLayout android:layout_width="match_parent"
+    android:layout_height="match_parent">
+</LinearLayout>
+
+
+<!--<com.qmuiteam.qmui.widget.roundwidget.QMUIRoundButton-->
+<!--    android:id="@+id/btn"-->
+<!--    android:layout_marginTop="10dp"-->
+<!--    android:layout_width="200dp"-->
+<!--    android:layout_height="50dp"-->
+<!--    android:layout_below="@id/v2"-->
+<!--    android:layout_centerHorizontal="true"-->
+<!--    android:gravity="center"-->
+<!--    app:qmui_radius="10dp"-->
+<!--    app:qmui_skin_background="?attr/app_skin_btn_test_bg"-->
+<!--    app:qmui_skin_text_color="?attr/app_skin_span_normal_text_color"-->
+<!--    app:qmui_skin_border="?attr/app_skin_btn_test_border_single"-->
+<!--    android:text="change skin" />-->
+</RelativeLayout>

app/src/main/res/layout/activity_main.xml

@@ -1,15 +1,24 @@
 <?xml version="1.0" encoding="utf-8"?>
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<com.qmuiteam.qmui.widget.QMUIWindowInsetLayout
+    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"
-    android:background="@color/bj"
     tools:context=".MainActivity">
-    <TextView
-        android:layout_width="match_parent"
-        android:layout_height="match_parent"
-        android:text="我是测试界面"
-        >
-    </TextView>
-</RelativeLayout>
+
+        <com.qmuiteam.qmui.widget.QMUITopBarLayout
+            android:id="@+id/topbar"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+
+            android:fitsSystemWindows="true">
+        </com.qmuiteam.qmui.widget.QMUITopBarLayout>
+
+<!--        <com.qmuiteam.qmui.widget.QMUILoadingView-->
+<!--            android:id="@+id/loadView"-->
+<!--            android:layout_width="match_parent"-->
+<!--            android:layout_height="50dp">-->
+
+<!--        </com.qmuiteam.qmui.widget.QMUILoadingView>-->
+</com.qmuiteam.qmui.widget.QMUIWindowInsetLayout>

app/src/main/res/mipmap-anydpi-v26/ic_launcher.xml

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@drawable/ic_launcher_background" />
-    <foreground android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

app/src/main/res/mipmap-anydpi-v26/ic_launcher_round.xml

@@ -1,5 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@drawable/ic_launcher_background" />
-    <foreground android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

app/src/main/res/mipmap-anydpi-v33/ic_launcher.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
-    <background android:drawable="@drawable/ic_launcher_background" />
-    <foreground android:drawable="@drawable/ic_launcher_foreground" />
-    <monochrome android:drawable="@drawable/ic_launcher_foreground" />
-</adaptive-icon>

app/src/main/res/values/attr.xml

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<resources>
+    <attr name="app_primary_color" format="color" /> <!-- topbar -->
+    <attr name="app_content_bg_color" format="color" /> <!-- content-->
+</resources>

app/src/main/res/values/colors.xml

@@ -1,88 +1,60 @@
 <?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
 <resources>
-    <color name="purple_200">#FFBB86FC</color>
-    <color name="purple_500">#FF6200EE</color>
-    <color name="purple_700">#FF3700B3</color>
-    <color name="teal_200">#FF03DAC5</color>
-    <color name="teal_700">#FF018786</color>
-    <color name="bj">#1d2748</color>
+    <!-- common -->
+
+    <color name="app_color_blue">#00A8E1</color>
+    <color name="app_color_blue_disabled">#8000A8E1</color>
+    <color name="app_color_blue_pressed">#c000A8E1</color>
+
+    <color name="app_color_blue_2">#31BDF3</color>
+    <color name="app_color_blue_2_disabled">#7F31BDF3</color>
+    <color name="app_color_blue_2_pressed">#7F31BDF3</color>
+
+    <color name="app_color_blue_3">#EBF9FF</color>
+    <color name="app_color_blue_3_disabled">#7FEBF9FF</color>
+    <color name="app_color_blue_3_pressed">#7FEBF9FF</color>
+
+    <color name="app_color_theme_1">#EF5362</color> <!-- Grapefruit -->
+    <color name="app_color_theme_2">#FE6D4B</color> <!-- Bittersweet -->
+    <color name="app_color_theme_3">#FFCF47</color> <!-- Sunflower -->
+    <color name="app_color_theme_4">#9FD661</color> <!-- Grass -->
+    <color name="app_color_theme_5">#3FD0AD</color> <!-- Mint -->
+    <color name="app_color_theme_6">#2BBDF3</color> <!-- Aqua -->
+    <color name="app_color_theme_7">#5A9AEF</color> <!-- Blue Jeans -->
+    <color name="app_color_theme_8">#AC8FEF</color> <!-- Lavender -->
+    <color name="app_color_theme_9">#EE85C1</color> <!-- Pink Rose -->
 
-    <color name="colorPrimary">#008577</color>
-    <color name="colorPrimaryDark">#1A533D</color>
-    <color name="colorAccent">#D81B60</color>
-    <color name="black_overlay">#66000000</color>
-    <color name="color_gray">#7e7e7e</color>
-    <color name="light_gray">#d9d9d9</color>
-    <color name="shop_bg_color">#918b35</color>
-    <color name="car_gray_color">#454545</color>
-    <color name="account_color">#ff9500</color>
-    <color name="account_gray_color">#535353</color>
-    <color name="taste_bg_color">#f6f6f6</color>
-    <color name="price_red">#ff5339</color>
-    <color name="dc_bj">#1A2340</color>
-    <color name="dc_ts">#58BD1E</color>
-    <color name="dc_wz">#a2c2e8</color>
-    <color name="dc_tsbt">#FBBB00</color>
+    <color name="app_color_description">@color/qmui_config_color_gray_5</color>
 
+    <color name="bar_divider">#D4D6D8</color>
+    <color name="tab_panel_bg">#ffffff</color>
+    <color name="tab_panel_divider">@color/bar_divider</color>
 
-    <color name="abc_search_url_text_normal">#ff7fa87f</color>
-    <item type="color" name="abc_search_url_text_selected">@*android:color/black</item>
-    <item type="color" name="abc_search_url_text_pressed">@*android:color/black</item>
-    <color name="gray_bg">#ffeeeeec</color>
-    <color name="gray_bg_2">#fff1f1f1</color>
-    <color name="gray_txt">#ffaaaaaa</color>
-    <color name="text_field_pressed">#ffededed</color>
-    <color name="black">#ff000000</color>
-    <color name="white">#ffffffff</color>
-    <color name="white_transparent">#27ffffff</color>
-    <color name="white_disable">#4dffffff</color>
-    <color name="blue">#ff3993cf</color>
-    <color name="blue_renren">#ff4caaf4</color>
-    <color name="blue_renren_pressed">#ff469ce0</color>
-    <color name="green">#ff5ab06c</color>
-    <color name="green_weixin">#ff42bd41</color>
-    <color name="green_weixin_pressed">#ff3cae3b</color>
-    <color name="green_weixin_co_order">#ff4db232</color>
-    <color name="red">#ffd7584a</color>
-    <color name="backColor">#2000</color>
-    <color name="red_dark">#ffa34238</color>
-    <color name="red_weibo">#fffa4c3d</color>
-    <color name="transparent">#00000000</color>
-    <color name="red_weibo_pressed">#ffe64638</color>
-    <color name="orange_ff">#ffff6000</color>
-    <color name="red_light">#ffcd423a</color>
-    <color name="blue_dark">#ff0c72a9</color>
-    <color name="blue_light">#ff3893cf</color>
-    <color name="green_dark">#ff25a044</color>
-    <color name="green_light">#ff4dc060</color>
-    <color name="grey_white">#ffd5d4d2</color>
-    <color name="grey_white_pressed">#ffcccccc</color>
-    <color name="grey">#ff616267</color>
-    <color name="grey_pressed">#ff525559</color>
-    <color name="grey_dark">#ff404850</color>
-    <color name="grey_dark_pressed">#ff363c43</color>
-    <color name="red_for_envelopes">#ffd8584a</color>
-    <color name="color_3">#ff333333</color>
-    <color name="color_4">#ff444444</color>
-    <color name="color_6">#ff666666</color>
-    <color name="color_7">#ff777777</color>
-    <color name="color_8">#ff888888</color>
-    <color name="color_9">#ff999999</color>
-    <color name="color_9a">#ff9a9a9a</color>
-    <color name="color_b">#ffbbbbbb</color>
-    <color name="color_d2">#ffd2d2d2</color>
-    <color name="color_f7">#fff7f7f7</color>
-    <color name="color_f6">#fff6f6f6</color>
-    <color name="color_f5">#fff5f5f5</color>
-    <color name="color_5">#ff555555</color>
-    <color name="color_ef">#ffefefef</color>
-    <color name="color_e">#ffeeeeee</color>
-    <color name="color_ec">#ffececec</color>
-    <color name="color_e9">#ffe9e9e9</color>
-    <color name="default_circle_indicator_fill_color">#ffffffff</color>
-    <color name="default_circle_indicator_page_color">#00000000</color>
-    <color name="default_circle_indicator_stroke_color">#ffdddddd</color>
-    <color name="menu_section_header">#FFDDDDDD</color>
+    <!-- Components 组件 -->
+    <color name="radiusImageView_border_color">@color/app_color_theme_2</color>
+    <color name="radiusImageView_selected_border_color">@color/app_color_theme_1</color>
+    <color name="radiusImageView_selected_mask_color">#7FEF5362</color>
 
+    <!-- Helper 系列界面 -->
 
+    <!-- ColorHelper 颜色工具 -->
+    <color name="colorHelper_square_alpha_background">@color/app_color_theme_4</color>
+    <color name="colorHelper_square_from_ratio_background">@color/app_color_blue</color>
+    <color name="colorHelper_square_to_ratio_background">@color/app_color_theme_3</color>
 </resources>

app/src/main/res/values/dimen.xml

@@ -1,39 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-    <dimen name="abc_config_prefDialogWidth">320.0dip</dimen>
-    <dimen name="abc_action_bar_stacked_tab_max_width">180.0dip</dimen>
-    <dimen name="abc_action_bar_default_height">48.0dip</dimen>
-    <dimen name="abc_action_bar_icon_vertical_padding">8.0dip</dimen>
-    <dimen name="abc_action_bar_title_text_size">18.0dip</dimen>
-    <dimen name="abc_action_bar_subtitle_text_size">14.0dip</dimen>
-    <dimen name="abc_action_bar_subtitle_top_margin">-3.0dip</dimen>
-    <dimen name="abc_action_bar_subtitle_bottom_margin">5.0dip</dimen>
-    <dimen name="abc_action_button_min_width">56.0dip</dimen>
-    <dimen name="abc_action_bar_stacked_max_height">48.0dip</dimen>
-    <dimen name="abc_action_bar_progress_bar_size">40.0dip</dimen>
-    <dimen name="abc_panel_menu_list_width">296.0dip</dimen>
-    <dimen name="abc_search_view_text_min_width">160.0dip</dimen>
-    <dimen name="abc_search_view_preferred_width">320.0dip</dimen>
-    <dimen name="abc_dropdownitem_text_padding_left">8.0dip</dimen>
-    <dimen name="abc_dropdownitem_text_padding_right">8.0dip</dimen>
-    <dimen name="abc_dropdownitem_icon_width">32.0dip</dimen>
-    <dimen name="activity_horizontal_margin">16.0dip</dimen>
-    <dimen name="activity_vertical_margin">16.0dip</dimen>
-    <dimen name="default_circle_indicator_radius">3.0dip</dimen>
-    <dimen name="default_circle_indicator_stroke_width">1.0dip</dimen>
-    <dimen name="restaurant_icon_size">45.0dip</dimen>
-    <dimen name="home_extrance_title_size">18.0sp</dimen>
-    <dimen name="activity_icon_size">23.0dip</dimen>
-    <dimen name="one_px">1.0px</dimen>
-    <dimen name="content_margin">8.0dip</dimen>
-    <dimen name="content_padding">13.0dip</dimen>
-    <dimen name="cell_height">48.0dip</dimen>
-    <dimen name="text_size">16.0sp</dimen>
-    <dimen name="submit_text_size">20.0sp</dimen>
-    <dimen name="third_icon_size">50.0dip</dimen>
-    <!-- 标题配置 -->
-	<dimen name="title_height">48dp</dimen>
-	<dimen name="title_button_height">40dp</dimen>
-	<dimen name="title_rightButton_padding">8dp</dimen>
-	<dimen name="title_text_size">12sp</dimen>
-</resources>

app/src/main/res/values/dimens.xml

@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<resources>
+    <dimen name="home_tab_height">49dp</dimen>
+    <dimen name="common_content_spacing">@dimen/qmui_content_spacing_horizontal</dimen>
+
+    <!-- ListView -->
+    <dimen name="list_divider_height">1px</dimen>
+    <dimen name="list_divider_height_negative">-1px</dimen>
+    <!-- Helper 系列界面 -->
+
+    <!-- ColorHelper 颜色工具 -->
+    <dimen name="colorHelper_square_length">46dp</dimen>
+    <dimen name="colorHelper_square_margin">23dp</dimen>
+    <dimen name="colorHelper_square_desc_marginTop">10dp</dimen>
+    <dimen name="colorHelper_column_marginBottom">35dp</dimen>
+
+    <!-- DeviceHelper 设备检测工具 -->
+    <dimen name="deviceHelper_column_marginBottom">30dp</dimen>
+
+    <!-- DrawableHelper Drawable 工具 -->
+    <dimen name="drawableHelper_column_marginBottom">35dp</dimen>
+    <dimen name="drawableHelper_item_marginHorizontal">20dp</dimen>
+    <dimen name="drawableHelper_common_shape_size">50dp</dimen>
+
+    <!-- Span Utils 各种 Span 工具 -->
+    <dimen name="spanUtils_column_marginBottom">35dp</dimen>
+    <dimen name="spanUtils_common_textSize">16sp</dimen>
+</resources>

app/src/main/res/values/ids.xml

@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
+<resources>
+    <item name="qmuidemo" type="id"/>
+    <item name="main_container" type="id"/>
+
+    <item name="empty_button" type="id"/>
+
+    <item name="topbar_right_about_button" type="id"/>
+    <item name="topbar_right_change_button" type="id"/>
+
+    <item name="layout_for_test" type="id"/>
+</resources>

app/src/main/res/values/strings.xml

@@ -1,6 +1,165 @@
+<!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+
 <resources>
-    <string name="app_name">茶百道</string>
-    <string name="title_activity_main">MainActivity</string>
-    <string name="dummy_button">Dummy Button</string>
-    <string name="dummy_content">DUMMY\nCONTENT</string>
+
+    <!-- common -->
+    <string name="app_name">黑菠萝-茶百道</string>
+    <string name="common_example">示例图片</string>
+    <string name="app_upgrade_tip_title">Release Notes (%1$s)</string>
+    <string name="ok">OK</string>
+    <string name="cancel">CANCEL</string>
+
+    <!-- Components 系列界面 -->
+
+    <!-- EmptyViewFragment 空界面展示界面 -->
+    <string name="emptyView_mode_title_loading">显示Loading</string>
+    <string name="emptyView_mode_title_single_text">显示一行提示语</string>
+    <string name="emptyView_mode_title_double_text">显示两行提示语</string>
+    <string name="emptyView_mode_title_single_text_and_button">显示一行文字和按钮</string>
+    <string name="emptyView_mode_title_double_text_and_button">显示两行文字和按钮</string>
+
+    <string name="emptyView_mode_desc_single">这是一行提示语</string>
+    <string name="emptyView_mode_desc_double">我是一个EmptyView</string>
+    <string name="emptyView_mode_desc_detail_double">通过右上角的菜单来切换我的不同状态</string>
+    <string name="emptyView_mode_desc_fail_title">加载失败</string>
+    <string name="emptyView_mode_desc_fail_desc">请检测网络是否能正常连接</string>
+    <string name="emptyView_mode_desc_retry">点击重试</string>
+
+    <!-- TabSegmentFragment 选项卡展示界面 -->
+    <string name="tabSegment_item_1_title">Item 1</string>
+    <string name="tabSegment_item_2_title">Item 2</string>
+
+    <string name="tabSegment_item_1_content">这是第一个 Item 的内容区</string>
+    <string name="tabSegment_item_2_content">这是第二个 Item 的内容区</string>
+
+    <string name="tabSegment_mode_general">简单文字</string>
+    <string name="tabSegment_mode_bottom_indicator">文字 + 底部 indicator</string>
+    <string name="tabSegment_mode_top_indicator">文字 + 顶部 indicator</string>
+    <string name="tabSegment_mode_indicator_with_content">文字 + indicator 长度不要跟随内容长度</string>
+    <string name="tabSegment_mode_left_icon_and_auto_tint">文字 + icon(支持四个方向) + 自动着色选中态 icon</string>
+    <string name="tabSegment_mode_sign_count">显示红点</string>
+    <string name="tabSegment_mode_icon_change">选中态更换 icon</string>
+    <string name="tabSegment_mode_muti_color">不同 item，不同文字(icon)颜色</string>
+    <string name="tabSegment_mode_change_content_by_index">根据 index 更新 tab 文案</string>
+    <string name="tabSegment_mode_replace_tab_by_index">根据 index 完全替换 tab</string>
+    <string name="tabSegment_mode_scale_selected">放大选中态</string>
+    <string name="tabSegment_mode_change_gravity">修改 Gravity</string>
+
+    <!-- ProgressBarFragment 进度条展示界面 -->
+    <string name="progress_start_button_text">点击开始</string>
+    <string name="progress_back_button_text">回滚进度</string>
+
+    <string name="circularImageView_item_xml_circle_title">剪裁为圆形+边框+点击效果</string>
+    <string name="circularImageView_item_xml_oval_title">剪裁为椭圆形+边框+点击效果</string>
+    <string name="circularImageView_item_xml_round_rect_title">剪裁为圆角矩形+边框+点击效果</string>
+    <string name="circularImageView_item_xml_scale_type_desc">下面两张图片，大小固定，第一张图片比 View 小，
+        第二张图片比 View大，可以观察 QMUIRadiusImageView 与 QMUIRadiusImageView2 的不同，便于观察，图片设置了黑色背景，</string>
+
+    <string name="circularImageView_modify_tip">可以通过右上角的按钮动态修改下图的效果</string>
+    <string name="circularImageView_modify_1">改变边框颜色与宽度</string>
+    <string name="circularImageView_modify_2">改变选中态边框颜色与宽度</string>
+    <string name="circularImageView_modify_3">改变选中态 Mask 的颜色（带透明度）</string>
+    <string name="circularImageView_modify_4">手工切换选中态</string>
+    <string name="circularImageView_modify_5">改变圆角大小</string>
+    <string name="circularImageView_modify_6">变为圆形</string>
+    <string name="circularImageView_modify_7">变为椭圆形</string>
+    <string name="circularImageView_modify_8">禁止使用touchSelect态</string>
+    <string name="circularImageView_modify_9">重置为初始态</string>
+
+    <!-- PopupFragment 浮层展示界面 -->
+    <string name="popup_normal_action_button_text_show">显示普通浮层</string>
+    <string name="popup_list_action_button_text_show">显示列表浮层</string>
+    <string name="popup_dim_amount_action_button_text_show">显示带遮罩的普通浮层</string>
+    <string name="popup_dynamic_update_content">显示浮层，并且动态更新内容</string>
+    <string name="fullscreen_popup_with_close_btn">全屏浮层，带关闭按钮</string>
+    <string name="fullscreen_popup_with_input">全屏浮层，带输入</string>
+    <string name="quick_action">快捷菜单</string>
+    <string name="quick_action_more">快捷菜单(很多item)</string>
+
+    <!-- LinkTextView 展示界面 -->
+    <string name="linkTextView_auto_identify">URL/Mail/Tel自动识别</string>
+    <string name="linkTextView_auto_identify_word">可以自动识别网页链接，例如 http://www.qmuiteam.com。\n可以自动识别电话号码，例如 13600000000。\n也可以识别邮件地址，例如 qmuiteam@gmail.com。\n我们可以为其添加自定义的点击事件。</string>
+
+    <!-- SpanTouchFixTextView -->
+    <string name="spanTouchFix_description">QMUISpanTouchFixTextView 主要用于修正 TextView 添加 ClickSpan 后的点击行为与事件传递</string>
+    <string name="spanTouchFix_system_behavior">TextView系统行为</string>
+    <string name="spanTouchFix_qmui_fix_behavior">QMUI修复后行为</string>
+
+    <!-- PullRefreshView -->
+    <string name="pull_refresh_default_offset_calculator">默认效果: 下拉到一定距离后 Loading 不动</string>
+    <string name="pull_refresh_follow_offset_calculator">Loading 一直跟随下拉</string>
+    <string name="pull_refresh_center_gravity_offset_calculator">Loading 保持在下拉区域的中间</string>
+
+    <!-- StickySectionLayout -->
+    <string name="sticky_section_decoration_list_footer">这是整个列表的 footer</string>
+    <string name="sticky_section_decoration_section_top_tip">这是 section 列表头部的提示语</string>
+    <string name="sticky_section_decoration_section_bottom_tip">这是 section 列表底部的提示语</string>
+
+
+    <string name="system_behavior_1">\@qmui:点击span区域会同时出发span的点击事件和 TextView 的点击事件 #qmui#</string>
+    <string name="system_behavior_2">\@qmui: 系统默认情况下，TextView 不添加点击事件，然后 TextView 的父元素添加点击事件，
+        那么点击 TextView 将无法触发父元素的点击事件。#qmui#</string>
+
+    <string name="span_touch_fix_1">\@qmui:span的点击事件与textView的点击事件完全分离#qmui#</string>
+    <string name="span_touch_fix_2">\@qmui:默认情况下，如果textView添加了clickSpan,#qmui#那么textView的事件将无法冒泡到父级。
+        但在某些场景（例如微博评论需要整条可点），我们需要将事件冒泡给父元素进行处理。#qmui#</string>
+
+    <!-- Helper 系列界面 -->
+
+    <!-- ColorHelper 颜色工具 -->
+    <string name="colorHelper_alpha_title">设置颜色的 alpha 值</string>
+    <string name="colorHelper_ratio_title">根据比例，在两个 color 值之间计算出一个 color 值</string>
+    <string name="colorHelper_transform_title">将 color 颜色值转换为字符串</string>
+
+    <string name="colorHelper_squqre_origin">原始</string>
+    <string name="colorHelper_squqre_alpha">%1$.1f alpha</string>
+
+    <!-- DeviceHelper 设备检测工具 -->
+    <string name="deviceHelper_tablet_title">判断是否为平板设备</string>
+    <string name="deviceHelper_flyme_title">判断是否为 Flyme 系统</string>
+    <string name="deviceHelper_miui_title">判断是否为 MIUI 系统</string>
+    <string name="deviceHelper_meizu_title">判断是否为魅族手机</string>
+
+    <!-- DrawableHelper Drawable 工具 -->
+    <string name="drawableHelper_create_from_view_title">从一个 View 创建 Bitmap</string>
+    <string name="drawableHelper_create_from_view_button">以本界面 Root View 为例</string>
+    <string name="drawableHelper_solid_image_title">创建一张指定大小的纯色图片，支持圆角</string>
+    <string name="drawableHelper_circle_gradient_title">创建一张渐变图片，支持圆角</string>
+    <string name="drawableHelper_tint_color_title">设置 Drawable 的颜色</string>
+    <string name="drawableHelper_separator_title">创建带上分隔线或下分隔线的 Drawable</string>
+
+    <!-- StatusBarHelper 状态栏工具 -->
+    <string name="statusBarHelper_translucentActivity_desc">通过在 Activity 中调用 QMUIStatusBarHelper.translucent() 方法，即可实现沉浸式状态栏的效果</string>
+    <string name="statusBarHelper_statusBar_height_result">状态栏实际高度为 %1$d</string>
+
+    <!-- Span Utils 各种 Span 工具 -->
+    <string name="spanUtils_side_icon_title">在文字左边或者右边直接添加 Icon</string>
+    <string name="spanUtils_align_middle_title">支持垂直居中的 ImageSpan</string>
+    <string name="spanUtils_margin_image_title">支持增加左右间距的 ImageSpan</string>
+    <string name="spanUtils_block_space_title">整行的空白 Span，可用来用于制作段间距</string>
+    <string name="spanUtils_custom_type_face_title">自定义部分文字的字体</string>
+    <string name="spanUtils_rmb">¥</string><!-- ¥相当于&#xA5 -->
+
+    <!-- 其他界面 -->
+
+    <!-- 关于界面 -->
+    <string name="about_title">关于</string>
+    <string name="about_item_homepage">访问官网</string>
+    <string name="about_item_github">GitHub</string>
+    <string name="about_copyright">© %1$s QMUI Team All rights reserved.</string>
+
 </resources>

app/src/main/res/values/styles.xml

@@ -1,61 +1,153 @@
-<resources>
+<?xml version="1.0" encoding="utf-8"?><!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
 
-    <!-- Base application theme. -->
-    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
-        <!-- Customize your theme here. -->
-        <item name="colorPrimary">@color/colorPrimary</item>
-        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
-        <item name="colorAccent">@color/colorAccent</item>
-    </style>
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
 
-    <style name="FullscreenTheme" parent="AppTheme">
-        <item name="android:windowNoTitle">true</item>
-        <item name="android:windowFullscreen">true</item>
-    </style>
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
 
-    <style name="FullscreenActionBarStyle" parent="Widget.AppCompat.ActionBar">
-        <item name="android:background">@color/black_overlay</item>
+<resources xmlns:android="http://schemas.android.com/apk/res/android">
+    <style name="QDtextAppearanceListItem">
+        <item name="android:textColor">?attr/qmui_config_color_black</item>
+        <item name="android:textSize">18sp</item>
     </style>
-    <style name="badge_style">
 
-        <item name="android:layout_width">wrap_content</item>
+    <style name="QDTextAppearanceListItemSmall">
+        <item name="android:textColor">?attr/qmui_config_color_gray_4</item>
+        <item name="android:textSize">16sp</item>
+    </style>
 
+    <style name="QDCommonTitle">
+        <item name="android:layout_width">match_parent</item>
         <item name="android:layout_height">wrap_content</item>
+        <item name="android:layout_marginBottom">6dp</item>
+        <item name="android:textColor">?attr/qmui_config_color_gray_1</item>
+        <item name="android:textSize">17sp</item>
+        <item name="android:textStyle">bold</item>
+        <item name="qmui_skin_text_color">?attr/app_skin_common_title_text_color</item>
+    </style>
 
-        <item name="android:minHeight">14dp</item>
+    <style name="QDCommonDescription">
+        <item name="android:layout_width">match_parent</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:layout_marginBottom">20dp</item>
+        <item name="android:gravity">center</item>
+        <item name="android:textColor">@color/app_color_description</item>
+        <item name="android:textSize">15sp</item>
+    </style>
 
-        <item name="android:minWidth">14dp</item>
+    <style name="QDTopBar" parent="QMUI.TopBar">
+        <item name="qmui_topbar_height">48dp</item>
+        <item name="qmui_topbar_image_btn_height">48dp</item>
+        <item name="qmui_topbar_title_bold">true</item>
+        <item name="qmui_topbar_text_btn_bold">true</item>
+    </style>
 
-        <item name="android:paddingLeft">2dp</item>
+    <style name="QDRoundButtonStyle" parent="@style/Button.Compat">
+        <item name="android:layout_height">40dp</item>
+        <item name="android:layout_width">wrap_content</item>
+        <item name="android:paddingLeft">?attr/qmui_content_spacing_horizontal</item>
+        <item name="android:paddingRight">?attr/qmui_content_spacing_horizontal</item>
+        <item name="qmui_borderColor">?attr/qmui_skin_support_round_btn_border_color</item>
+        <item name="qmui_backgroundColor">@color/s_app_color_blue_3</item>
+        <item name="android:textColor">@color/s_app_color_blue_2</item>
+        <item name="android:textSize">14sp</item>
+        <item name="android:gravity">center</item>
+    </style>
 
-        <item name="android:paddingRight">2dp</item>
+    <style name="button_wrapper_style">
+        <item name="android:layout_width">match_parent</item>
+        <item name="android:layout_height">wrap_content</item>
+        <item name="android:paddingTop">24dp</item>
+        <item name="android:paddingBottom">24dp</item>
+        <item name="qmui_bottomDividerHeight">1px</item>
+        <item name="qmui_bottomDividerColor">?attr/qmui_skin_support_color_separator</item>
+        <item name="qmui_skin_separator_bottom">?attr/qmui_skin_support_color_separator</item>
+    </style>
 
-        <item name="android:textColor">@android:color/white</item>
+    <style name="DialogTheme2" parent="QMUI.Dialog">
+        <item name="qmui_dialog_inset_hor">64dp</item>
+        <item name="qmui_dialog_title_style">@style/DialogTheme2TitleStyle</item>
+        <item name="qmui_dialog_action_container_style">@style/DialogTheme2ActionContainerStyle
+        </item>
+        <item name="qmui_dialog_action_style">@style/DialogTheme2ActionStyle</item>
+        <item name="qmui_dialog_message_content_style">@style/DialogTheme2MessageContentStyle</item>
+        <item name="qmui_dialog_menu_container_style">@style/DialogTheme2MenuContainerStyle</item>
+        <item name="qmui_dialog_menu_item_style">@style/DialogTheme2MenuItemStyle</item>
+    </style>
 
-        <item name="android:visibility">gone</item>
+    <style name="ReleaseDialogTheme" parent="DialogTheme2">
+        <item name="qmui_dialog_inset_hor">40dp</item>
+        <item name="qmui_dialog_message_content_style">@style/ReleaseMessageContentStyle</item>
+    </style>
 
+    <style name="DialogTheme2TitleStyle" parent="QMUI.Dialog.Title">
+        <item name="android:textColor">?attr/qmui_config_color_gray_1</item>
+        <item name="android:textSize">17sp</item>
         <item name="android:gravity">center</item>
+        <item name="android:paddingTop">28dp</item>
+        <item name="android:singleLine">false</item>
+        <item name="android:lineSpacingExtra">3dp</item>
+    </style>
 
-        <item name="android:background">#22326a</item>
+    <style name="DialogTheme2ActionContainerStyle">
+        <item name="android:paddingLeft">0dp</item>
+        <item name="android:paddingRight">0dp</item>
+        <item name="android:paddingTop">0dp</item>
+        <item name="android:paddingBottom">0dp</item>
+        <item name="qmui_dialog_action_container_justify_content">stretch</item>
+        <item name="qmui_dialog_action_height">56dp</item>
+        <item name="qmui_dialog_action_space">8dp</item>
+        <item name="qmui_topDividerColor">?attr/qmui_skin_support_color_separator</item>
+        <item name="qmui_topDividerHeight">1px</item>
+    </style>
 
-        <item name="android:textStyle">bold</item>
+    <style name="DialogTheme2ActionStyle">
+        <item name="android:textColor">?attr/qmui_config_color_blue</item>
+        <item name="android:textSize">15sp</item>
+        <item name="android:gravity">center</item>
+        <item name="android:minWidth">64dp</item>
+        <item name="android:background">@null</item>
+        <item name="qmui_dialog_action_button_padding_horizontal">12dp</item>
+        <item name="qmui_dialog_action_icon_space">6dp</item>
+        <item name="qmui_dialog_positive_action_text_color">?attr/qmui_config_color_blue</item>
+        <item name="qmui_dialog_negative_action_text_color">?attr/qmui_config_color_red</item>
+    </style>
 
-        <item name="android:textSize">10sp</item>
+    <style name="DialogTheme2MessageContentStyle" parent="QMUI.Dialog.MessageContent">
+        <item name="android:textColor">?attr/qmui_config_color_gray_4</item>
+        <item name="android:textSize">13sp</item>
+        <item name="android:gravity">center</item>
+        <item name="android:paddingTop">13dp</item>
+        <item name="android:paddingBottom">27dp</item>
+        <item name="android:lineSpacingExtra">5dp</item>
+        <item name="qmui_paddingTopWhenNotTitle">27dp</item>
+    </style>
 
+    <style name="ReleaseMessageContentStyle" parent="DialogTheme2MessageContentStyle">
+        <item name="android:textSize">14sp</item>
+        <item name="android:gravity">left</item>
     </style>
 
-    <style name="Dialog" parent="android:style/Theme.Dialog">
-        <item name="android:background">@color/transparent</item>
-        <item name="android:windowBackground">@android:color/transparent</item>
-        <item name="android:layout_width">wrap_content</item>
-        <item name="android:layout_height">wrap_content</item>
-        <item name="android:windowNoTitle">true</item>
-        <item name="android:windowIsFloating">true</item>
+    <style name="DialogTheme2MenuItemStyle" parent="@style/QMUI.Dialog.MenuItem">
+        <item name="android:textSize">16sp</item>
+        <item name="android:textColor">?attr/qmui_config_color_gray_1</item>
+        <item name="android:paddingLeft">32dp</item>
+        <item name="android:paddingRight">32dp</item>
     </style>
-    <style name="ThemeSpinner">
-        <!-- Color when pressed -->
-        <item name="colorAccent">#ffd8584a</item>
-        <!-- Default color for the dropdown arrow and line -->
-        <item name="colorControlNormal">#ffd8584a</item>
+
+    <style name="DialogTheme2MenuContainerStyle" parent="@style/QMUI.Dialog.MenuContainer">
+        <item name="qmui_dialog_menu_item_height">52dp</item>
+        <item name="qmui_dialog_menu_container_padding_top_when_title_exist">23dp</item>
+        <item name="qmui_dialog_menu_container_padding_bottom_when_action_exist">24dp</item>
     </style>
+
 </resources>

app/src/main/res/values/theme.xml

@@ -0,0 +1,198 @@
+<?xml version="1.0" encoding="utf-8"?><!--
+ Tencent is pleased to support the open source community by making QMUI_Android available.
+
+ Copyright (C) 2017-2018 THL A29 Limited, a Tencent company. All rights reserved.
+
+ Licensed under the MIT License (the "License"); you may not use this file except in
+ compliance with the License. You may obtain a copy of the License at
+
+ http://opensource.org/licenses/MIT
+
+ Unless required by applicable law or agreed to in writing, software distributed under the License is
+ distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND,
+ either express or implied. See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<resources>
+    <!-- skin attr define-->
+    <attr name="app_skin_common_background" format="color|reference" />
+    <attr name="app_skin_common_background_1" format="color|reference" />
+    <attr name="app_skin_common_img_tint_color" format="color|reference" />
+    <attr name="app_skin_home_text_color" format="color|reference" />
+    <attr name="app_skin_common_title_text_color" format="color|reference" />
+    <attr name="app_skin_common_desc_text_color" format="color|reference" />
+    <attr name="app_skin_btn_test_bg" format="color|reference" />
+    <attr name="app_skin_btn_test_border" format="color|reference" />
+    <attr name="app_skin_btn_test_bg_single" format="color|reference" />
+    <attr name="app_skin_btn_test_border_single" format="color|reference" />
+    <attr name="app_skin_progress_bar_bg_color" format="color|reference"/>
+    <attr name="app_skin_progress_bar_progress_color" format="color|reference"/>
+    <attr name="app_skin_progress_bar_text_color" format="color|reference"/>
+    <attr name="app_skin_span_normal_text_color" format="color"/>
+    <attr name="app_skin_span_pressed_text_color" format="color"/>
+    <attr name="app_skin_span_normal_bg_color" format="color"/>
+    <attr name="app_skin_span_pressed_bg_color" format="color"/>
+    <attr name="app_skin_alpha_test" format="float"/>
+
+
+
+
+    <style name="AppTheme" parent="QMUI.Compat.NoActionBar">
+        <!-- 配置Android提供的theme -->
+        <item name="android:textAppearanceListItemSmall">@style/QDTextAppearanceListItemSmall</item>
+        <item name="android:textAppearanceListItem">@style/QDtextAppearanceListItem</item>
+        <item name="android:listPreferredItemHeight">?attr/qmui_list_item_height_higher</item>
+        <item name="android:listPreferredItemHeightSmall">?attr/qmui_list_item_height</item>
+
+        <!-- 配置qmui提供的theme -->
+        <item name="qmui_skin_support_topbar_bg">?attr/app_primary_color</item>
+        <item name="qmui_skin_support_topbar_separator_color">?attr/qmui_skin_support_color_separator</item>
+        <item name="qmui_skin_support_topbar_title_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_topbar_subtitle_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_topbar_text_btn_color_state_list">@color/s_topbar_btn_color</item>
+        <item name="qmui_skin_support_topbar_image_tint_color">@color/qmui_config_color_white</item>
+        <item name="QMUITopBarStyle">@style/QDTopBar</item>
+
+        <item name="qmui_skin_support_tab_bg">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_tab_separator_color">?attr/qmui_skin_support_color_separator</item>
+        <item name="qmui_skin_support_tab_normal_color">?attr/qmui_config_color_gray_6</item>
+        <item name="qmui_skin_support_tab_selected_color">?attr/qmui_config_color_blue</item>
+
+        <item name="qmui_skin_support_activity_background">?attr/app_skin_common_background</item>
+        <item name="qmui_skin_support_round_btn_border_color">@color/s_btn_blue</item>
+        <item name="qmui_skin_support_round_btn_text_color">@color/s_btn_blue</item>
+
+
+        <item name="qmui_config_color_blue">@color/app_color_blue</item>
+        <item name="qmui_content_spacing_horizontal">20dp</item>
+        <item name="qmui_content_padding_horizontal">@dimen/qmui_content_spacing_horizontal</item>
+
+
+        <!-- 配置app自己的theme -->
+        <item name="app_primary_color">?attr/qmui_config_color_blue</item>
+        <item name="app_content_bg_color">@color/qmui_config_color_white</item>
+
+        <item name="app_skin_common_background">@color/qmui_config_color_white</item>
+        <item name="app_skin_common_background_1">@color/qmui_config_color_background</item>
+        <item name="app_skin_common_img_tint_color">?attr/qmui_config_color_blue</item>
+        <item name="app_skin_home_text_color">?attr/qmui_config_color_gray_6</item>
+        <item name="app_skin_common_title_text_color">?attr/qmui_config_color_gray_1</item>
+        <item name="app_skin_common_desc_text_color">@color/app_color_description</item>
+        <item name="app_skin_btn_test_bg">@color/s_app_color_blue_3</item>
+        <item name="app_skin_btn_test_border">@color/s_app_color_blue_to_red</item>
+        <item name="app_skin_btn_test_bg_single">@color/app_color_blue_3</item>
+        <item name="app_skin_btn_test_border_single">@color/app_color_blue</item>
+        <item name="app_skin_progress_bar_bg_color">@color/qmui_config_color_gray_8</item>
+        <item name="app_skin_progress_bar_progress_color">@color/qmui_config_color_blue</item>
+        <item name="app_skin_progress_bar_text_color">@color/qmui_config_color_gray_1</item>
+        <item name="app_skin_span_normal_text_color">@color/app_color_blue</item>
+        <item name="app_skin_span_pressed_text_color">@color/app_color_blue_pressed</item>
+        <item name="app_skin_span_normal_bg_color">@color/qmui_config_color_gray_8</item>
+        <item name="app_skin_span_pressed_bg_color">@color/qmui_config_color_gray_6</item>
+        <item name="app_skin_alpha_test">1</item>
+    </style>
+
+    <style name="AppTheme.Launcher">
+        <item name="android:windowFullscreen">true</item>
+        <item name="android:windowBackground">@drawable/launcher_bg</item>
+    </style>
+
+    <!-- blue skin -->
+    <style name="app_skin_blue" parent="AppTheme" />
+
+    <!-- dark skin -->
+    <style name="app_skin_dark" parent="AppTheme">
+        <item name="qmui_skin_support_color_separator">@color/qmui_config_color_25_white</item>
+        <item name="qmui_skin_support_tab_bg">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_tab_normal_color">?attr/qmui_config_color_gray_3</item>
+        <item name="qmui_skin_support_tab_selected_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_tab_sign_count_view_text_color">@color/qmui_config_color_75_white</item>
+        <item name="qmui_skin_support_tab_sign_count_view_bg_color">#80FF303A</item>
+        <item name="qmui_skin_support_empty_view_loading_color">@color/qmui_config_color_75_white</item>
+        <item name="qmui_skin_support_empty_view_title_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_empty_view_sub_title_color">@color/qmui_config_color_75_white</item>
+        <item name="qmui_skin_support_empty_view_btn_border_color">@color/s_app_color_gray</item>
+        <item name="qmui_skin_support_empty_view_btn_text_color">@color/s_app_color_gray</item>
+        <item name="qmui_skin_support_common_list_title_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_common_list_detail_color">@color/qmui_config_color_50_white</item>
+        <item name="qmui_skin_support_common_list_icon_tint_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_common_list_red_point_tint_color">?attr/qmui_skin_support_tab_sign_count_view_bg_color
+        </item>
+        <item name="qmui_skin_support_common_list_new_drawable">@drawable/qmui_icon_tip_new</item>
+        <item name="qmui_skin_support_common_list_chevron_color">@color/qmui_config_color_50_white</item>
+        <item name="qmui_skin_support_s_list_item_bg_1">@drawable/s_list_item_bg_dark_1</item>
+        <item name="qmui_skin_support_s_list_item_bg_2">@drawable/s_list_item_bg_dark_2</item>
+
+        <item name="qmui_skin_support_dialog_bg">@color/qmui_config_color_black</item>
+        <item name="qmui_skin_support_dialog_title_text_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_dialog_message_text_color">@color/qmui_config_color_75_white</item>
+        <item name="qmui_skin_support_dialog_action_bg">@null</item>
+        <item name="qmui_skin_support_dialog_action_text_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_dialog_positive_action_text_color">?attr/qmui_config_color_blue</item>
+        <item name="qmui_skin_support_dialog_negative_action_text_color">?attr/qmui_config_color_red</item>
+        <item name="qmui_skin_support_dialog_edit_text_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_dialog_edit_text_hint_color">@color/qmui_config_color_75_white</item>
+        <item name="qmui_skin_support_dialog_menu_item_text_color">@color/qmui_config_color_white</item>
+
+        <item name="qmui_skin_support_bottom_sheet_bg">@color/qmui_config_color_black</item>
+        <item name="qmui_skin_support_bottom_sheet_title_text_color">@color/qmui_config_color_50_white</item>
+        <item name="qmui_skin_support_bottom_sheet_cancel_text_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_bottom_sheet_list_item_text_color">@color/qmui_config_color_white</item>
+        <item name="qmui_skin_support_bottom_sheet_grid_item_text_color">@color/qmui_config_color_75_white</item>
+
+        <item name="qmui_skin_support_popup_bg">@color/qmui_config_color_black</item>
+        <item name="qmui_skin_support_popup_close_icon">@drawable/icon_popup_close_with_bg_dark</item>
+        <item name="qmui_skin_support_quick_action_item_tint_color">@color/qmui_config_color_white</item>
+
+        <item name="qmui_skin_support_slider_bar_bg_color">@color/qmui_config_color_25_white</item>
+        <item name="qmui_skin_support_seek_bar_color">@color/qmui_config_color_gray_9</item>
+        <item name="qmui_skin_support_slider_bar_progress_color">@color/app_color_blue_2</item>
+
+        <item name="app_primary_color">@color/qmui_config_color_pure_black</item>
+        <item name="app_skin_common_background">@color/qmui_config_color_gray_2</item>
+        <item name="app_skin_common_background_1">@color/qmui_config_color_gray_1</item>
+        <item name="app_skin_common_img_tint_color">@color/qmui_config_color_white</item>
+        <item name="app_skin_home_text_color">?attr/qmui_config_color_gray_8</item>
+        <item name="app_skin_common_title_text_color">@color/qmui_config_color_75_white</item>
+        <item name="app_skin_progress_bar_bg_color">@color/qmui_config_color_gray_1</item>
+        <item name="app_skin_progress_bar_progress_color">@color/qmui_config_color_50_blue</item>
+        <item name="app_skin_progress_bar_text_color">@color/qmui_config_color_white</item>
+        <item name="app_skin_span_normal_text_color">@color/qmui_config_color_white</item>
+        <item name="app_skin_span_pressed_text_color">@color/qmui_config_color_50_white</item>
+        <item name="app_skin_span_normal_bg_color">@color/qmui_config_color_gray_4</item>
+        <item name="app_skin_span_pressed_bg_color">@color/qmui_config_color_gray_2</item>
+        <item name="app_skin_alpha_test">0.5</item>
+    </style>
+
+    <!-- white skin -->
+    <style name="app_skin_white" parent="AppTheme">
+        <item name="qmui_skin_support_topbar_title_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_topbar_subtitle_color">@color/qmui_config_color_gray_3</item>
+        <item name="qmui_skin_support_topbar_text_btn_color_state_list">@color/qmui_config_color_pure_black
+        </item>
+        <item name="qmui_skin_support_topbar_image_tint_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_tab_normal_color">?attr/qmui_config_color_gray_5</item>
+        <item name="qmui_skin_support_tab_selected_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_round_btn_border_color">@color/s_btn_gray</item>
+        <item name="qmui_skin_support_round_btn_text_color">@color/s_btn_gray</item>
+        <item name="qmui_skin_support_empty_view_btn_border_color">@color/s_app_color_gray_dark</item>
+        <item name="qmui_skin_support_empty_view_btn_text_color">@color/s_app_color_gray_dark</item>
+        <item name="qmui_skin_support_common_list_title_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_common_list_detail_color">@color/qmui_config_color_50_pure_black</item>
+        <item name="qmui_skin_support_common_list_icon_tint_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_slider_bar_bg_color">@color/qmui_config_color_25_pure_black</item>
+        <item name="qmui_skin_support_slider_bar_progress_color">@color/qmui_config_color_pure_black</item>
+        <item name="qmui_skin_support_pull_refresh_view_color">@color/qmui_config_color_pure_black</item>
+
+        <item name="app_primary_color">@color/qmui_config_color_white</item>
+        <item name="app_skin_common_img_tint_color">@color/qmui_config_color_pure_black</item>
+        <item name="app_skin_common_desc_text_color">@color/qmui_config_color_75_pure_black</item>
+        <item name="app_skin_btn_test_bg">@color/s_app_color_gray</item>
+        <item name="app_skin_btn_test_border">@color/s_app_color_gray_dark</item>
+        <item name="app_skin_btn_test_bg_single">?attr/qmui_config_color_gray_5</item>
+        <item name="app_skin_btn_test_border_single">?attr/qmui_config_color_gray_1</item>
+        <item name="app_skin_progress_bar_bg_color">@color/qmui_config_color_gray_8</item>
+        <item name="app_skin_progress_bar_progress_color">@color/qmui_config_color_gray_1</item>
+    </style>
+
+</resources>

settings.gradle

@@ -1,6 +1,7 @@
 pluginManagement {
     repositories {
         google()
+        jcenter()
         mavenCentral()
         gradlePluginPortal()
     }
@@ -9,6 +10,7 @@ dependencyResolutionManagement {
     repositoriesMode.set(RepositoriesMode.FAIL_ON_PROJECT_REPOS)
     repositories {
         google()
+        jcenter()
         mavenCentral()
     }
 }