如何覆盖我的菜单栏以进入我的应用程序栏?

时间:2016-08-16 19:07:43

标签: android android-layout android-menu

Weird UI Display

我的活动中有回收站视图+ viewpager +工具栏。当我长时间点击回收器视图中的行时,它应该显示一个带有删除选项的菜单栏。但这就是我得到的。关于为什么它超出我的应用程序名称的任何想法?

这是我主要活动的xml:

1.4-beta1

我保留了一个由于某种原因永远不会显示的添加和关于菜单: 以下是我的两个菜单的xml:

<?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:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.kaad.sampleproject.MainActivity">

    <android.support.v7.widget.Toolbar
        android:id="@+id/main_activity_tool_bar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

    <android.support.design.widget.TabLayout
        android:id="@+id/main_activity_tablayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/main_activity_tool_bar"
        android:background="?attr/colorPrimary"
        android:minHeight="?attr/actionBarSize"
        app:tabIndicatorColor="#ff00ff"
        app:tabMode="fixed"
        app:tabSelectedTextColor="#ffffff"
        app:tabTextColor="#d3d3d3" />

    <android.support.v4.view.ViewPager
        android:id="@+id/main_activity_viewpager"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_below="@+id/main_activity_tablayout" />

</RelativeLayout>

我的风格的xml

<?xml version="1.0" encoding="utf-8"?>
<menu
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/menu_bar_main"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    tools:context=".MainActivity">
    <item
        android:id="@+id/menu_item_new"
        android:icon="@drawable/ic_add_white_36dp"
        android:title="@string/menu_new"
        app:showAsAction="ifRoom|withText" />
    <item
        android:id="@+id/menu_item_about"
        android:title="@string/menu_about"
        app:showAsAction="never" />
</menu>

<?xml version="1.0" encoding="utf-8"?>
<menu
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/menu_bar_delete"
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    tools:context=".MainActivity">
    <item android:id="@+id/menu_item_delete"
        android:icon="@android:drawable/ic_menu_delete"
        android:title="@string/delete" />
</menu>

这是主要活动:

<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">

        <!--<item name="colorPrimary">#FF595951</item>-->
        <!--<item name="colorPrimaryDark">#FF5C5C5C</item>-->
        <!--<item name="colorAccent">#FFCCCCCC</item>-->
        <!--<item name="android:textColorPrimary">#FF0FF0</item>-->
        <item name="windowActionBar">true</item>
        <item name="windowNoTitle">true</item>
    </style>

这就是我在主要处方片段中调用菜单栏的方式

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_my_main);

        database = new Database(this);
        categories = database.getCategories();

        myToolbar = (Toolbar) findViewById(R.id.main_activity_tool_bar);
        setSupportActionBar(myToolbar);


        // Get the ViewPager and set it's PagerAdapter so that it can display items
        myViewPager = (ViewPager) findViewById(R.id.main_activity_viewpager);
        myPagerAdapter = new MyPagerAdapter(getSupportFragmentManager(), MyMainActivity.this, categories);
        myViewPager.setAdapter(myPagerAdapter);

        // Give the TabLayout the ViewPager
        myTabLayout = (TabLayout) findViewById(R.id.main_activity_tablayout);
        myTabLayout.setupWithViewPager(myViewPager);

        // Iterate over all tabs and set the custom view
        for (int i = 0; i < myTabLayout.getTabCount(); i++) {
            TabLayout.Tab myTab = myTabLayout.getTabAt(i);
            myTab.setCustomView(myPagerAdapter.getTabView(i));
        }
        bus.getInstance().register(this);
    }

2 个答案:

答案 0 :(得分:0)

关于按钮的问题:

<item
    android:id="@+id/menu_item_about"
    android:title="@string/menu_about"
    app:showAsAction="never"  />

将never部分更新为“ifRoom”

关于出现的菜单,你是否可以更明确,对于我来说,在相对布局中,你希望工具栏位于顶部,而后面的视图就是它所显示的内容。

答案 1 :(得分:0)

所以我解决了其中一个问题。这是我在我的代码中编辑的,用于在工具栏中显示添加和关于按钮。

首先,在片段中的onCreate中,添加以下行:

setHasOptionsMenu(true);

其次,在您的样式中,将主题更改为NoActionBar。就我而言,我这样做了:

<style name="AppThemeOfStyles"parent="Theme.AppCompat.Light.NoActionBar">
        <item name="colorPrimary">#FF595951</item>
        <item name="colorPrimaryDark">#FF5C5C5C</item>
        <item name="colorAccent">#FFCCCCCC</item>
        <item name="android:textColorPrimary">#FF0FF0</item>
        <item name="windowActionBar">true</item>
        <item name="windowNoTitle">true</item>
    </style>

我还将我的主题名称从AppTheme更改为AppTheme的样式,因为AppTheme已经定义了主题。所以最好将主题名称改为其他名称。

这导致我们得到以下结果: enter image description here

但是我的删除仍然会出现在longpress工具栏的顶部。

enter image description here 任何建议,建议将不胜感激:)

<强>更新: 在主题中使用此选项可使叠加层工作: <item name="windowActionModeOverlay">true</item>

以下是最终结果: enter image description here