Android工具栏菜单项背景

时间:2019-09-05 09:23:04

标签: android xml android-styles android-menu

如何在YouTube应用的屏幕快照右上方的用户名图标中,达到与YouTube应用中的样式效果一样?

YouTube App Screenshot

目前,我的应用程序具有以下样式

<style name="AppTheme" parent="Theme.MaterialComponents.Light.NoActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/color_accent</item>
    <item name="otpViewStyle">@style/OtpWidget.OtpView</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:actionMenuTextAppearance" >@style/home_menu_style</item>
</style>

<style name="home_menu_style" parent="AppTheme">
    <item name="android:textSize">20sp</item>
    <item name="android:textStyle">bold</item>
    <item name="android:actionMenuTextColor">@color/white</item>
</style>

另一个问题是文本颜色是黑色,而不是白色。我已经在样式以及工具栏定义中将文本颜色定义为白色

    <androidx.appcompat.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/primary"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/AppTheme.AppBarOverlay"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:titleTextColor="@color/white">
    </androidx.appcompat.widget.Toolbar>

My Application Screenshot

2 个答案:

答案 0 :(得分:0)

制作如下所示的可绘制文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval">
<solid
    android:color="#48b3ff"/>

并像这样使用。

<style name="home_menu_style" parent="AppTheme">
<item name="android:textSize">20sp</item>
<item name="android:textStyle">bold</item>
<item name="android:backGround">@drawable/your_custom_drawable</item>
<item name="android:actionMenuTextColor">@color/white</item>

答案 1 :(得分:0)

问题的答案在以下链接中:

Styling toolbar menu item title

这是同一个问题,上下文更多

相关问题