显示隐藏工具栏动画不流畅。

4
在我的最近一个应用程序中,我实现了当用户在列表(Recyclerview)中滚动时隐藏/显示工具栏。我的应用程序有3个片段和一个视图页面来呈现它们。当滚动时,工具栏适当地隐藏。然而,当我改变片段时(在视图页上调用onPageChange监听器),我正在展开工具栏。有时候,当它正在扩展时,动画是平滑的,但有时会稍有延迟。我不明白我做错了什么。 为了说明这一点,我录制了我的屏幕,请单击此处查看视频。
这是我的main_layout:
<android.support.design.widget.CoordinatorLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:fab="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:fitsSystemWindows="true"
tools:context="com.studentsins.lust.MainActivity">

<android.support.design.widget.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:id="@+id/appBarLayouy"
    android:theme="@style/AppTheme.AppBarOverlay">

    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay"
        app:layout_scrollFlags="scroll|enterAlways" />

    <android.support.design.widget.TabLayout
        android:id="@+id/sliding_tabs"
        android:layout_width="match_parent"
        android:layout_height="@dimen/tabsHeight"
        style="@style/NavigationTab"/>


</android.support.design.widget.AppBarLayout>

<android.support.v4.view.ViewPager
    android:id="@+id/viewpager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"/>


<include layout="@layout/content_main"/>

<com.getbase.floatingactionbutton.FloatingActionsMenu
    android:id="@+id/floatingActionMenu"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentRight="true"
    android:layout_alignParentEnd="true"
    fab:fab_addButtonColorNormal="@color/blood_orange"
    fab:fab_addButtonColorPressed="@color/dirtyWhite"
    fab:fab_addButtonPlusIconColor="@color/dirtyWhite"
    fab:fab_addButtonSize = "normal"
    fab:fab_labelStyle="@style/menu_labels_style"
    fab:fab_labelsPosition="left"
    app:layout_anchor="@id/viewpager"
    app:layout_anchorGravity="bottom|end">

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/createPlanBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="@color/blood_orange"
        fab:fab_title="Create a plan"
        fab:fab_size="normal"
        app:fab_icon="@drawable/ic_event_white_48dp"
        fab:fab_colorPressed="@color/dirtyWhite"/>

    <com.getbase.floatingactionbutton.FloatingActionButton
        android:id="@+id/changeStatusBtn"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        fab:fab_colorNormal="@color/blood_orange"
        fab:fab_size="normal"
        app:fab_icon="@drawable/ic_textsms_white_48dp"
        fab:fab_title="Change status"
        fab:fab_colorPressed="@color/dirtyWhite"/>

</com.getbase.floatingactionbutton.FloatingActionsMenu>

这是我的feed_fragment:

public class FeedFragment extends Fragment {
public static final String ARG_PAGE = "ARG_PAGE";
private static final String TAG = FeedFragment.class.getSimpleName();
private int mPage;
private RecyclerView mRefreshLayout;
private Context mActivity;

public static FeedFragment newInstance(int page) {
    Bundle args = new Bundle();
    args.putInt(ARG_PAGE, page);
    FeedFragment fragment = new FeedFragment();
    fragment.setArguments(args);
    return fragment;
}

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    mPage = getArguments().getInt(ARG_PAGE);
    mActivity = getActivity();
    Log.d("MainActivity", "onCreate" + mPage);
}

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_feed_layout,container,false);

    mRefreshLayout = (RecyclerView) view.findViewById(R.id.feedCardViewList);
    LinearLayoutManager linearLayoutManager = new LinearLayoutManager(mActivity);
    linearLayoutManager.setOrientation(LinearLayoutManager.VERTICAL);
    mRefreshLayout.setLayoutManager(linearLayoutManager);

    mRefreshLayout.addOnScrollListener(new RecyclerView.OnScrollListener() {
        @Override
        public void onScrolled(RecyclerView recyclerView, int dx, int dy) {
            super.onScrolled(recyclerView, dx, dy);

            if (dy >= 0) {
                // Scrolling up.. hide the FAB
                MainActivity.mFloatingActionsMenu.animate()
                        .setDuration(150)
                        .translationY(300);
            } else {
                // Scrolling down.. show the FAB
                MainActivity.mFloatingActionsMenu.animate()
                        .setDuration(150)
                        .translationY(0);
            }

            Log.d(TAG,"DY value: "+dy);

        }
    });
    ArrayList<String> users = new ArrayList<>();
    users.add("Georgi Koemdzhiev");
    users.add("Mariya Menova");
    users.add("Simeon Simeonov");
    users.add("Ivan Dqkov");
    users.add("Dymityr Vasilev");
    users.add("Petar Dimov");
    users.add("Stoyan Stoyanov");
    users.add("Alexander Lunar");
    users.add("Awesome Jhon");

    FeedCardAdapter adapter = new FeedCardAdapter(users,mActivity);

    mRefreshLayout.setAdapter(adapter);
    Log.d("MainActivity", "onCreateView" + mPage);
    return view;
}
}

