Tablayout

最新推荐文章于 2022-04-28 14:37:01 发布

原创最新推荐文章于 2022-04-28 14:37:01 发布 · 209 阅读

0 ·

CC 4.0 BY-SA版权

Android 专栏收录该内容

43 篇文章

订阅专栏

本文介绍了一个使用TabLayout和ViewPager实现的安卓应用示例，包括如何配置依赖、创建页面适配器、设置ViewPager和TabLayout的联动效果等关键步骤。

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

 compile 'com.android.support:design:26.0.0-alpha1'
    compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
    compile 'com.jcodecraeer:xrecyclerview:1.3.2'

Activity

public class MainActivity extends AppCompatActivity {
    private TabLayout tabLayout;
    private List<String> list_title;
    private ViewPager viewPager;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tabLayout = (TabLayout) findViewById(R.id.TabLayout);
        viewPager= (ViewPager) findViewById(R.id.viewpager);
        list_title = new ArrayList<>();
        list_title.add("热门推荐");
        list_title.add("热门收藏");
        list_title.add("本月热榜");
        list_title.add("今日热榜");
        list_title.add("今日热榜1");
        list_title.add("今日热榜2");
        list_title.add("今日热榜3");
        list_title.add("今日热榜4");
        loadData();
    }

    private void loadData() {
        viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                Fragrments sf=new Fragrments();
                return  sf;
            }
            @Override
            public int getCount() {
                return list_title.size();
            }
            @Override
            public CharSequence getPageTitle(int position) {
                return list_title.get(position).toString();
            }
        });
        tabLayout.setupWithViewPager(viewPager);


    }
}

Fragrments

public class Fragrments extends Fragment implements XRecyclerView.LoadingListener {
    private XRecyclerView xRecyclerView;
    int page = 0;
    private List<String> list  = new ArrayList<>(); ;
    private Myadapter myadapter;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragement, container, false);
        xRecyclerView = view.findViewById(R.id.xRecyclerView);
        //  对XRecycleView设置可以加载和刷新
        xRecyclerView.setLoadingListener(this);
        xRecyclerView.setPullRefreshEnabled(true);

        xRecyclerView.setLoadingMoreProgressStyle(ProgressStyle.BallPulseRise);

        laod();

        LinearLayoutManager manager = new LinearLayoutManager(getActivity());
        xRecyclerView.setLayoutManager(manager);
        myadapter = new Myadapter(list);
        xRecyclerView.setAdapter(myadapter);
        return view;
    }

    private void laod() {

        for (int i = 0; i < 10; i++) {
            list.add(i + "jscbhjK" + i + i);
        }
    }

    @Override
    public void onRefresh() {
        list.clear();
        xRecyclerView.loadMoreComplete();
        xRecyclerView.refreshComplete();
        laod();
        Toast.makeText(getActivity(),"dfdhgah",Toast.LENGTH_SHORT).show();
        myadapter.notifyDataSetChanged();
    }

    @Override
    public void onLoadMore() {
        page++;
        laod();
        xRecyclerView.loadMoreComplete();
        xRecyclerView.refreshComplete();
        myadapter.notifyDataSetChanged();
    }

}

Myadapter

public class Myadapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private List<String> list;
    private ViewHolder holder1;

    public Myadapter(List<String> list) {
        this.list = list;
    }

    static class ViewHolder extends RecyclerView.ViewHolder {
        ImageView imageView;
        TextView textView;

        public ViewHolder(View itemView) {
            super(itemView);
            imageView = itemView.findViewById(R.id.images);
            textView=itemView.findViewById(R.id.texts);
        }
    }

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        //加载布局
        View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.myadapter, parent, false);
        holder1 = new ViewHolder(view);

        return holder1;
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        holder1.textView.setText(list.get(position).toString());

    }

    @Override
    public int getItemCount() {
        return list.size();
    }
}

activity_main

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="yangxuexue.baway.com.tablayout.MainActivity">

    <android.support.design.widget.TabLayout
        android:id="@+id/TabLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:tabIndicatorHeight="0dp"
        app:tabMode="scrollable" />

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
         />

</LinearLayout>

myadapter

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <TextView
        android:id="@+id/texts"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="dgnfzsj" />

    <ImageView
        android:id="@+id/images"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/a" />
</LinearLayout>

fragement

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical">

    <com.jcodecraeer.xrecyclerview.XRecyclerView
        android:id="@+id/xRecyclerView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>