Tablayout

最新推荐文章于 2025-05-11 10:57:18 发布

why--

最新推荐文章于 2025-05-11 10:57:18 发布

阅读量127

点赞数

本文链接：https://blog.youkuaiyun.com/qq_43603372/article/details/84173981

版权

本文详细介绍如何在Android应用中使用TabLayout和ViewPager组件实现标签式导航。从添加依赖到布局配置，再到MainActivity中实现逻辑处理，最后通过MFragment展示随机数。适合初学者和开发者快速上手。

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

1—添加依赖

compile ‘com.android.support:design:28+’

2—添加布局

<android.support.design.widget.TabLayout
    android:id="@+id/tablayout"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
     />

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

3-- MainActivity中逻辑处理

public class MainActivity extends AppCompatActivity {

private TabLayout tablayout;
private ViewPager view_pager;
ArrayList<Fragment> alist=new ArrayList<Fragment>();
private Myadapter madapter;

ArrayList<String> titlelist=new ArrayList<String>();
@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    tablayout = findViewById(R.id.tablayout);
    view_pager = findViewById(R.id.view_pager);

    /*
    //先写入数据
    initData();
    //适配器
    MPagerAdapter mPagerAdapter=new MPagerAdapter(getSupportFragmentManager());
    viewpager.setAdapter(mPagerAdapter);
    //tablayout的显示模式   MODE_FIXED固定的 0    MODE_SCROLLABLE可滑动的
    tablayout.setTabMode(TabLayout.MODE_SCROLLABLE);
    //让tablayout和viewpager关联起来  一起动
    tablayout.setupWithViewPager(viewpager);
     */

    madapter = new Myadapter(getSupportFragmentManager());
    view_pager.setAdapter(madapter);
    //在适配器下面  就要刷新
    initData();
    tablayout.setTabMode(0);
    tablayout.setupWithViewPager(view_pager);
}

private void initData() {
    for (int i = 0; i < 11; i++) {
        titlelist.add("标题"+i);
        alist.add(new MFragment());
    }
    madapter.notifyDataSetChanged();//如果initData()在 适配器下面 就刷新
}

private class Myadapter extends FragmentPagerAdapter {
    public Myadapter(FragmentManager fm) {
        super(fm);
    }

    @Override
    public Fragment getItem(int i) {
        return alist.get(i);
    }

    @Override
    public int getCount() {
        return alist.size();
    }
    //返回页面的标题
    @Nullable
    @Override
    public CharSequence getPageTitle(int position) {
        return titlelist.get(position);
    }
}

}

4.MFragment 展示随机数

public class MFragment extends Fragment {
@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
TextView textView=new TextView(getActivity());
double random = Math.random();
textView.setText(“111111”+random);
return textView;
}
}