All Projects → honglei92 → JSTabLayout

honglei92 / JSTabLayout

Licence: other
简书tablayout

Programming Languages

java
68154 projects - #9 most used programming language

Labels

Projects that are alternatives of or similar to JSTabLayout

Mao Rn Android Kit
⚙️ Android Native (ui components and modules) wrap in React Native
Stars: ✭ 74 (+155.17%)
Mutual labels:  tablayout
Android Tablayouthelper
A small library which helps to use TabLayout with ViewPager more easily.
Stars: ✭ 181 (+524.14%)
Mutual labels:  tablayout
Material-BottomBarLayout
🎉A material navigation bar library which has pretty animations and different ways of arrangement.
Stars: ✭ 56 (+93.1%)
Mutual labels:  tablayout
Tabbar
🔥空祖家的导航栏工具
Stars: ✭ 100 (+244.83%)
Mutual labels:  tablayout
Android Video Listing Mvp
Android video listing with swipe view tabs based on mvp design pattern with complete functionalities like search and sort
Stars: ✭ 151 (+420.69%)
Mutual labels:  tablayout
Jpagerslidingtabstrip
🔥A useful tablayout modify from astuetz/PagerSlidingTabStrip
Stars: ✭ 233 (+703.45%)
Mutual labels:  tablayout
Android Tab Animation
Easily create TabLayout.Tab animations that sync with the scrolling progress of ViewPager
Stars: ✭ 68 (+134.48%)
Mutual labels:  tablayout
GlueTabLayout
能精确修改TabLayout的下划线指示器的宽度,能使用粘动动画。
Stars: ✭ 39 (+34.48%)
Mutual labels:  tablayout
Raised Center Tab In Android
Customized tabhost having raised center tab.
Stars: ✭ 158 (+444.83%)
Mutual labels:  tablayout
UltimateTabLayout
A library for tab layout use with viewpager. Very useful, small
Stars: ✭ 33 (+13.79%)
Mutual labels:  tablayout
Whatsappviewpager
Swipeable tabs like WhatsApp in Android
Stars: ✭ 115 (+296.55%)
Mutual labels:  tablayout
Pagerslidingtabstrip
一款android指示器TabLayout、PagerSlidingTabStrip,仿Boss直聘,带有红点未读提示
Stars: ✭ 152 (+424.14%)
Mutual labels:  tablayout
Apporder
骚操作之改造TabLayout,修改指示线宽增加切Tab过渡动画
Stars: ✭ 246 (+748.28%)
Mutual labels:  tablayout
Magicindicator
A powerful, customizable and extensible ViewPager indicator framework. As the best alternative of ViewPagerIndicator, TabLayout and PagerSlidingTabStrip —— 强大、可定制、易扩展的 ViewPager 指示器框架。是ViewPagerIndicator、TabLayout、PagerSlidingTabStrip的最佳替代品。支持角标,更支持在非ViewPager场景下使用(使用hide()、show()切换Fragment或使用setVisibility切换FrameLayout里的View等),http://www.jianshu…
Stars: ✭ 8,969 (+30827.59%)
Mutual labels:  tablayout
TabSync
A lightweight synchronizer between Android's Tabs and Lists. Available on the View system and Jetpack Compose.
Stars: ✭ 98 (+237.93%)
Mutual labels:  tablayout
Materialdesign
Material Design 控件集合。ConstraintLayout、NestedScrollView、Toolbar、TabLayout、TextInputLayout。。。
Stars: ✭ 68 (+134.48%)
Mutual labels:  tablayout
Tabscrollattacher
Attach TabLayout and RecyclerView. Useful for categorizing RecyclerView items.
Stars: ✭ 196 (+575.86%)
Mutual labels:  tablayout
multilayout
一个可以支持自动将分类标签拆分多行Tab标签的Layout
Stars: ✭ 14 (-51.72%)
Mutual labels:  tablayout
PagerSlidingTabStrip
An interactive indicator to navigate between the different pages of a ViewPager
Stars: ✭ 2,194 (+7465.52%)
Mutual labels:  tablayout
ViewWorld
自定义View合集,展示各种自定义View/控件。项目包含了自定义Banner轮播图控件,自定义验证码输入框,自定义TabLayout等控件,持续更新中😉😉😉
Stars: ✭ 94 (+224.14%)
Mutual labels:  tablayout

JSTabLayout

仿照简书tablayout做得效果 博客链接:https://blog.csdn.net/wanghonglei01/article/details/113537066

Image text

Image text

Image text

使用方式

1.layout.xml

 <com.example.a83661.jstablayout.JSTabLayout
        android:id="@+id/tb2"
        android:layout_width="match_parent"
        android:layout_height="40dp"
        app:tabBackground="@null"
        app:tabIndicatorColor="#E58D7F"
        app:tabIndicatorHeight="26dp"
        app:tabModeJS="scrollable"
        app:tabSelectedTextColor="#ffffff"
        app:tabTextAppearance="@style/TabLayoutTextStyle"
        app:tabTextColor="#333333" />

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

2.acitivity

 @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        titles.add("折叠自行车把手");
        titles.add("鼠标垫");
        titles.add("伞");
        titles.add("手机");
        titles.add("电视盒子");
        titles.add("书籍");
        titles.add("子弹头");
        tb1 = findViewById(R.id.tb1);
        tb2 = findViewById(R.id.tb2);
        vp1 = findViewById(R.id.vp1);
        vp2 = findViewById(R.id.vp2);
        inittb1();
        inittb2();

    }

    private void inittb2() {
        FragmentPagerAdapter fragmentPagerAdapter = new FragmentPagerAdapter(getSupportFragmentManager()) {
            @Override
            public Fragment getItem(int position) {
                return MyFragment.newInstance(position);
            }

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

            @Nullable
            @Override
            public CharSequence getPageTitle(int position) {
                return titles.get(position);
            }
        };
        vp2.setAdapter(fragmentPagerAdapter);
        tb2.setupWithViewPager(vp2);
    }

其余的参考我的工程文件,需要的自取。 3、引入方式 Step 1. Add the JitPack repository to your build file

Add it in your root build.gradle at the end of repositories:

	allprojects {
		repositories {
			...
			maven { url 'https://www.jitpack.io' }
		}
	}

Step 2. Add the dependency

	dependencies {
	        implementation 'com.github.honglei92:JSTabLayout:e8fdffe33c'
	}
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].