TabLayout和DrawerLayout结合使用

布局

<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/drawer"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.example.drawerlayout.MainActivity">
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <android.support.design.widget.TabLayout
            android:id="@+id/tab"
            android:layout_width="match_parent"
            android:layout_height="40dp"
            app:tabGravity="center"
            app:tabIndicatorColor="@color/colorAccent"
            app:tabMode="scrollable"
            app:tabSelectedTextColor="@color/colorPrimaryDark"
            app:tabTextColor="@color/colorPrimary"/>
        <android.support.v4.view.ViewPager
            android:id="@+id/vp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@id/tab"></android.support.v4.view.ViewPager>
    </RelativeLayout>
    <RelativeLayout
        android:id="@+id/menu"
        android:layout_width="320dp"
        android:layout_height="match_parent"
        android:layout_gravity="start"
        android:background="#fff">
        <ImageView
            android:id="@+id/img"
            android:src="@mipmap/ic_launcher"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ListView
            android:layout_marginTop="50dp"
            android:id="@+id/lv"
            android:layout_below="@id/img"
            android:layout_width="match_parent"
            android:layout_height="match_parent"></ListView>
    </RelativeLayout>
</android.support.v4.widget.DrawerLayout>
	代码
	
public class MainActivity extends AppCompatActivity {

    private DrawerLayout drawerLayout;
    private RelativeLayout mune;
    private ListView lv;
    private List<String> data;
    private TabLayout tab;
    private ViewPager viewpager;
    private List<String> myTabs=new ArrayList<>();

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

        drawerLayout = (DrawerLayout) findViewById(R.id.drawer);
        mune = (RelativeLayout) findViewById(R.id.menu);
        lv = (ListView) findViewById(R.id.lv);
        tab = (TabLayout) findViewById(R.id.tab);
        viewpager = (ViewPager) findViewById(R.id.vp);

        myTabs.add("推荐");
        myTabs.add("北京");
        myTabs.add("社会");
        myTabs.add("娱乐");
        myTabs.add("科技");
        myTabs.add("民生");
        myTabs.add("视频");

        viewpager.setAdapter(new MyVpAdapter(getSupportFragmentManager()));
        tab.setupWithViewPager(viewpager);

        //给侧拉框配置数据
        data = new ArrayList<String>();
        for (int i=0; i<20; i++){
            data.add("item"+i);
        }

        //给侧拉框创建适配器
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this,android.R.layout.simple_list_item_1,data);
        lv.setAdapter(adapter);

        //listview点击条目事件
        lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                //关闭侧拉框
                drawerLayout.closeDrawer(mune);
            }
        });
    }

    class MyVpAdapter extends FragmentPagerAdapter {
        public MyVpAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return myTabs.get(position);
        }

        @Override
        public Fragment getItem(int position) {
            ContentFragment contentFragment=new ContentFragment();

            //传递参数
            Bundle bundle=new Bundle();//key:string vavle:object
            bundle.putString("title",myTabs.get(position));
            contentFragment.setArguments(bundle);

            return contentFragment;
        }

        //返回viewPager的加载的页面的数量
        @Override
        public int getCount() {
            return myTabs.size();
        }
    }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的ViewPager和TabLayout的使用示范代码: 1. 在布局文件中添加ViewPager和TabLayout: ``` <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="match_parent"/> <com.google.android.material.tabs.TabLayout android:id="@+id/tabLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="@color/colorPrimary" app:tabTextColor="@android:color/white" app:tabSelectedTextColor="@android:color/white" app:tabIndicatorColor="@android:color/white"/> ``` 2. 在Activity或Fragment中设置ViewPager和TabLayout: ``` // 获取ViewPager和TabLayout ViewPager viewPager = findViewById(R.id.viewPager); TabLayout tabLayout = findViewById(R.id.tabLayout); // 创建Fragment列表和标题列表 List<Fragment> fragmentList = new ArrayList<>(); List<String> titleList = new ArrayList<>(); fragmentList.add(new Fragment1()); fragmentList.add(new Fragment2()); titleList.add("Tab1"); titleList.add("Tab2"); // 创建PagerAdapter并设置给ViewPager PagerAdapter pagerAdapter = new PagerAdapter(getSupportFragmentManager(), fragmentList, titleList); viewPager.setAdapter(pagerAdapter); // 将TabLayout与ViewPager关联 tabLayout.setupWithViewPager(viewPager); ``` 3. 创建PagerAdapter类: ``` public class PagerAdapter extends FragmentPagerAdapter { private List<Fragment> fragmentList; private List<String> titleList; public PagerAdapter(FragmentManager fm, List<Fragment> fragmentList, List<String> titleList) { super(fm); this.fragmentList = fragmentList; this.titleList = titleList; } @Override public Fragment getItem(int position) { return fragmentList.get(position); } @Override public int getCount() { return fragmentList.size(); } @Override public CharSequence getPageTitle(int position) { return titleList.get(position); } } ``` 这样就可以实现一个简单的ViewPager和TabLayout的效果了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值