Drawerlayout+ViewPager

最新推荐文章于 2019-07-16 14:44:00 发布

原创最新推荐文章于 2019-07-16 14:44:00 发布 · 424 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Drawerlayout

ViewPager 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一个基于Android平台的抽屉式导航应用实现方法，通过使用DrawerLayout和ViewPager组件，实现了左侧导航菜单与主要内容之间的切换。文章详细展示了如何初始化数据、设置ListView适配器以及FragmentPagerAdapter，从而实现流畅的页面切换效果。

public class MainActivity extends FragmentActivity {

    private DrawerLayout dl;
    List<Fragment> list = new ArrayList<Fragment>();
    private ViewPager vp;
    private ListView lv;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        dl = (DrawerLayout) findViewById(R.id.dl);
        vp = (ViewPager) findViewById(R.id.vp);
        lv = findViewById(R.id.lv);
        ititData();
        showLv();
        showIv();

        MyAdapter adapter = new MyAdapter(getSupportFragmentManager());
        vp.setAdapter(adapter);

    }

    private void showIv() {

    }

    private void showLv() {

        List<String> listlv = new ArrayList<String>();
        for (int i = 1; i <10 ; i++) {
            listlv.add("条目"+i);
        }

        ArrayAdapter<String> arrayAdapter = new ArrayAdapter<String>(MainActivity.this,android.R.layout.simple_list_item_1,listlv);
        lv.setAdapter(arrayAdapter);
    }

    private void ititData() {

        list.add(new FragmentOne());
        list.add(new FragmentTwo());
        list.add(new FragmentThree());

    }


    class MyAdapter extends FragmentPagerAdapter{

        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

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

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

}



布局:

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

    <!-- 包含主要内容的 view -->

    <android.support.v4.view.ViewPager
        android:id="@+id/vp"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <!-- navigation drawer(左边抽屉式导航) -->

    <ListView
        android:id="@+id/lv"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="left"
        android:background="@android:color/holo_blue_bright" />

    <!-- navigation drawer(右边抽屉式导航) -->

    <ImageView
        android:id="@+id/iv"
        android:layout_width="200dp"
        android:layout_height="match_parent"
        android:layout_gravity="right"
        android:src="@drawable/m"
        android:background="@android:color/holo_orange_dark">
    </ImageView>

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