Android--------TableLayout和Viewpager联动

1.首先导入TableLayout依赖:

compile 'com.android.support:design:25.1.0'
然后是定义TableLayout和ViewPager
<android.support.design.widget.TabLayout
    android:id="@+id/tab"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="@color/colorAccent"
    app:tabIndicatorHeight="1dp"
    app:tabTextColor="#d39900ff"
    app:tabSelectedTextColor="#000"
    app:tabMode="scrollable"
    >

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

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

</android.support.v4.view.ViewPager>


3.定义一个Pager的适配器类 继承PagerAdapter
public class PagerAdapter extends android.support.v4.view.PagerAdapter {
    private ArrayList<View> mlist;

    public PagerAdapter(ArrayList<View> mlist) {
        this.mlist = mlist;
    }

    @Override
    public int getCount() {
        return mlist==null?0:mlist.size();
    }

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view==object;
    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {
        View view = mlist.get(position);
        container.addView(view);
        return view;

    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(mlist.get(position));
    }


}

4.主界面
public class MainActivity extends AppCompatActivity {
    private TabLayout tb;
    private ViewPager mvp;
    private PagerAdapter pd;
    private ArrayList<View> mlist = new ArrayList<>();
  
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tb = (TabLayout) findViewById(R.id.tab);
        mvp = (ViewPager) findViewById(R.id.vp);

       tb.addTab(tb.newTab().setText("周一"));
        tb.addTab(tb.newTab().setText("周二"));
        tb.addTab(tb.newTab().setText("周三"));
        tb.addTab(tb.newTab().setText("周四"));
        tb.addTab(tb.newTab().setText("周五"));
        tb.addTab(tb.newTab().setText("周六"));
        tb.addTab(tb.newTab().setText("周日"));

        //得到各个ViewPager的布局
        LayoutInflater lf = LayoutInflater.from(this);
        View v1 = lf.inflate(R.layout.item1, null);
        View v2 = lf.inflate(R.layout.item2, null);
        View v3 = lf.inflate(R.layout.item3, null);
        View v4 = lf.inflate(R.layout.item4, null);
        View v5 = lf.inflate(R.layout.item5, null);
        View v6 = lf.inflate(R.layout.item6, null);
        View v7 = lf.inflate(R.layout.item7, null);
        mlist.add(v1);
        mlist.add(v2);
        mlist.add(v3);mlist.add(v4);mlist.add(v5);
        mlist.add(v6);mlist.add(v7);
        pd = new PagerAdapter(mlist);
        mvp.setAdapter(pd);
      
        //Viewpager的监听事件:
        mvp.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(tb));

        //TableLayout的监听事件
        tb.setOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {

                int position = tab.getPosition();
                mvp.setCurrentItem(position);

         }

            @Override
            public void onTabUnselected(TabLayout.Tab tab) {

            }

            @Override
            public void onTabReselected(TabLayout.Tab tab) {

            }
        });

    }
    }





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值