├── .gitignore ├── .idea ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── gradle.xml ├── markdown-navigator.xml ├── markdown-navigator │ └── profiles_settings.xml ├── misc.xml ├── modules.xml ├── runConfigurations.xml └── vcs.xml ├── CHANGELOG.md ├── License.txt ├── README.md ├── assets ├── bubble.gif ├── flip.gif ├── pop.gif └── simple.gif ├── build.gradle ├── demo ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── tompee │ │ └── funtablayoutsample │ │ ├── MainActivity.java │ │ ├── bubbletablayout │ │ └── BubbleTabLayoutActivity.java │ │ ├── fliptablayout │ │ └── FlipTabLayoutActivity.java │ │ ├── fragment │ │ └── SampleFragment.java │ │ ├── poptablayout │ │ └── PopTabLayoutActivity.java │ │ └── simpletablayout │ │ └── SimpleTabLayoutActivity.java │ └── res │ ├── drawable-hdpi │ ├── ic_call_white_48dp.png │ ├── ic_chat_white_48dp.png │ ├── ic_create_white_48dp.png │ ├── ic_games_white_48dp.png │ └── ic_mail_white_48dp.png │ ├── drawable-mdpi │ ├── ic_call_white_48dp.png │ ├── ic_chat_white_48dp.png │ ├── ic_create_white_48dp.png │ ├── ic_games_white_48dp.png │ └── ic_mail_white_48dp.png │ ├── drawable-v21 │ └── ripple.xml │ ├── drawable-xhdpi │ ├── ic_call_white_48dp.png │ ├── ic_chat_white_48dp.png │ ├── ic_create_white_48dp.png │ ├── ic_games_white_48dp.png │ └── ic_mail_white_48dp.png │ ├── drawable-xxhdpi │ ├── ic_call_white_48dp.png │ ├── ic_chat_white_48dp.png │ ├── ic_create_white_48dp.png │ ├── ic_games_white_48dp.png │ └── ic_mail_white_48dp.png │ ├── drawable-xxxhdpi │ ├── ic_call_white_48dp.png │ ├── ic_chat_white_48dp.png │ ├── ic_create_white_48dp.png │ ├── ic_games_white_48dp.png │ └── ic_mail_white_48dp.png │ ├── drawable │ └── ripple.xml │ ├── layout │ ├── activity_main.xml │ ├── activity_tab.xml │ └── fragment_sample.xml │ ├── mipmap-hdpi │ └── ic_launcher.png │ ├── mipmap-mdpi │ └── ic_launcher.png │ ├── mipmap-xhdpi │ └── ic_launcher.png │ ├── mipmap-xxhdpi │ └── ic_launcher.png │ ├── mipmap-xxxhdpi │ └── ic_launcher.png │ ├── values-w820dp │ └── dimens.xml │ └── values │ ├── colors.xml │ ├── dimens.xml │ ├── strings.xml │ └── styles.xml ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat ├── library ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ └── main │ ├── AndroidManifest.xml │ ├── java │ └── com │ │ └── tompee │ │ └── funtablayout │ │ ├── BaseAdapter.java │ │ ├── BubbleTabAdapter.java │ │ ├── BubbleTabView.java │ │ ├── FlipTabAdapter.java │ │ ├── FlipTabView.java │ │ ├── FunTabLayout.java │ │ ├── IconView.java │ │ ├── PopTabAdapter.java │ │ ├── PopTabView.java │ │ ├── SimpleTabAdapter.java │ │ └── TitleView.java │ └── res │ └── values │ ├── attrs.xml │ ├── defaults.xml │ ├── strings.xml │ └── styles.xml └── settings.gradle /.gitignore: -------------------------------------------------------------------------------- 1 | *.iml 2 | .gradle 3 | /local.properties 4 | /.idea/workspace.xml 5 | /.idea/libraries 6 | .DS_Store 7 | /build 8 | /captures 9 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 18 | 19 | -------------------------------------------------------------------------------- /.idea/markdown-navigator.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 35 | 36 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | -------------------------------------------------------------------------------- /.idea/markdown-navigator/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 19 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 46 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /CHANGELOG.md: -------------------------------------------------------------------------------- 1 | Change Log 2 | ========== 3 | 4 | ## Version 1.1.0 5 | - Various bugfixes 6 | - 1 new layout adapter (Flip) (Beta release) 7 | - Code cleanup 8 | 9 | ## Version 1.0.0 10 | - Initial release 11 | - 3 layout adapters (Simple, Bubble, Pop) -------------------------------------------------------------------------------- /License.txt: -------------------------------------------------------------------------------- 1 | Copyright (C) 2017 tompee 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the "Software"), 7 | to deal in the Software without restriction, including without limitation 8 | the rights to use, copy, modify, merge, publish, distribute, sublicense, 9 | and/or sell copies of the Software, and to permit persons to whom the Software 10 | is furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in 13 | all copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS 16 | OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, 19 | WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # FunTabLayout 2 | 3 | An efficient tab layout for Android with added FUN! 4 |
5 | 6 | 7 | 8 | 9 | 10 | ## Features 11 | - Efficient in large tab counts 12 | - Supports multiple tab view animations 13 | 14 | ## Getting started 15 | In your build.gradle: 16 | 17 | ``` 18 | dependencies { 19 | compile 'com.tompee:funtablayout:1.1.0' 20 | } 21 | ``` 22 | 23 | Define `FunTabLayout` and ViewPager in xml layout with custom attributes. 24 | ```xml 25 | 29 | 30 | 34 | ``` 35 | 36 | Create a `ViewPager` instance 37 | ```java 38 | viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { 39 | @Override 40 | public Fragment getItem(int position) { 41 | // return fragment 42 | } 43 | 44 | @Override 45 | public int getCount() { 46 | // return fragment count 47 | } 48 | 49 | @Override 50 | public CharSequence getPageTitle(int position) { 51 | // return fragment title 52 | } 53 | }); 54 | ``` 55 | 56 | For `SimpleTabLayout`, create a `SimpleTabLayout.Builder` and setup with ViewPager 57 | ```java 58 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 59 | SimpleTabAdapter.Builder builder = new SimpleTabAdapter.Builder(this). 60 | setViewPager(viewPager). 61 | setTabTextAppearance(R.style.SimpleTabText). 62 | setTabBackgroundResId(R.drawable.ripple). 63 | setTabIndicatorColor(Color.WHITE). 64 | setTabSelectedTextColor(Color.WHITE). 65 | setTabPadding(16, 16, 16, 16). 66 | setTabIndicatorHeight(5); 67 | tabLayout.setUpWithAdapter(builder.build()); 68 | ``` 69 | 70 | For `BubbleTabLayout`, create a `BubbleTabLayout.Builder` and setup with ViewPager 71 | ```java 72 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 73 | BubbleTabAdapter.Builder builder = new BubbleTabAdapter.Builder(this). 74 | setViewPager(viewPager). 75 | setTabPadding(24, 24, 24, 24). 76 | setTabTextAppearance(R.style.BubbleTabText). 77 | setTabBackgroundResId(R.drawable.ripple). 78 | setTabIndicatorColor(Color.parseColor("#ffa022")). 79 | setIconFetcher(new BubbleTabAdapter.IconFetcher() { 80 | @Override 81 | public int getIcon(int position) { 82 | // return default icon 83 | } 84 | 85 | @Override 86 | public int getSelectedIcon(int position) { 87 | // return selected icon 88 | } 89 | }). 90 | setIconDimension(50); 91 | tabLayout.setUpWithAdapter(builder.build()); 92 | ``` 93 | 94 | For `PopTabLayout`, create a `PopTabLayout.Builder` and setup with ViewPager 95 | ```java 96 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 97 | PopTabAdapter.Builder builder = new PopTabAdapter.Builder(this). 98 | setViewPager(viewPager). 99 | setTabPadding(24, 24, 24, 24). 100 | setTabTextAppearance(R.style.PopTabText). 101 | setTabBackgroundResId(R.drawable.ripple). 102 | setTabIndicatorColor(Color.GREEN). 103 | setIconFetcher(new PopTabAdapter.IconFetcher() { 104 | @Override 105 | public int getIcon(int position) { 106 | // return icon 107 | } 108 | }). 109 | setIconDimension(70). 110 | setDefaultIconColor(Color.WHITE). 111 | setPopDuration(2000); 112 | tabLayout.setUpWithAdapter(builder.build()); 113 | ``` 114 | 115 | For `FlipTabLayout`, create a `FlipTabLayout.Builder` and setup with ViewPager 116 | ```java 117 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 118 | FlipTabLayout.Builder builder = new FlipTabLayout.Builder(this). 119 | setViewPager(viewPager). 120 | setTabPadding(24, 24, 24, 24). 121 | setTabTextAppearance(R.style.FlipTabText). 122 | setTabBackgroundResId(R.drawable.ripple). 123 | setTabIndicatorColor(Color.YELLOW). 124 | setIconFetcher(new PopTabAdapter.IconFetcher() { 125 | @Override 126 | public int getIcon(int position) { 127 | // return icon 128 | } 129 | }). 130 | setIconDimension(80). 131 | setDefaultIconColor(Color.WHITE). 132 | setPopDuration(2000); 133 | tabLayout.setUpWithAdapter(builder.build()); 134 | ``` 135 | 136 | ## Attributes 137 | ### FunTabLayout 138 | | method | description | 139 | | ------------- | ------------- | 140 | | setTabVisibleCount | Visible tab count. If greater than actual tab count, will use tab count instead | 141 | | setPositionThreshold | Threshold on when to change tabs. Default value is 0.6 | 142 | 143 | ### SimpleTabAdapter 144 | | method | description | 145 | | ------------- | ------------- | 146 | | setTabPadding | Padding of each tab view in pixels | 147 | | setTabTextAppearance | Text appearance of tab view | 148 | | setTabBackgroundResId | Background resource of tab view | 149 | | setTabIndicatorColor | Tab indicator bar color | 150 | | setTabSelectedTextColor | Text color of tab when selected | 151 | | setTabIndicatorHeight | Tab indicator bar height | 152 | 153 | ### BubbleTabAdapter 154 | | method | description | 155 | | ------------- | ------------- | 156 | | setTabPadding | Padding of each tab view in pixels | 157 | | setTabTextAppearance | Text appearance of tab view | 158 | | setTabBackgroundResId | Background resource of tab view | 159 | | setTabIndicatorColor | Tab indicator color | 160 | | setIconFetcher | Method for providing icons | 161 | | setIconDimension | Default icon dimension in pixels | 162 | 163 | ### PopTabAdapter 164 | | method | description | 165 | | ------------- | ------------- | 166 | | setTabPadding | Padding of each tab view in pixels | 167 | | setTabTextAppearance | Text appearance of tab view | 168 | | setTabBackgroundResId | Background resource of tab view | 169 | | setTabIndicatorColor | Icon and text indicator bar color | 170 | | setIconFetcher | Method for providing icons | 171 | | setIconDimension | Default icon dimension in pixels | 172 | | setDefaultIconColor | Default icon color | 173 | | setPopDuration | Duration of text pop animation | 174 | 175 | ### FlipTabAdapter 176 | | method | description | 177 | | ------------- | ------------- | 178 | | setTabPadding | Padding of each tab view in pixels | 179 | | setTabTextAppearance | Text appearance of tab view | 180 | | setTabBackgroundResId | Background resource of tab view | 181 | | setTabIndicatorColor | Icon and text indicator bar color | 182 | | setIconFetcher | Method for providing icons | 183 | | setIconDimension | Default icon dimension in pixels | 184 | | setDefaultIconColor | Default icon color | 185 | 186 | ## Thanks 187 | The RecyclerView approach in FunTabLayout is an extension of nshmura's RecyclerTabLayout 188 | https://github.com/nshmura/RecyclerTabLayout 189 | 190 | ## Coming soon! 191 | More tablayout adapters. Watch out! 192 | 193 | ## License 194 | ``` 195 | MIT License 196 | 197 | Copyright (c) 2017 tompee 198 | 199 | Permission is hereby granted, free of charge, to any person obtaining a copy 200 | of this software and associated documentation files (the "Software"), to deal 201 | in the Software without restriction, including without limitation the rights 202 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 203 | copies of the Software, and to permit persons to whom the Software is 204 | furnished to do so, subject to the following conditions: 205 | 206 | The above copyright notice and this permission notice shall be included in all 207 | copies or substantial portions of the Software. 208 | 209 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 210 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 211 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 212 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 213 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 214 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 215 | SOFTWARE. 216 | ``` 217 | -------------------------------------------------------------------------------- /assets/bubble.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/assets/bubble.gif -------------------------------------------------------------------------------- /assets/flip.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/assets/flip.gif -------------------------------------------------------------------------------- /assets/pop.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/assets/pop.gif -------------------------------------------------------------------------------- /assets/simple.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/assets/simple.gif -------------------------------------------------------------------------------- /build.gradle: -------------------------------------------------------------------------------- 1 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 2 | 3 | buildscript { 4 | repositories { 5 | jcenter() 6 | } 7 | dependencies { 8 | classpath 'com.android.tools.build:gradle:2.2.1' 9 | 10 | // NOTE: Do not place your application dependencies here; they belong 11 | // in the individual module build.gradle files 12 | } 13 | } 14 | 15 | allprojects { 16 | repositories { 17 | jcenter() 18 | } 19 | } 20 | 21 | task clean(type: Delete) { 22 | delete rootProject.buildDir 23 | } 24 | -------------------------------------------------------------------------------- /demo/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /demo/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion COMPILE_SDK_VERSION as int 5 | buildToolsVersion BUILD_TOOLS_VERSION 6 | 7 | defaultConfig { 8 | applicationId "com.tompee.funtablayout" 9 | minSdkVersion MIN_SDK_VERSION as int 10 | targetSdkVersion TARGET_SDK_VERSION as int 11 | versionCode VERSION_CODE as int 12 | versionName VERSION_NAME 13 | } 14 | buildTypes { 15 | release { 16 | minifyEnabled false 17 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 18 | } 19 | } 20 | } 21 | 22 | dependencies { 23 | compile fileTree(dir: 'libs', include: ['*.jar']) 24 | testCompile 'junit:junit:4.12' 25 | compile "com.android.support:appcompat-v7:$SUPPORT_LIB_VERSION" 26 | compile project(':library') 27 | } 28 | -------------------------------------------------------------------------------- /demo/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in C:\Users\prnsoft\AppData\Local\Android\sdk/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | 12 | # If your project uses WebView with JS, uncomment the following 13 | # and specify the fully qualified class name to the JavaScript interface 14 | # class: 15 | #-keepclassmembers class fqcn.of.javascript.interface.for.webview { 16 | # public *; 17 | #} 18 | -------------------------------------------------------------------------------- /demo/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 21 | 24 | 27 | 30 | 31 | 32 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample; 2 | 3 | import android.content.Intent; 4 | import android.os.Bundle; 5 | import android.support.v7.app.AppCompatActivity; 6 | import android.view.View; 7 | 8 | import com.tompee.funtablayout.BubbleTabAdapter; 9 | import com.tompee.funtablayoutsample.bubbletablayout.BubbleTabLayoutActivity; 10 | import com.tompee.funtablayoutsample.fliptablayout.FlipTabLayoutActivity; 11 | import com.tompee.funtablayoutsample.poptablayout.PopTabLayoutActivity; 12 | import com.tompee.funtablayoutsample.simpletablayout.SimpleTabLayoutActivity; 13 | 14 | public class MainActivity extends AppCompatActivity implements View.OnClickListener { 15 | 16 | @Override 17 | protected void onCreate(Bundle savedInstanceState) { 18 | super.onCreate(savedInstanceState); 19 | setContentView(R.layout.activity_main); 20 | } 21 | 22 | @Override 23 | public void onClick(View v) { 24 | Intent intent; 25 | switch (v.getId()) { 26 | case R.id.simple_tab: 27 | intent = new Intent(this, SimpleTabLayoutActivity.class); 28 | break; 29 | case R.id.bubble_tab: 30 | intent = new Intent(this, BubbleTabLayoutActivity.class); 31 | break; 32 | case R.id.pop_tab: 33 | intent = new Intent(this, PopTabLayoutActivity.class); 34 | break; 35 | case R.id.flip_tab: 36 | intent = new Intent(this, FlipTabLayoutActivity.class); 37 | break; 38 | default: 39 | intent = null; 40 | } 41 | startActivity(intent); 42 | } 43 | } 44 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/bubbletablayout/BubbleTabLayoutActivity.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample.bubbletablayout; 2 | 3 | import android.graphics.Color; 4 | import android.os.Bundle; 5 | import android.support.v4.app.Fragment; 6 | import android.support.v4.app.FragmentPagerAdapter; 7 | import android.support.v4.view.ViewPager; 8 | import android.support.v7.app.AppCompatActivity; 9 | 10 | import com.tompee.funtablayout.BubbleTabAdapter; 11 | import com.tompee.funtablayout.FunTabLayout; 12 | import com.tompee.funtablayoutsample.R; 13 | import com.tompee.funtablayoutsample.fragment.SampleFragment; 14 | 15 | public class BubbleTabLayoutActivity extends AppCompatActivity implements BubbleTabAdapter.IconFetcher { 16 | 17 | @Override 18 | protected void onCreate(Bundle savedInstanceState) { 19 | super.onCreate(savedInstanceState); 20 | setContentView(R.layout.activity_tab); 21 | //noinspection ConstantConditions 22 | getSupportActionBar().setElevation(0); 23 | 24 | ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); 25 | setupViewPager(viewPager); 26 | 27 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 28 | BubbleTabAdapter.Builder builder = new BubbleTabAdapter.Builder(this). 29 | setViewPager(viewPager). 30 | setTabPadding(24, 24, 24, 24). 31 | setTabIndicatorColor(Color.parseColor("#ffa022")). 32 | setTabBackgroundResId(R.drawable.ripple). 33 | setIconFetcher(this). 34 | setIconDimension(50). 35 | setTabTextAppearance(R.style.BubbleTabText); 36 | tabLayout.setUpWithAdapter(builder.build()); 37 | } 38 | 39 | private void setupViewPager(ViewPager viewPager) { 40 | viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { 41 | @Override 42 | public Fragment getItem(int position) { 43 | return SampleFragment.newInstance(position); 44 | } 45 | 46 | @Override 47 | public int getCount() { 48 | return 5; 49 | } 50 | 51 | @Override 52 | public CharSequence getPageTitle(int position) { 53 | String title = ""; 54 | switch (position) { 55 | case 0: 56 | title = "Call"; 57 | break; 58 | case 1: 59 | title = "Play"; 60 | break; 61 | case 2: 62 | title = "Chat"; 63 | break; 64 | case 3: 65 | title = "Write"; 66 | break; 67 | case 4: 68 | title = "Mail"; 69 | break; 70 | } 71 | return title; 72 | } 73 | }); 74 | } 75 | 76 | @Override 77 | public int getIcon(int position) { 78 | return getIconInternal(position); 79 | } 80 | 81 | @Override 82 | public int getSelectedIcon(int position) { 83 | return getIconInternal(position); 84 | } 85 | 86 | private int getIconInternal(int position) { 87 | int resource = R.mipmap.ic_launcher; 88 | switch (position) { 89 | case 0: 90 | resource = R.drawable.ic_call_white_48dp; 91 | break; 92 | case 1: 93 | resource = R.drawable.ic_games_white_48dp; 94 | break; 95 | case 2: 96 | resource = R.drawable.ic_chat_white_48dp; 97 | break; 98 | case 3: 99 | resource = R.drawable.ic_create_white_48dp; 100 | break; 101 | case 4: 102 | resource = R.drawable.ic_mail_white_48dp; 103 | break; 104 | } 105 | return resource; 106 | } 107 | } 108 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/fliptablayout/FlipTabLayoutActivity.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample.fliptablayout; 2 | 3 | import android.graphics.Color; 4 | import android.os.Bundle; 5 | import android.support.v4.app.Fragment; 6 | import android.support.v4.app.FragmentPagerAdapter; 7 | import android.support.v4.view.ViewPager; 8 | import android.support.v7.app.AppCompatActivity; 9 | 10 | import com.tompee.funtablayout.FlipTabAdapter; 11 | import com.tompee.funtablayout.FunTabLayout; 12 | import com.tompee.funtablayoutsample.R; 13 | import com.tompee.funtablayoutsample.fragment.SampleFragment; 14 | 15 | public class FlipTabLayoutActivity extends AppCompatActivity implements FlipTabAdapter.IconFetcher { 16 | 17 | @Override 18 | protected void onCreate(Bundle savedInstanceState) { 19 | super.onCreate(savedInstanceState); 20 | setContentView(R.layout.activity_tab); 21 | //noinspection ConstantConditions 22 | getSupportActionBar().setElevation(0); 23 | 24 | ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); 25 | setupViewPager(viewPager); 26 | 27 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 28 | FlipTabAdapter.Builder builder = new FlipTabAdapter.Builder(this). 29 | setViewPager(viewPager). 30 | setTabPadding(24, 24, 24, 24). 31 | setTabTextAppearance(R.style.FlipTabText). 32 | setTabBackgroundResId(R.drawable.ripple). 33 | setTabIndicatorColor(Color.YELLOW). 34 | setIconFetcher(this). 35 | setIconDimension(80). 36 | setDefaultIconColor(Color.WHITE); 37 | tabLayout.setUpWithAdapter(builder.build()); 38 | } 39 | 40 | private void setupViewPager(ViewPager viewPager) { 41 | viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { 42 | @Override 43 | public Fragment getItem(int position) { 44 | return SampleFragment.newInstance(position); 45 | } 46 | 47 | @Override 48 | public int getCount() { 49 | return 5; 50 | } 51 | 52 | @Override 53 | public CharSequence getPageTitle(int position) { 54 | String title = ""; 55 | switch (position) { 56 | case 0: 57 | title = "Call"; 58 | break; 59 | case 1: 60 | title = "Play"; 61 | break; 62 | case 2: 63 | title = "Chat"; 64 | break; 65 | case 3: 66 | title = "Write"; 67 | break; 68 | case 4: 69 | title = "Mail"; 70 | break; 71 | } 72 | return title; 73 | } 74 | }); 75 | } 76 | 77 | @Override 78 | public int getIcon(int position) { 79 | int resource = R.mipmap.ic_launcher; 80 | switch (position) { 81 | case 0: 82 | resource = R.drawable.ic_call_white_48dp; 83 | break; 84 | case 1: 85 | resource = R.drawable.ic_games_white_48dp; 86 | break; 87 | case 2: 88 | resource = R.drawable.ic_chat_white_48dp; 89 | break; 90 | case 3: 91 | resource = R.drawable.ic_create_white_48dp; 92 | break; 93 | case 4: 94 | resource = R.drawable.ic_mail_white_48dp; 95 | break; 96 | } 97 | return resource; 98 | } 99 | } 100 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/fragment/SampleFragment.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample.fragment; 2 | 3 | import android.os.Bundle; 4 | import android.support.annotation.Nullable; 5 | import android.support.v4.app.Fragment; 6 | import android.view.LayoutInflater; 7 | import android.view.View; 8 | import android.view.ViewGroup; 9 | import android.widget.TextView; 10 | 11 | import com.tompee.funtablayoutsample.R; 12 | 13 | public class SampleFragment extends Fragment { 14 | private static final String TAG_NUMBER = "number"; 15 | 16 | public static SampleFragment newInstance(int number) { 17 | SampleFragment fragment = new SampleFragment(); 18 | Bundle bundle = new Bundle(); 19 | bundle.putInt(TAG_NUMBER, number); 20 | fragment.setArguments(bundle); 21 | return fragment; 22 | } 23 | 24 | @Nullable 25 | @Override 26 | public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, 27 | @Nullable Bundle savedInstanceState) { 28 | View view = inflater.inflate(R.layout.fragment_sample, container, false); 29 | TextView textView = (TextView) view.findViewById(R.id.tv_number); 30 | textView.setText("This is \nFragment " + String.valueOf(getArguments().getInt(TAG_NUMBER))); 31 | return view; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/poptablayout/PopTabLayoutActivity.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample.poptablayout; 2 | 3 | import android.graphics.Color; 4 | import android.os.Bundle; 5 | import android.support.v4.app.Fragment; 6 | import android.support.v4.app.FragmentPagerAdapter; 7 | import android.support.v4.view.ViewPager; 8 | import android.support.v7.app.AppCompatActivity; 9 | 10 | import com.tompee.funtablayout.FunTabLayout; 11 | import com.tompee.funtablayout.PopTabAdapter; 12 | import com.tompee.funtablayoutsample.R; 13 | import com.tompee.funtablayoutsample.fragment.SampleFragment; 14 | 15 | public class PopTabLayoutActivity extends AppCompatActivity implements PopTabAdapter.IconFetcher { 16 | 17 | @Override 18 | protected void onCreate(Bundle savedInstanceState) { 19 | super.onCreate(savedInstanceState); 20 | setContentView(R.layout.activity_tab); 21 | //noinspection ConstantConditions 22 | getSupportActionBar().setElevation(0); 23 | 24 | ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); 25 | setupViewPager(viewPager); 26 | 27 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 28 | PopTabAdapter.Builder builder = new PopTabAdapter.Builder(this). 29 | setViewPager(viewPager). 30 | setTabPadding(24, 24, 24, 24). 31 | setTabTextAppearance(R.style.PopTabText). 32 | setTabBackgroundResId(R.drawable.ripple). 33 | setTabIndicatorColor(Color.GREEN). 34 | setIconFetcher(this). 35 | setIconDimension(70). 36 | setDefaultIconColor(Color.WHITE). 37 | setPopDuration(500); 38 | tabLayout.setUpWithAdapter(builder.build()); 39 | } 40 | 41 | private void setupViewPager(ViewPager viewPager) { 42 | viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { 43 | @Override 44 | public Fragment getItem(int position) { 45 | return SampleFragment.newInstance(position); 46 | } 47 | 48 | @Override 49 | public int getCount() { 50 | return 5; 51 | } 52 | 53 | @Override 54 | public CharSequence getPageTitle(int position) { 55 | String title = ""; 56 | switch (position) { 57 | case 0: 58 | title = "Call"; 59 | break; 60 | case 1: 61 | title = "Play"; 62 | break; 63 | case 2: 64 | title = "Chat"; 65 | break; 66 | case 3: 67 | title = "Write"; 68 | break; 69 | case 4: 70 | title = "Mail"; 71 | break; 72 | } 73 | return title; 74 | } 75 | }); 76 | } 77 | 78 | @Override 79 | public int getIcon(int position) { 80 | int resource = R.mipmap.ic_launcher; 81 | switch (position) { 82 | case 0: 83 | resource = R.drawable.ic_call_white_48dp; 84 | break; 85 | case 1: 86 | resource = R.drawable.ic_games_white_48dp; 87 | break; 88 | case 2: 89 | resource = R.drawable.ic_chat_white_48dp; 90 | break; 91 | case 3: 92 | resource = R.drawable.ic_create_white_48dp; 93 | break; 94 | case 4: 95 | resource = R.drawable.ic_mail_white_48dp; 96 | break; 97 | } 98 | return resource; 99 | } 100 | } 101 | -------------------------------------------------------------------------------- /demo/src/main/java/com/tompee/funtablayoutsample/simpletablayout/SimpleTabLayoutActivity.java: -------------------------------------------------------------------------------- 1 | package com.tompee.funtablayoutsample.simpletablayout; 2 | 3 | import android.graphics.Color; 4 | import android.os.Bundle; 5 | import android.support.v4.app.Fragment; 6 | import android.support.v4.app.FragmentPagerAdapter; 7 | import android.support.v4.view.ViewPager; 8 | import android.support.v7.app.AppCompatActivity; 9 | 10 | import com.tompee.funtablayout.FunTabLayout; 11 | import com.tompee.funtablayout.SimpleTabAdapter; 12 | import com.tompee.funtablayoutsample.R; 13 | import com.tompee.funtablayoutsample.fragment.SampleFragment; 14 | 15 | public class SimpleTabLayoutActivity extends AppCompatActivity { 16 | 17 | @Override 18 | protected void onCreate(Bundle savedInstanceState) { 19 | super.onCreate(savedInstanceState); 20 | setContentView(R.layout.activity_tab); 21 | //noinspection ConstantConditions 22 | getSupportActionBar().setElevation(0); 23 | 24 | ViewPager viewPager = (ViewPager) findViewById(R.id.viewpager); 25 | setupViewPager(viewPager); 26 | 27 | FunTabLayout tabLayout = (FunTabLayout) findViewById(R.id.tablayout); 28 | tabLayout.setTabVisibleCount(5); 29 | SimpleTabAdapter.Builder builder = new SimpleTabAdapter.Builder(this). 30 | setViewPager(viewPager). 31 | setTabPadding(16, 16, 16, 16). 32 | setTabSelectedTextColor(Color.WHITE). 33 | setTabIndicatorHeight(5). 34 | setTabIndicatorColor(Color.WHITE). 35 | setTabBackgroundResId(R.drawable.ripple). 36 | setTabTextAppearance(R.style.SimpleTabText); 37 | tabLayout.setUpWithAdapter(builder.build()); 38 | } 39 | 40 | private void setupViewPager(ViewPager viewPager) { 41 | viewPager.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) { 42 | @Override 43 | public Fragment getItem(int position) { 44 | return SampleFragment.newInstance(position); 45 | } 46 | 47 | @Override 48 | public int getCount() { 49 | return 8; 50 | } 51 | 52 | @Override 53 | public CharSequence getPageTitle(int position) { 54 | return "Fragment" + position; 55 | } 56 | }); 57 | } 58 | } 59 | -------------------------------------------------------------------------------- /demo/src/main/res/drawable-hdpi/ic_call_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-hdpi/ic_call_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-hdpi/ic_chat_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-hdpi/ic_chat_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-hdpi/ic_create_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-hdpi/ic_create_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-hdpi/ic_games_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-hdpi/ic_games_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-hdpi/ic_mail_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-hdpi/ic_mail_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-mdpi/ic_call_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-mdpi/ic_call_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-mdpi/ic_chat_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-mdpi/ic_chat_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-mdpi/ic_create_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-mdpi/ic_create_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-mdpi/ic_games_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-mdpi/ic_games_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-mdpi/ic_mail_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-mdpi/ic_mail_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-v21/ripple.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xhdpi/ic_call_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xhdpi/ic_call_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xhdpi/ic_chat_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xhdpi/ic_chat_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xhdpi/ic_create_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xhdpi/ic_create_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xhdpi/ic_games_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xhdpi/ic_games_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xhdpi/ic_mail_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xhdpi/ic_mail_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxhdpi/ic_call_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxhdpi/ic_call_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxhdpi/ic_chat_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxhdpi/ic_chat_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxhdpi/ic_create_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxhdpi/ic_create_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxhdpi/ic_games_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxhdpi/ic_games_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxhdpi/ic_mail_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxhdpi/ic_mail_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxxhdpi/ic_call_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxxhdpi/ic_call_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxxhdpi/ic_chat_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxxhdpi/ic_chat_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxxhdpi/ic_create_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxxhdpi/ic_create_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxxhdpi/ic_games_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxxhdpi/ic_games_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable-xxxhdpi/ic_mail_white_48dp.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/tompee26/FunTabLayout/fd6aabda3aade1acec0f6546106f1105e2f3d44a/demo/src/main/res/drawable-xxxhdpi/ic_mail_white_48dp.png -------------------------------------------------------------------------------- /demo/src/main/res/drawable/ripple.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | -------------------------------------------------------------------------------- /demo/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 |