关闭

横向滑动Tablayout

98人阅读 评论(0) 收藏 举报

横向滑动只需要在布局用Tablyout控件

在此之前在build.gradle里面添加

compile 'com.android.support:design:25.0.1'

下面是布局文件

<android.support.design.widget.TabLayout
    android:id="@+id/tb"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:tabIndicatorColor="#f00"
    app:tabMode="scrollable"
    app:tabSelectedTextColor="#f0f9">

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

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

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

主页代码

public class MainActivity extends AppCompatActivity {

    private TabLayout tb;
    private ViewPager viewp;
    String[] title = new String[]{"初学者", "演员", "认真的雪", "火星人来过", "听说", "我好像在哪见过你", "方圆几里", "绅士"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        tb = (TabLayout) findViewById(R.id.tb);
        viewp = (ViewPager) findViewById(R.id.vp);
        //默认选中第一个
        tb.addTab(tb.newTab().setText(title[0]), true);
        addtab();
        tb.addOnTabSelectedListener(new TabLayout.OnTabSelectedListener() {
            @Override
            public void onTabSelected(TabLayout.Tab tab) {
                viewp.setCurrentItem(tab.getPosition());
            }

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

            }

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

            }
        });
        viewp.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public int getCount() {
                return title.length;
            }

            @Override
            public Fragment getItem(int position) {
                return Fragment.getInstance(title[position]);
            }


        });
        viewp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                tb.getTabAt(position).select();
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
    }

    private void addtab() {
        for (int i = 1; i < title.length; i++) {
            tb.addTab(tb.newTab().setText(title[i]), false);
        }
    }
}
ViewPage的setAdapter里面Fragment.getInstance(title[position])传值到Fragment

需要创建一个Fargment


public class Fragment extends android.support.v4.app.Fragment {

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        TextView tv = new TextView(getActivity());
        tv.setText(getArguments().getString("title"));
        return tv;

    }

    public static Fragment getInstance(String title) {
        Fragment fragment = new Fragment();
        Bundle args = new Bundle();
        args.putString("title", title);
        fragment.setArguments(args);
        return fragment;
    }
}

0
0
查看评论
发表评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场

TabLayout的自定义实现选项卡背景的滑动动画

最近看到App上一个不错的导航效果:一个导航滑动的效果,被选中的背景会有变化,会随着fragment的滑动有个位移动画。感觉挺有意思。两种方式:第一种: 使用TabLayout实现效果,第二种使用自...
  • u013233097
  • u013233097
  • 2016-09-09 18:30
  • 4392

Android Design Support Library(一)用TabLayout实现类似网易选项卡动态滑动效果

此前我们用HorizontalScrollView也实现了类似网易选项卡动态滑动效果,详见 Android选项卡动态滑动效果这篇文章这里我们用TabLayout来实现这一效果。TabLayout是An...
  • itachi85
  • itachi85
  • 2015-12-27 16:58
  • 24769

Android 使用TabLayout制作下划线能滑动的Tab标签页-design

google提供的Design开发包里,有很多实用好看的新控件,这里介绍下使用TabLayout+ViewPager实现下划线能滑动的Tab标签页效果图 不使用google的desgin包,我们...
  • zhuwentao2150
  • zhuwentao2150
  • 2016-08-22 22:47
  • 4921

横向滑动菜单Tablayout,点击选项给下面的viewpager中的fragment传值

导入依赖 design compile 'com.android.support:design:25.3.1' 布局里面 <android.support.design.widget.Tab...
  • thw_m
  • thw_m
  • 2017-11-06 17:00
  • 119

TabLayout+ViewPager+Fragment简单实现横向滑动菜单

首先配置TabLayout的依赖: implementation 'com.android.support:design:26.+' 这行代码放入模块的build.gradle 文件中。 ...
  • love_xxxooo
  • love_xxxooo
  • 6天前 10:29
  • 11

横向滑动菜单TabLayout

简介: 横向滑动菜单是当今主流App中很常见的一种自定义控件。 主要用于适配多个分类而出现的,一般常见于分类很多的时候,一屏控件无法容纳全部分类,这样我们需要让用户去手动滑动,以便查看屏幕...
  • qq_40543575
  • qq_40543575
  • 2017-11-16 19:34
  • 70

tablayout横向滑动

需要添加依赖,添加后会报错,改为26.+就行 xml布局代码 RelativeLayout xmlns:android="http://schemas.android.c...
  • tangxueqin
  • tangxueqin
  • 2017-12-14 19:26
  • 30

横向滑动菜单Tablayout和viewpager小圆点结合滑动仿今日头条

使用Tablayout前需要添加依赖design.25.3.1 xml version="1.0" encoding="utf-8"?> LinearLayout xmlns:android="h...
  • thw_m
  • thw_m
  • 2017-11-06 13:53
  • 99

安卓开发之横向滑动带有滑动下划线的tablayout(传入viewpager滑动)

安卓开发之横向滑动带有滑动下划线的tablayout(传入viewpager滑动)
  • cmwly
  • cmwly
  • 2017-03-27 10:39
  • 817

横向滑动ListView

  • 2017-06-02 15:12
  • 12KB
  • 下载
    个人资料
    • 访问:844次
    • 积分:74
    • 等级:
    • 排名:千里之外
    • 原创:7篇
    • 转载:0篇
    • 译文:0篇
    • 评论:0条
    文章存档
    最新评论