it-swarm.asia

DrawerLayout درج مزدوج (أدراج يسار ويمين في وقت واحد)

لديّ تطبيق ، أرغب في تطبيق درج مزدوج - أحدهما من اليسار والآخر من اليمين. الدرج الأيسر مخصص للتنقل في التطبيق ، والدرج الأيمن مخصص لتصفية النتائج.

لذلك ، التخطيط مثل هذا:

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v4.widget.DrawerLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
    Android:id="@+id/drawer_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent">

    <LinearLayout xmlns:Android="http://schemas.Android.com/apk/res/Android"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent"
        Android:background="@color/light_grey"
        Android:orientation="vertical">

        <GridView
            Android:id="@+id/gridview"
            style="@style/GridViewStyle"
            Android:layout_width="fill_parent"
            Android:layout_height="fill_parent"
            Android:gravity="center"
            Android:horizontalSpacing="7dp"
            Android:stretchMode="columnWidth"
            Android:verticalSpacing="7dp" />
    </LinearLayout>

    <ListView
        Android:id="@+id/left_drawer"
        Android:layout_width="240dp"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        Android:background="#111"
        Android:choiceMode="singleChoice"
        Android:divider="@Android:color/transparent"
        Android:dividerHeight="0dp" />

    <ListView
        Android:id="@+id/right_drawer"
        Android:layout_width="240dp"
        Android:layout_height="match_parent"
        Android:layout_gravity="end"
        Android:background="#111"
        Android:choiceMode="singleChoice"
        Android:divider="@Android:color/transparent"
        Android:dividerHeight="0dp" />
</Android.support.v4.widget.DrawerLayout>

يمكنك أن ترى بوضوح هنا "left_drawer" و "right_drawer" ، وجاذبية كل منهما - "start" و "end" وهذا يعمل بالفعل! يمكنك سحبها على حد سواء.

المشكلة هي أنه عندما أقوم بتطبيق DrawerToggle - فإنه يفتح فقط الدرج الأيسر ، ولا يغلق الدرج الأيمن ، لذلك إذا تم فتح الدرج الأيمن واضغط على زر DrawerToggle - تفتح الأدراج اليسرى أيضًا ، وتتداخل مع الدرج الأيمن .

هناك بعض الحلول التي أحاول الحصول عليها:

  1. اصنع نفس زر DrawerToggle على الجانب الأيمن ، بنفس السلوك والرسوم المتحركة مثل الجانب الأيسر.
  2. اجعل الدرج على الجانب الآخر من الدرج الذي أحاول فتحه - أغلق تلقائيًا (إذا كان الدرج الأيسر مفتوحًا واضغط على تبديل الدرج الأيمن والعكس صحيح).

ولم أحسب كيفية القيام بذلك ، لأن DrawerToggle يقبل DrawerLayout نفسه كمعلمة ، وليس الأدراج الفردية ...

أنا أستخدم مكتبة الدعم.

هل لدي احد اى افكار؟ شكرا لكم مقدما.

62
ExiRouS

يمكنك تسميتها بهذا الشكل في معالج ToggleButton على سبيل المثال:

mDrawerLayout.openDrawer(mDrawer);
mDrawerLayout.closeDrawer(mDrawer);

عندما يكون mDrawer عبارة عن مرجع إلى الدرج المحدد الذي تحتاج إلى فتحه (سواء كان عرضًا أو تخطيطًا) ، في حالتك ، فإن ListView الفعلية تريد عرضها.

22
Armel Larcier

في ما يلي رمز نشاط الدرج المزدوج أكثر مما يمكن توسيعه بواسطة أنشطة أخرى لتنفيذ الدرج المزدوج ، مع افتراض أن لديهم تخطيطًا مثل التخطيط الذي تقدمه OP.

    public class DoubleDrawerActivity extends ActionBarActivity {

    private DrawerLayout mDrawerLayout;
    private ActionBarDrawerToggle mDrawerToggle;
    private View mLeftDrawerView;
    private View mRightDrawerView;

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

        getSupportActionBar().setDisplayHomeAsUpEnabled(true);
        getSupportActionBar().setHomeButtonEnabled(true);
    }

    @Override
    protected void onStart() {
        super.onStart();

        if(mDrawerLayout == null || mLeftDrawerView == null || mRightDrawerView == null || mDrawerToggle == null) {
            // Configure navigation drawer
            mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
            mLeftDrawerView = findViewById(R.id.left_drawer);
            mRightDrawerView = findViewById(R.id.right_drawer);
            mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_navigation_drawer, R.string.drawer_open, R.string.drawer_close) {

                /** Called when a drawer has settled in a completely closed state. */
                public void onDrawerClosed(View drawerView) {
                    if(drawerView.equals(mLeftDrawerView)) {
                        getSupportActionBar().setTitle(getTitle());
                        supportInvalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
                        mDrawerToggle.syncState();
                    }
                }

                /** Called when a drawer has settled in a completely open state. */
                public void onDrawerOpened(View drawerView) {
                    if(drawerView.equals(mLeftDrawerView)) {
                        getSupportActionBar().setTitle(getString(R.string.app_name));
                        supportInvalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
                        mDrawerToggle.syncState();
                    }                   
                }

                @Override
                public void onDrawerSlide(View drawerView, float slideOffset) {
                    // Avoid normal indicator glyph behaviour. This is to avoid glyph movement when opening the right drawer
                    //super.onDrawerSlide(drawerView, slideOffset);
                }
            };

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

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

        // Sync the toggle state after onRestoreInstanceState has occurred.
        mDrawerToggle.syncState();
    }

    @Override
    public void onConfigurationChanged(Configuration newConfig) {
        super.onConfigurationChanged(newConfig);

        mDrawerToggle.onConfigurationChanged(newConfig);
    }

    @Override
    public boolean onPrepareOptionsMenu(Menu menu) {

        // If the nav drawer is open, hide action items related to the content view
        for(int i = 0; i< menu.size(); i++)
            menu.getItem(i).setVisible(!mDrawerLayout.isDrawerOpen(mLeftDrawerView));

        return super.onPrepareOptionsMenu(menu);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {

        switch(item.getItemId()) {
            case Android.R.id.home:
                mDrawerToggle.onOptionsItemSelected(item);

                if(mDrawerLayout.isDrawerOpen(mRightDrawerView))
                    mDrawerLayout.closeDrawer(mRightDrawerView);

                return true;
        }

        return super.onOptionsItemSelected(item);
    }
}
36
Daniel López Lacalle

