簡體   English   中英

導航抽屜打開時,工具欄按鈕不響應觸摸

[英]Toolbar buttons don't respond to touch when a Navigation Drawer is open

我正在使用appcompat v7庫處理我的應用程序的材料設計版本,我遇到了導航抽屜的問題。 打開時,材料設計工具欄中的按鈕將停止運行 - 導航抽屜外的任何觸摸都會關閉抽屜。 以下是我的意思的gif

gif http://images.rymate.co.uk/images/83JXi1X.png

這是我用於活動的xml布局:

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <!-- The main content view -->
    <FrameLayout
        android:id="@+id/container"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

        <FrameLayout
            android:id="@+id/note_list_container"
            android:layout_marginTop="?attr/actionBarSize"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <net.rymate.notes.ui.FloatingActionButton
            android:id="@+id/fabbutton"
            android:layout_width="72dp"
            android:layout_height="72dp"
            android:layout_gravity="bottom|right"
            android:layout_marginBottom="16dp"
            android:layout_marginRight="16dp" />
    </FrameLayout>
    <!-- The navigation drawer -->
    <LinearLayout
        android:id="@+id/left_drawer"
        android:layout_width="300dp"
        android:layout_marginTop="?attr/actionBarSize"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:orientation="vertical">

        <ListView
            android:id="@+id/cat_list"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:choiceMode="singleChoice"
            android:divider="@android:color/transparent"
            android:dividerHeight="0dp"
            android:background="?catBackColour" />
    </LinearLayout>

</android.support.v4.widget.DrawerLayout>

這是onCreate代碼初始化抽屜和工具欄。

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    ROBOTO_LIGHT = Typeface.createFromAsset(this.getAssets(), "Roboto-Light.ttf");
    ROBOTO_LIGHT_ITALICS = Typeface.createFromAsset(this.getAssets(), "Roboto-LightItalic.ttf");

    setContentView(R.layout.activity_notes);

    if (findViewById(R.id.note_container) != null) {
        // The detail container view will be present only in the
        // large-screen layouts (res/values-large and
        // res/values-sw600dp). If this view is present, then the
        // activity should be in two-pane mode.
        mTwoPane = true;

        // In two-pane mode, list items should be given the
        // 'activated' state when touched.
        FragmentManager fm = getSupportFragmentManager();
        //list.setActivateOnItemClick(true);
    }


    if (!mTwoPane) {
        final FloatingActionButton mFab = (FloatingActionButton) findViewById(R.id.fabbutton);
        mFab.init(Color.parseColor("#1e90ff"));
        mFab.setFabDrawable(getResources().getDrawable(R.drawable.ic_action_new));
        mFab.showFab();

        mFab.setOnClickListener(this);

        list = new NotesListFragment(mFab);
    } else {
        list = new NotesListFragment();
    }


    Toolbar toolbar = (Toolbar) findViewById(R.id.action_toolbar);
    setSupportActionBar(toolbar);

    getSupportFragmentManager().beginTransaction()
            .replace(R.id.note_list_container, list)
            .commit();

    mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout); // the layout
    mDrawerLinear = (LinearLayout) findViewById(R.id.left_drawer);

    mDrawerLayout.setDrawerShadow(R.drawable.drawer_shadow, GravityCompat.START);

    getSupportActionBar().setDisplayHomeAsUpEnabled(true);

    getSupportActionBar().setHomeButtonEnabled(true);

    mDrawerLayout.setScrimColor(getResources().getColor(android.R.color.transparent));

    mDrawerToggle = new ActionBarDrawerToggle(
            this,                  /* host Activity */
            mDrawerLayout,         /* DrawerLayout object */
            toolbar,  /* toolbar */
            R.string.drawer_open,  /* "open drawer" description */
            R.string.drawer_close  /* "close drawer" description */
    ) {

        /** Called when a drawer has settled in a completely closed state. */
        public void onDrawerClosed(View view) {
            getSupportActionBar().setTitle("Rymate Notes");
            supportInvalidateOptionsMenu();
        }

        /** Called when a drawer has settled in a completely open state. */
        public void onDrawerOpened(View drawerView) {
            getSupportActionBar().setTitle("Categories");
            supportInvalidateOptionsMenu();
        }
    };

    // Set the drawer toggle as the DrawerListener
    mDrawerLayout.setDrawerListener(mDrawerToggle);

    pref = getSharedPreferences("rymatenotesprefs", MODE_PRIVATE);

    mDrawerList = (ListView) findViewById(R.id.cat_list);

    mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

    mDbHelper = new NotesDbAdapter(this);
    mDbHelper.open();

    if (mDbHelper.fetchAllNotes().getCount() == 0) {
        IntroFragment fragment = new IntroFragment();
        getSupportFragmentManager().beginTransaction()
                .replace(R.id.note_list_container, fragment)
                .commit();

    }

    getCategories(); // calls a function which populates the listview

}

有沒有辦法可以解決這個問題?

似乎觸摸事件被抽屜的陰影所竊取,即DrawerLayout一直攔截觸摸事件,因為Toolbar是內容視圖的一部分,不像ActionBar位於裝飾視圖的頂部。

可能的解決方法是攔截觸摸事件:

如果它介於0(頂部)和Toolbar高度(底部)之間,則將事件直接分派給Toolbar對象。 否則保持正常行為。

抽屜撥動點擊是否相同?

事實證明Nikola Despotoski有正確的想法 - 觸摸事件被DrawerLayout偷走了。 然而,我沒有攔截觸摸事件,而是調整了活動布局,如下所示:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal">

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

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/drawer_layout"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_marginTop="?attr/actionBarSize" >

        <!-- The main content view -->
        <FrameLayout
            android:id="@+id/container"
            android:layout_width="match_parent"
            android:layout_height="match_parent">

            <FrameLayout
                android:id="@+id/note_list_container"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>

            <net.rymate.notes.ui.FloatingActionButton
                android:id="@+id/fabbutton"
                android:layout_width="72dp"
                android:layout_height="72dp"
                android:layout_gravity="bottom|right"
                android:layout_marginBottom="16dp"
                android:layout_marginRight="16dp" />
        </FrameLayout>
        <!-- The navigation drawer -->
        <LinearLayout
            android:id="@+id/left_drawer"
            android:layout_width="300dp"
            android:layout_height="match_parent"
            android:layout_gravity="start"
            android:orientation="vertical">

            <ListView
                android:id="@+id/cat_list"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:background="?catBackColour"
                android:choiceMode="singleChoice"
                android:divider="@android:color/transparent"
                android:dividerHeight="0dp" />
        </LinearLayout>

    </android.support.v4.widget.DrawerLayout>
</FrameLayout>

這具有允許通過Toolbar而不是DrawerLayout來注冊觸摸事件的預期效果。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM