Tablayout+Viewpager+recyclerview简单实现

最新推荐文章于 2025-03-13 17:41:41 发布

努力努力～(不负青春)

最新推荐文章于 2025-03-13 17:41:41 发布

阅读量3.9k

点赞数

分类专栏：简单代码文章标签： java viewpager

本文链接：https://blog.youkuaiyun.com/qq_37894009/article/details/78121278

版权

简单代码专栏收录该内容

13 篇文章

订阅专栏

本文详细介绍了如何在Java项目中结合Tablayout、Viewpager和RecyclerView来构建用户界面，通过实例代码展示了一个基本的实现过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//小菜鸟奋斗中

package com.tablayoutviewpagerrecyclerview.tablayoutviewpagerrecyclerview;

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

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

import butterknife.BindView;
import butterknife.ButterKnife;
/*******************************************************
 * @author: wukai              *         * * * *
 * @date: 2017/9/28             *         *     *
 * @description:                *         * * * *
 * @version 1.0                 * * * *   *
 *
 *******************************************************/
public class MainActivity extends AppCompatActivity {

    @BindView(R.id.tabs)
    TabLayout tabs;
    @BindView(R.id.viewpager)
    ViewPager viewpager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);
        init_ViewPager();
    }

    private void init_ViewPager() {
        List<String> titles = new ArrayList<>();
        tabs = (TabLayout) findViewById(R.id.tabs);
        viewpager= (ViewPager) findViewById(R.id.viewpager);
        titles.add("吃");
        titles.add("喝");
        titles.add("玩");
        titles.add("乐");
        for (int i = 0; i < titles.size(); i++) {
            tabs.addTab(tabs.newTab().setText(titles.get(i)));
        }

        List<Fragment> fragments = new ArrayList<>();
        for (int i = 0; i < titles.size(); i++) {
            fragments.add(new com.tablayoutviewpagerrecyclerview.tablayoutviewpagerrecyclerview.ListFragment());
        }
        //适配器
        Fragement_testAdapter fragementAdapter = new Fragement_testAdapter(getSupportFragmentManager(), fragments, titles);
        //给ViewPager设置adapter
        viewpager.setAdapter(fragementAdapter);
        //将Tablayout和ViewPager关联起来
        tabs.setupWithViewPager(viewpager);
        //给TaBlayout设置适配器
        tabs.setTabsFromPagerAdapter(fragementAdapter);
    }
}
===========================================================================================
package com.tablayoutviewpagerrecyclerview.tablayoutviewpagerrecyclerview;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v7.widget.LinearLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/*******************************************************
 * @author: wukai              *         * * * *
 * @date: 2017/9/28             *         *     *
 * @description:                *         * * * *
 * @version 1.0                 * * * *   *
 *
 *******************************************************/
public class ListFragment extends Fragment {
   RecyclerView mRecyclerView;
    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
      mRecyclerView= (RecyclerView) inflater.inflate(R.layout.list_test_fragment,container,false);
        return mRecyclerView;
    }

    @Override
    public void onActivityCreated(@Nullable Bundle savedInstanceState) {
         super.onActivityCreated(savedInstanceState);
         mRecyclerView.setLayoutManager(new LinearLayoutManager(mRecyclerView.getContext()));
         mRecyclerView.setAdapter(new RecyclerViewAdapter(mRecyclerView.getContext()));
    }
}
============================================================================================
package com.tablayoutviewpagerrecyclerview.tablayoutviewpagerrecyclerview;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;

import java.util.List;

/*******************************************************
 * @author: wukai              *         * * * *
 * @date: 2017/9/28             *         *     *
 * @description:                *         * * * *
 * @version 1.0                 * * * *   *
 *
 *******************************************************/
public class Fragement_testAdapter extends FragmentStatePagerAdapter {
    List<Fragment> mFragments;
    List<String> mTitles;
    public Fragement_testAdapter(FragmentManager fm, List<Fragment> fragments, List<String> titles) {
        super(fm);
        this.mFragments = fragments;
        this.mTitles = titles;
    }

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

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

    @Override
    public CharSequence getPageTitle(int position) {
        return mTitles.get(position);
    }
}
===========================================================================================
package com.tablayoutviewpagerrecyclerview.tablayoutviewpagerrecyclerview;

import android.content.Context;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Toast;

/*******************************************************
 * @author: wukai              *         * * * *
 * @date: 2017/9/28             *         *     *
 * @description:                *         * * * *
 * @version 1.0                 * * * *   *
 *
 *******************************************************/

public class RecyclerViewAdapter extends RecyclerView.Adapter<RecyclerViewAdapter.MyViewHolder> {
    private Context mContext;

    public RecyclerViewAdapter(Context context) {
        mContext = context;
    }

    @Override
    public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(mContext).inflate(R.layout.list_test_recycler, parent, false);
        return new MyViewHolder(view);
    }

    @Override
    public void onBindViewHolder(MyViewHolder holder, int position) {
        View view = holder.mView;
        view.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(mContext, "点击事件！！！", Toast.LENGTH_SHORT).show();
            }
        });
    }

    @Override
    public int getItemCount() {
        return 10;
    }

    class MyViewHolder extends RecyclerView.ViewHolder {
        private View mView;

        public MyViewHolder(View itemView) {
            super(itemView);
            mView = itemView;

        }
    }
}
===========================================================================================
jar包
//Material Design  设计风格的库
compile 'com.android.support:design:26.0.0-alpha1'
//recyclerview的依赖
compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
compile 'com.android.support:cardview-v7:26.0.0-alpha1'
compile 'com.android.support:palette-v7:26.0.0-alpha1'
//懒人框架
compile 'com.jakewharton:butterknife:8.4.0'
annotationProcessor 'com.jakewharton:butterknife-compiler:8.4.0'
compile 'com.android.support:cardview-v7:24.0.0'
compile 'de.hdodenhof:circleimageview:2.1.0'