滚动片段应该折叠工具栏

时间:2015-12-10 05:42:26

标签: android android-fragments android-collapsingtoolbarlayout

我有以下程序,我想添加一个折叠工具栏。它是一个标签布局,附有多个片段。

XML文件

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

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" >

        <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"/>

            <android.support.design.widget.TabLayout
                android:id="@+id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                app:tabMode="scrollable"
                app:tabContentStart="72dp" />
    </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" />



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

JAVA文件

public class Competitions extends AppCompatActivity {
    private Toolbar toolbar;
    private TabLayout tabLayout;
    private ViewPager viewPager;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        Intent intent = getIntent();

        setContentView(R.layout.competition);

        toolbar = (Toolbar) findViewById(R.id.toolbar);
        setSupportActionBar(toolbar);
        getSupportActionBar().setTitle("Competitions");
        getSupportActionBar().setHomeButtonEnabled(true);
        getSupportActionBar().setDisplayHomeAsUpEnabled(true);

        viewPager = (ViewPager) findViewById(R.id.viewpager);
        setupViewPager(viewPager);

        tabLayout = (TabLayout) findViewById(R.id.tabs);
        tabLayout.setupWithViewPager(viewPager);
    }

    private void setupViewPager(ViewPager viewPager) {
        ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());
        adapter.addFragment(new IntChal(), "International Challenges");
        adapter.addFragment(new XMach(), "Xtreme Machines");
        adapter.addFragment(new TVoltz(), "Technovoltz");
        adapter.addFragment(new Robotron(), "Robotron");
        adapter.addFragment(new Dimensions(), "Dimensions");
        adapter.addFragment(new Tinker(), "Tinkerer");
        adapter.addFragment(new Aero(), "Aerostrike");
        adapter.addFragment(new Lamp(), "Solar Urja Lamp");
        viewPager.setAdapter(adapter);
    }

    class ViewPagerAdapter extends FragmentPagerAdapter {
        private final List<Fragment> mFragmentList = new ArrayList<>();
        private final List<String> mFragmentTitleList = new ArrayList<>();

        public ViewPagerAdapter(FragmentManager manager) {
            super(manager);
        }

        @Override
        public Fragment getItem(int position) {
            return mFragmentList.get(position);
        }

        @Override
        public int getCount() {
            return mFragmentList.size();
        }

        public void addFragment(Fragment fragment, String title) {
            mFragmentList.add(fragment);
            mFragmentTitleList.add(title);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return mFragmentTitleList.get(position);
        }
    }
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                onBackPressed();
                return true;
        }

        return super.onOptionsItemSelected(item);
    }


}

我之前尝试过这个,但是当我用折叠工具栏替换我的工具栏时,如果我滚动工具栏部分会发生崩溃。我需要的是,在向下滚动片段时,工具栏应该崩溃。我怎么做。

P.S。我是初学者,所以请解释为什么你的解决方案有效。

修改 好吧,我想要的是当我滚动片段时,工具栏应该自行折叠。通过以下解决方案,发生的事情是我必须手动首先折叠工具栏,然后滚动片段,这不是我想要的。请帮我做同样的事情

3 个答案:

答案 0 :(得分:0)

尝试在android studio中创建Scrolling Activity项目。这给你一个collapsing toolbar。步骤:Android studio - &gt;添加新项目 - &gt;提供项目详情 - &gt;在步骤Add an activity to mobile中选择Scrolling Activity。完成

Steps for adding Scrolling activity

答案 1 :(得分:0)

像这样更改工具栏

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

请参阅此处的示例&#39; https://github.com/chrisbanes/cheesesquare&#39;为了更多的参考,它对我来说很好。我希望它可以帮到你。

答案 2 :(得分:-1)

看起来您的布局是正确的,请参阅此tutorial它将帮助您实现目标。

<强>更新

app:layout_scrollFlags="scroll|enterAlways"添加到工具栏将解决您的问题。