这是我的MainActivity onCreate方法:

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
    setSupportActionBar(toolbar);


    sharedPreferences = PreferenceManager.getDefaultSharedPreferences(MainActivity.this);
    editor = sharedPreferences.edit();

   Boolean isUserLoggedIn = sharedPreferences.getBoolean(Constants.USER_IF_LOG_IN,false);
    if(!isUserLoggedIn){
        navigateToLogin();
    }

    // Get the ViewPager and set it's PagerAdapter so that it can display items
    final ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager);
    viewPager.setAdapter(new LustFragmentPagerAdapter(getSupportFragmentManager(), this));
    // Give the TabLayout the ViewPager
    final TabLayout tabLayout = (TabLayout) findViewById(R.id.sliding_tabs);
    tabLayout.setTabGravity(TabLayout.GRAVITY_FILL);
    tabLayout.setupWithViewPager(viewPager);

    mFloatingActionsMenu = (FloatingActionsMenu)findViewById(R.id.floatingActionMenu);

    mChangeStatus = (FloatingActionButton)findViewById(R.id.changeStatusBtn);
    mChangeStatus.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Log.d(TAG,"Change Status pressed! | " + viewPager.getCurrentItem());
            mFloatingActionsMenu.collapse();
        }
    });
    mCreatePlan = (FloatingActionButton)findViewById(R.id.createPlanBtn);
    mCreatePlan.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            Log.d(TAG,"Create plan pressed! | " + viewPager.getCurrentItem());
            mFloatingActionsMenu.collapse();
        }
    });

    viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
            //Make sure that the fab is visible when scrolling the pages...
            MainActivity.mFloatingActionsMenu.animate()
                    .setDuration(150)
                    .translationY(0);
            //show the toolbar
            expandToolbar();

        }

        @Override
        public void onPageSelected(int position) {

        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });


}

这是我的 expandToolbar 方法的代码:

public void expandToolbar(){
    //setExpanded(boolean expanded, boolean animate)
    AppBarLayout appBarLayout = (AppBarLayout)findViewById(R.id.appBarLayouy);
    appBarLayout.setExpanded(true, true);
}
3个回答

3
我可以为您提供另一种方法吗?只需使用GONE和VISIBLE之间的set Visibility来显示/隐藏顶部栏,具体取决于需要显示/隐藏。并且在顶部栏的父级中添加android:animateLayoutChanges="true"

谢谢你的回答!下班后我会尝试一下。非常感谢! :) - Georgi Koemdzhiev

0
请将android.support.design.widget.AppBarLayout更改为其他ViewGroup,这可以解决您的问题。加油!

0

我发现引起工具栏扩展动画延迟的原因是什么了。问题在于 onPageChanged 方法在监听器中被多次调用,因此下面的代码会被多次执行:

 onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
        //Make sure that the fab is visible when scrolling the pages...
        MainActivity.mFloatingActionsMenu.animate()
                .setDuration(150)
                .translationY(0);
        //show the toolbar
        expandToolbar();

所以我认为这可能会导致系统在处理如此多的调用/动画时偶尔出现一些困难。

我解决这个问题的方法很简单,就是将我的代码从onScrolled移动到“onPageScrollStateChanged”方法中(每次viewpager向左/右滑动时调用一次)。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接