يمكنك استخدام NavigationView من تصميم المواد.

<?xml version="1.0" encoding="utf-8"?>
<Android.support.v4.widget.DrawerLayout 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/drawer_layout"
    Android:layout_width="match_parent"
    Android:layout_height="match_parent"
    Android:fitsSystemWindows="true"
    tools:openDrawer="start">

    <include
        layout="@layout/app_bar_main"
        Android:layout_width="match_parent"
        Android:layout_height="match_parent" />

    <Android.support.design.widget.NavigationView
        Android:id="@+id/nav_view"
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:layout_gravity="start"
        Android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer" />

    <Android.support.design.widget.NavigationView
        Android:id="@+id/nav_view2"
        Android:layout_width="wrap_content"
        Android:layout_height="match_parent"
        Android:layout_gravity="end"
        Android:fitsSystemWindows="true"
        app:headerLayout="@layout/nav_header_main"
        app:menu="@menu/activity_main_drawer1" />

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

لمزيد من المعلومات ، يرجى الرجوع http://v4all123.blogspot.in/2016/03/simple-example-of-navigation-view-on.html

9
Gunaseelan

إليكم الحل القصير لجميع الذين يريدون منع الرسوم المتحركة لمؤشر الدرج إذا مرروا العرض الصحيح. ببساطة تنفيذ onDrawerSlide الطريقة مثل هذا.

mDrawerToggle = new ActionBarDrawerToggle(this, mDrawerLayout, R.drawable.ic_drawer_white, 0, 0) {

    @Override
    public void onDrawerClosed(View view) {
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }

    @Override
    public void onDrawerOpened(View drawerView) {
       invalidateOptionsMenu(); // creates call to onPrepareOptionsMenu()
    }

    @Override
    public void onDrawerSlide(View drawerView, float slideOffset) {
       if (drawerView == mSlidingMenuNavigationList) {
           super.onDrawerSlide(drawerView, slideOffset);
       }
       else {
          // do nothing on all other views
       }
    }
};
6
Kai Burghardt

استخدم ثابت الجاذبية (Gravity.LEFT أو Gravity.RIGHT) لأي درج تريد إغلاقه (أثناء فتح الآخر) في onOptionsItemSelected () كما هو موضح أدناه.

public boolean onOptionsItemSelected(MenuItem item) {
    if (mDrawerToggle.onOptionsItemSelected(item)) {

       // Close the right side drawer if visible
       if(mDrawerLayout.isDrawerVisible(Gravity.RIGHT)) {
           mDrawerLayout.closeDrawer(Gravity.RIGHT);
       }
       return true;
    }

    // Regular stuff
    switch (item.getItemId()) {
    case R.id.action_example:
        Toast.makeText(getActivity(), "Example action.", Toast.LENGTH_SHORT).show();
        return true;
    }

    return super.onOptionsItemSelected(item);
}

mDrawerToggle = كائن مستمع تطبيق DrawerLayout.DrawerListener
راجع: http://developer.Android.com/reference/Android/support/v4/app/ActionBarDrawerToggle.html

5
Himanshu Likhyani

لقد قمت بحل إضافة هذا الرمز في طريقة onOptionsItemSelected:

switch (item.getItemId()) {
    case Android.R.id.home:
        if (mDrawerLayout.isDrawerOpen(mDrawerList_right)){
            mDrawerLayout.closeDrawer(mDrawerList_right);
        }
        mDrawerLayout.openDrawer(mDrawerList_left);
    }
    break;
case R.id.action_drawer:
        if (mDrawerLayout.isDrawerOpen(mDrawerList_left)){
            mDrawerLayout.closeDrawer(mDrawerList_left);
        }
        mDrawerLayout.openDrawer(mDrawerList_right);
    }
default:
    break;
}

لقد أضفت زر إجراء وتجاوزت زر الصفحة الرئيسية لشريط العمل

0
Francesco Ditrani

اصنع عنصرًا مخصصًا وأضفه إلى اليمين ، ثم قم بتمريره إلى الدرج الأيمن.

final ToggleButton ic_nav = (ToggleButton) customNav.findViewById(R.id.ic_nav);

        ic_nav.setOnClickListener(new View.OnClickListener()
        {
            @Override
            public void onClick(View arg0)
            {
                if ( mDrawerLayout.isDrawerOpen(mDrawerList) && arg0.isSelected()) {
                    mDrawerLayout.closeDrawer(mDrawerList);
                    arg0.setSelected(false);
                }
                else if (!mDrawerLayout.isDrawerOpen(mDrawerList) && !arg0.isSelected()){
                    mDrawerLayout.openDrawer(mDrawerList);
                    ic_nav.setSelected(false);
                    arg0.setSelected(true);
                }
            }
        });
0
mhdtouban