侧滑菜单栏+viewpager+tablayout+fragment

在开发过程中，经常会搭建这样一个布局，请看图

有没有觉得很实用，下面就来一起看这个环境是如何搭建的吧

首先是XML布局

<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.a13683.buju.MainActivity">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
！！！在这个地方请注意，要添加依赖（使用TabLayout是5.0的新特性，编译版本小于5.0要添加依赖）
        <android.support.design.widget.TabLayout
            android:id="@+id/tab"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

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

        <android.support.v4.view.ViewPager
            android:id="@+id/pager"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            />
    </LinearLayout>
     <fragment
！！！这个地方请注意：我设置的是左滑菜单栏，你可以尝试一下其他的，这里就要建一个Fragment，
因为其中没内容，我就不写了。
 class="com.example.a13683.buju.BlankFragment"
         android:layout_gravity="start"
         android:layout_width="180dp"
         android:layout_height="match_parent">

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

MainActivity

package com.example.a13683.buju;

import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.ActionBar;
import android.support.v7.app.ActionBarDrawerToggle;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private DrawerLayout draw;
    private TabLayout tabLayout;
    private ViewPager viewPager;
    private ActionBarDrawerToggle barDrawerToggle;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化控件
        InitKongjian();
        // 初始化ActionBar
        InitBar();
       //初始化ViewPager
        InitPager();

    }

    private void InitPager() {
        //1创建一个集合，用来装Fragment
        ArrayList<Fragment> list = new ArrayList<Fragment>();
        //2.将Fragment对象放入集合显示  1想实现几个fragment就写几个
         list.add(new class1());
        list.add(new class2());       这里的类都要创建，同时创建布局
        list.add(new class3());
        //3.适配
        MyBase base = new MyBase(getSupportFragmentManager());
        //将集合传给适配器
        base.setFragments(list);
        //给viewpager设置适配器
        viewPager.setAdapter(base);
        //4.tablayout的指示器有几个就创建几个,我有三个
        tabLayout.addTab(tabLayout.newTab());
        tabLayout.addTab(tabLayout.newTab());
        tabLayout.addTab(tabLayout.newTab());
        //5.使得tablayout与viewpager相关联
        tabLayout.setupWithViewPager(viewPager);
        //6.给tablayout指示器设置文本           2，同时改变的还有这个地方
        tabLayout.getTabAt(0).setText("今日看点");
        tabLayout.getTabAt(1).setText("朝闻天下");
        tabLayout.getTabAt(2).setText("购物广场");

    }

    private void InitKongjian() {
        draw = (DrawerLayout) findViewById(R.id.activity_main);
        tabLayout = (TabLayout) findViewById(R.id.tab);
        viewPager = (ViewPager) findViewById(R.id.pager);


    }
    private void InitBar() {
        //1获取一个Actionbar对象
        ActionBar bar = getSupportActionBar();
        //2添加一个返回图标
        bar.setDisplayHomeAsUpEnabled(true);
        //3关联
        //这个类提供了一个方便的方式来绑定功能 参数 上下文，drawerlayout  资源（盲人点击时，会发出声音）
        barDrawerToggle = new ActionBarDrawerToggle(this, draw, R.string.open, R.string.close);
        //将抽屉指示器的状态与连接的Drawablelayout同步状态
        barDrawerToggle.syncState();
       draw.addDrawerListener(barDrawerToggle);
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        if(barDrawerToggle.onOptionsItemSelected(item)){
            return true;
        }
        return super.onOptionsItemSelected(item);
    }



}

适配器

package com.example.a13683.buju;


import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import java.util.List;



public class MyBase extends FragmentPagerAdapter {
    public MyBase(FragmentManager fm) {
        super(fm);
    }
    private List<Fragment> mfragments;
    public void setFragments(List<Fragment> fragments){
        mfragments = fragments;
    }
    @Override
    public Fragment getItem(int position) {
        Fragment fragment = mfragments.get(position);
        return fragment;
    }

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

整个搭建环境的过程大约就是这样，感兴趣的可以再完善一下这个代码。

侧滑菜单栏+viewpager+tablayout+fragment

相关推荐