mui框架组件教程交流，mui框架初级教程交流_好文资源

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

先上效果图：

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

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

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

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

yxdxmt：去改AndroidMainfest.xml?

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

?
QMUI.Compat

\”>

活动：慈云数据爆款香港服务器，CTG+CN2高速带宽、快速稳定、平均延迟10+ms 速度快，免备案，每月仅需19元！！点击查看

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

3. 修改style.xml主题：

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

@color/colorPrimary–>@color/colorPrimaryDark–>@color/colorAccent–>@color/qmui_config_color_background–> …

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

源码：

activity_main.xml :

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

对比他的Demo

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

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

public class MainActivity extends AppCompactActivity 改成： public class MainActivity extends Activity

然后设置topBar颜色：

? ? ? ? 在MainActivity.class里面设置topBar的方法里面添加: mTopBar.setBackgroundColor(ContextCompat.getColor(this, R.color.app_color_theme_4)); 防止设置颜色调用失败，然后在res-values目录下的colors.xml添加此颜色：#36C8F4?MainActivity.class private void initTopBar() { mTopBar.setBackgroundColor(ContextCompat.getColor(this, R.color.app_color_theme_4)); mTopBar.addLeftBackImageButton().setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { finish(); overridePendingTransition(R.anim.slide_still, R.anim.slide_out_right); } }); mTopBar.setTitle(\”沉浸式状态栏示例\”); }

colors.xml?

#008577 #00574B #D81B60 #36C8F4

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

50021668

《mui框架组件教程交流，mui框架初级教程交流》来自互联网同行内容，若有侵权，请联系我们删除！