SlidingMenu，Tablayout，ViewPager，Fragment结合

最新推荐文章于 2019-06-11 16:16:24 发布

原创最新推荐文章于 2019-06-11 16:16:24 发布 · 394 阅读

CC 4.0 BY-SA版权

本文介绍了一个使用Android支持库中的TabLayout和ViewPager组件创建带标签页的应用实例。通过创建三个不同的Fragment并将其与ViewPager和TabLayout组件关联起来，实现了一个具有滑动菜单功能的多标签页应用程序。

package com.gss.tablayout_viewpager;

import android.support.design.widget.TabLayout;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;
import android.widget.Toast;

import com.gss.tablayout_viewpager.adapter.MyfragmentPagerAdapter;
import com.gss.tablayout_viewpager.fragment.MyFragmentOne;
import com.gss.tablayout_viewpager.fragment.MyFragmentThree;
import com.gss.tablayout_viewpager.fragment.MyFragmentTwo;
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;

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

public class MainActivity extends FragmentActivity {

    private ViewPager vp;
    private TabLayout tabLayout;
    private List<Fragment> list = new ArrayList<>();
    private MyfragmentPagerAdapter adapter;
    private TextView sliding_tv;
    private SlidingMenu menu;
    private TextView tv;
    private Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        vp = (ViewPager) findViewById(R.id.viewpager);
        tabLayout = (TabLayout) findViewById(R.id.tablayout);
        sliding_tv = (TextView) findViewById(R.id.sliding_tv);

        initData();
        adapter = new MyfragmentPagerAdapter(getSupportFragmentManager(), MainActivity.this, list);
        vp.setAdapter(adapter);
        tabLayout.setupWithViewPager(vp);
        tabLayout.setTabMode(TabLayout.MODE_FIXED);
        slidingDemo();
    }

    private void slidingDemo() {
        menu = new SlidingMenu(this);
        menu.setMode(SlidingMenu.LEFT);
        // 设置触摸屏幕的模式
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);
        //关联activity
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        //侧拉菜单面积
        menu.setBehindOffset(200);
        //非侧拉菜单变黑
        menu.setOffsetFadeDegree(0.3f);
        menu.setMenu(R.layout.sliding_layout);
        tv = (TextView) findViewById(R.id.sliding_tv);
        btn = (Button) findViewById(R.id.sliding_btn);
        tv.setText("hahah");
        btn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(MainActivity.this, "点击了！", Toast.LENGTH_SHORT).show();
            }
        });
    }

    public void initData() {
        list.add(new MyFragmentOne());
        list.add(new MyFragmentTwo());
        list.add(new MyFragmentThree());
    }
}

-----------------------------------------------------------------------------------------------------------------------------------
 package com.gss.tablayout_viewpager.adapter;

import android.content.Context;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.view.View;
import android.view.ViewGroup;

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

/**
 * Created by lenovo on 2017/9/21.
 */

public class MyfragmentPagerAdapter extends FragmentPagerAdapter {
    private Context context;
    private List<Fragment> list = new ArrayList<>();
    private String[] titles = {"Tab1", "Tab2", "Tab3"};

    public MyfragmentPagerAdapter(FragmentManager fm, Context context, List<Fragment> list) {
        super(fm);
        this.context = context;
        this.list = list;
    }

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

    @Override
    public int getCount() {
        return 3;
    }

    @Override
    public CharSequence getPageTitle(int position) {
        return titles[position];
    }
}
-----------------------------------------------------------------------------------------------------------------------------------

创建三个Fragment就行了

public class MyFragmentOne extends Fragment {
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view= View.inflate(getActivity(), R.layout.fragment_layout,null);
        return view;
    }
}