首页 > 新闻中心 > 技术百科

mui框架组件教程交流,mui框架初级教程交流 返回列表

网络2023-08-28 00:00:00编辑发布,已经有个小可爱看过这篇文章啦

?

用是最新的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

\”>


方法二:修改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框架初级教程交流》来自互联网同行内容,若有侵权,请联系我们删除!

  • 互联网
  • 状态栏
  • 请联系
  • 若有
  • 下了
  • 目录下
  • 其中一个
  • include
  • 标题栏
  • 效果

热门新闻

来电咨询