DrawerLayout的项目点击 - 何时是替换片段的正确时间?

时间:2013-07-05 14:45:39

标签: android android-fragments navigation-drawer fragmenttransaction drawerlayout

我正在开发一个使用导航抽屉图案的应用程序(使用DrawerLayout)。

每次点击抽屉的项目,都会替换主容器中的片段。

但是,我不确定何时是进行片段交易的合适时机? 抽屉开始关闭时?或者关闭后?

在谷歌的documentaion example中,您可以看到他们正在进行交易 在项目单击后,然后关闭抽屉 结果,抽屉看起来很迟钝而且不平滑,而且看起来很糟糕(它也发生在我的应用程序中)。

GmailGoogle Drive应用程序中,另一方面,看起来他们在抽屉关闭后正在进行交易(我是对吗?)。
结果,抽屉没有延迟且非常平滑,但至少需要大约1秒钟(抽屉关闭所需的时间)才能看到下一个片段。

当立即进行片段交易时,抽屉似乎没有办法顺畅。

你怎么看?

提前致谢!

7 个答案:

答案 0 :(得分:25)

另一种解决方案是在关闭抽屉后创建Handler并发布延迟Runnable,如下所示:https://stackoverflow.com/a/18483633/769501。这种方法的好处是,如果您等待DrawerListener#onDrawerClosed(),您的碎片将比它们更快地被替换,但当然任意延迟并不能100%保证抽屉动画能够及时完成。 / p>

那就是说,我使用了200ms的延迟,它运行得非常好。

private class DrawerItemClickListener implements OnItemClickListener {
    @Override
    public void onItemClick(AdapterView<?> parent, View view, final int position, long id) {
        drawerLayout.closeDrawer(drawerList);
        new Handler().postDelayed(new Runnable() {
            @Override
            public void run() {
                switchFragments(position); // your fragment transactions go here
            }
        }, 200);
    }
}

答案 1 :(得分:24)

Yup,不能同意,在布局传递中执行片段(带有视图)事务会导致动画视图上的janky动画,引用DrawerLayout docs

  

DrawerLayout.DrawerListener可用于监视抽屉视图的状态和动作。避免在动画期间执行昂贵的操作,例如布局,因为它可能导致口吃;尝试在STATE_IDLE状态期间执行昂贵的操作。

所以请在抽屉关闭后或者有人修补支持库以某种方式修复它时执行您的片段事务:)

答案 2 :(得分:15)

这是我为实现类似于Gmail应用的流畅交易动画所做的工作:

<强> activity_drawer.xml

<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" >

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

    <!-- The navigation drawer -->
    <ListView 
    android:id="@+id/left_drawer"
        android:layout_width="280dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:choiceMode="singleChoice" />

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

<强> DrawerActivity.java

private Fragment mContentFragment;
private Fragment mNextContentFragment;
private boolean mChangeContentFragment = false;

private Handler mHandler = new Handler();

...

@Override
public void onCreate(Bundle savedInstanceState) {
    ...

    mDrawerLayout.setDrawerListener(new DrawerListener());

    mDrawerList.setOnItemClickListener(new DrawerItemClickListener());

    ...
}

....

private class DrawerItemClickListener implements ListView.OnItemClickListener {

    @Override
    public void onItemClick(AdapterView parent, View view, int position, long id) {
        getSupportFragmentManager().beginTransaction().remove(mContentFragment).commit();

        switch (position) {
            case 0:
                mNextContentFragment = new Fragment1();
                break;

            case 1:
                mNextContentFragment = new Fragment2();
                break;

            case 2:
                mNextContentFragment = new Fragment3();
                break;
        }

        mChangeContentFragment = true;

        mDrawerList.setItemChecked(position, true);

        mHandler.postDelayed(new Runnable() {

            @Override
            public void run() {
                mDrawerLayout.closeDrawer(mDrawerList);
            }           
        }, 150);
    }
}

private class DrawerListener implements android.support.v4.widget.DrawerLayout.DrawerListener {

    @Override
    public void onDrawerClosed(View view) {
        if (mChangeContentFragment) {
             getSupportFragmentManager().beginTransaction().setTransition(FragmentTransaction.TRANSIT_FRAGMENT_OPEN).replace(R.id.content_frame, mNextContentFragment).commit();

             mContentFragment = mNextContentFragment;           
             mNextContentFragment = null;

             mChangeContentFragment = false;
         }
     }
 }
希望对你有所帮助! :-)

答案 3 :(得分:5)

我知道这个问题已经过时了,但我遇到了同样的问题并且认为我会发布我的解决方案,因为我认为它比添加硬编码延迟时间更好。我所做的是使用onDrawerClosed函数在执行任务之前验证抽屉已关闭。

//on button click...
private void displayView(int position) {
    switch (position) {
    //if item 1 is selected, update a global variable `"int itemPosition"` to be 1
    case 1:
        itemPosition = 1;
        //();
        break;
    default:
        break;
    }

    // update selected item and title, then close the drawer
    mDrawerList.setItemChecked(position, true);
    mDrawerList.setSelection(position);
    mDrawerLayout.closeDrawer(mDrawerList); //close drawer
}

然后在onDrawerClosed中,打开相应的活动。

public void onDrawerClosed(View view) {
    getSupportActionBar().setTitle(mTitle);
    // calling onPrepareOptionsMenu() to show action bar icons
    supportInvalidateOptionsMenu();
    if (itemPosition == 1) {
        Intent intent = new Intent(BaseActivity.this, SecondActivity.class);
        startActivity(intent);
    }
}

答案 4 :(得分:1)

只需在处理程序中编写代码并将延迟时间延迟200毫秒。

 new Handler().postDelayed(new Runnable() {
  @Override
   public void run() {
       openSelectionDrawerItem(position);          
   }
 }, 200);

答案 5 :(得分:1)

而不是延迟您的商品点击,这可能会让您的应用感觉变慢。我只是推迟关闭mDrawerLayout。我也不会使用DrawerLayout.OnDrawerListener onClose(...),因为这些回调的调用速度很慢。

new Handler().postDelayed(new Runnable() {
    @Override
    public void run() {
        mDrawerLayout.closeDrawer(GravityCompat.START);
    }
}, 200);

答案 6 :(得分:0)

如果您希望它平滑且没有任何延迟,请将抽屉保持打开状态,然后在返回时将其关闭(在onRestart()方法中)。

@Override
protected void onRestart() {
    // TODO Auto-generated method stub
    super.onRestart();
    mDrawerLayout.closeDrawer(mDrawerList);     
}

副作用是返回时的(快速)动画,但这可能是可以接受的。