【问题标题】:Android: Rounded corners in MenuAndroid:菜单中的圆角
【发布时间】:2018-06-13 11:43:57
【问题描述】:

在我的 MainActivity 中,在 onCreateOptionsMenu 方法中,我用四个项目填充了一个基本菜单(请参阅 menu_main.xml)。
由于 DialogFragments 中可能有圆角,我怎样才能得到这个菜单的圆角?

正如您在屏幕截图中看到的那样,菜单显示为整个 Activity 顶部的溢出菜单(是的,Android 在点击三个点时为您提供的基本菜单)。
Screenshot here: MainActivity with menu opened

我尝试了什么
至于对话框,我在 menu_main.xml 中的菜单和项目节点中都添加了android:background="@drawable/basic_rounded_corners ---> 不起作用(因为我不知道如何以编程方式设置菜单的 backgroundDrawable,如果可能的话喜欢 DialogFragments)

我想要什么
我想知道如何在我的菜单上获得圆角。

menu_main.xml

<menu 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"
tools:context="com.beagleentertain.pillreminder.MainActivity"
android:background="@drawable/basic_rounded_corners">
<item
    android:id="@+id/action_settings"
    android:orderInCategory="100"
    android:title="@string/checkable_make7dayspause"
    android:checkable="true"
    android:checked="false"
    app:showAsAction="ifRoom"
    />
<item
    android:id="@+id/about_settings"
    android:orderInCategory="100"
    android:title="@string/text_menu_about"
    app:showAsAction="ifRoom"
    />
<item
    android:id="@+id/settings_settings"
    android:orderInCategory="100"
    android:title="@string/action_settings"
    app:showAsAction="ifRoom"
    />
<item
    android:id="@+id/settings_share"
    android:orderInCategory="100"
    android:title="@string/action_share"
    app:showAsAction="ifRoom"
    />

【问题讨论】:

  • 如果没有任何效果,请使用弹出窗口和膨胀布局和 showAsDropDown

标签: java android xml menu


【解决方案1】:

Kotlin中你可以使用这个库来创建弹出菜单MaterialPopupMenu

这个库允许使用 Kotlin 中良好的类型安全构建器语法以编程方式创建简单的弹出菜单。菜单可以分为带有可选标题并包含图标的单独部分。

您需要创建一个带有圆角的可绘制对象,例如

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/mpm_material_grey_50"/>

    <corners
        android:radius="8dp"/>

    <padding
        android:bottom="8dp"
        android:top="8dp"/>

</shape>

然后在您的 styles.xml 中声明的自定义样式中引用该可绘制对象,例如

<style name="Widget.MPM.Menu.Dark.CustomBackground">
    <item name="android:popupBackground">@drawable/mtrl_popupmenu_background</item>
</style>

最后一个难题是在构建弹出菜单时使用该样式:

val popupMenu = popupMenu {
    style = R.style.Widget_MPM_Menu_Dark_CustomBackground
    // ... place your items here
}

【讨论】:

    【解决方案2】:

    首先,您需要在 Activity 中有一个工具栏,以便为 popMenu 设置样式。

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorPrimary"
        app:popupTheme="@style/ThemeOverlay.MyTheme"
        app:titleTextColor="#f0f0f0"/>
    

    然后添加此样式并确保将colorBackground 设置为透明以便圆角正确显示,然后使用任何可绘制的形状作为背景。

     <style name="ThemeOverlay.MyTheme" parent="ThemeOverlay.AppCompat.Light">
            <item name="android:colorBackground">@android:color/transparent</item>
            <item name="android:textColor">#000000</item>
            <item name="android:background">@drawable/rounded</item>
        </style>
    

    如果您想制作一个完全自定义的窗口,您可以按照Article 中的教程进行操作。只需确保在根视图中添加圆形作为背景。

    【讨论】:

    • app:popupTheme="@style/ThemeOverlay.MyTheme" 是个问题
    猜你喜欢
    • 2022-11-10
    • 1970-01-01
    • 1970-01-01
    • 2016-11-20
    • 1970-01-01
    • 1970-01-01
    • 2011-04-09
    • 1970-01-01
    • 2021-08-28
    相关资源
    最近更新 更多