├── .idea ├── .name ├── copyright │ └── profiles_settings.xml ├── scopes │ └── scope_settings.xml ├── encodings.xml ├── vcs.xml ├── misc.xml ├── modules.xml ├── gradle.xml └── compiler.xml ├── app ├── .gitignore ├── src │ ├── main │ │ ├── res │ │ │ ├── drawable-hdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-mdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-xhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── drawable-xxhdpi │ │ │ │ └── ic_launcher.png │ │ │ ├── values │ │ │ │ ├── styles.xml │ │ │ │ └── strings.xml │ │ │ └── layout │ │ │ │ ├── fragment_sample.xml │ │ │ │ ├── activity_sample.xml │ │ │ │ └── activity_sample2.xml │ │ ├── AndroidManifest.xml │ │ └── java │ │ │ └── net │ │ │ └── yanzm │ │ │ └── mth │ │ │ └── sample │ │ │ └── SampleActivity.java │ └── androidTest │ │ └── java │ │ └── net │ │ └── yanzm │ │ └── mth │ │ └── sample │ │ └── ApplicationTest.java ├── proguard-rules.pro ├── build.gradle └── sample.iml ├── mth ├── .gitignore ├── src │ └── main │ │ ├── AndroidManifest.xml │ │ ├── res │ │ ├── values │ │ │ ├── attrs.xml │ │ │ └── dimens.xml │ │ ├── values-820dp │ │ │ └── dimens.xml │ │ ├── color │ │ │ └── mth_tab_widget_text.xml │ │ ├── drawable-v21 │ │ │ └── mth_tab_widget_background_ripple.xml │ │ └── layout │ │ │ ├── mth_tab_widget_full.xml │ │ │ └── mth_tab_widget.xml │ │ └── java │ │ └── net │ │ └── yanzm │ │ └── mth │ │ └── MaterialTabHost.java ├── build.gradle ├── proguard-rules.pro ├── mth.iml └── app.iml ├── settings.gradle ├── repository └── net │ └── yanzm │ └── mth │ ├── 1.0.1 │ ├── mth-1.0.1.aar.md5 │ ├── mth-1.0.1.pom.md5 │ ├── mth-1.0.1.aar.sha1 │ ├── mth-1.0.1.pom.sha1 │ ├── mth-1.0.1.aar │ └── mth-1.0.1.pom │ ├── 1.0.2 │ ├── mth-1.0.2.aar.md5 │ ├── mth-1.0.2.pom.md5 │ ├── mth-1.0.2.aar.sha1 │ ├── mth-1.0.2.pom.sha1 │ ├── mth-1.0.2.aar │ └── mth-1.0.2.pom │ ├── 1.0.3 │ ├── mth-1.0.3.aar.md5 │ ├── mth-1.0.3.pom.md5 │ ├── mth-1.0.3.aar.sha1 │ ├── mth-1.0.3.pom.sha1 │ ├── mth-1.0.3.aar │ └── mth-1.0.3.pom │ ├── 1.0.4 │ ├── mth-1.0.4.aar.md5 │ ├── mth-1.0.4.pom.md5 │ ├── mth-1.0.4.aar.sha1 │ ├── mth-1.0.4.pom.sha1 │ ├── mth-1.0.4.aar │ └── mth-1.0.4.pom │ ├── maven-metadata.xml.md5 │ ├── maven-metadata.xml.sha1 │ └── maven-metadata.xml ├── maven_settings.gradle ├── .gitignore ├── MaterialTabHost.iml ├── README.md └── LICENSE /.idea/.name: -------------------------------------------------------------------------------- 1 | MaterialTabHost -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /mth/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app', ':mth' 2 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.aar.md5: -------------------------------------------------------------------------------- 1 | 3b408adf3577bda7cacd534eaf41c783 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.pom.md5: -------------------------------------------------------------------------------- 1 | 04f8313601e705a3ca5894df154b764e -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.aar.md5: -------------------------------------------------------------------------------- 1 | 74beb4166787cc9281b79eff05850c3f -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.pom.md5: -------------------------------------------------------------------------------- 1 | 7e8acb16c619bdff4737ae0b0a4980b9 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.aar.md5: -------------------------------------------------------------------------------- 1 | 28ebdfb2a3e229bbfe049026b04073f6 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.pom.md5: -------------------------------------------------------------------------------- 1 | 46e81e1fd95d79c425aa4df1a984ad3f -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.aar.md5: -------------------------------------------------------------------------------- 1 | 4058b37b787268712904d964016601df -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.pom.md5: -------------------------------------------------------------------------------- 1 | d23023ac9bb9e3a4b2f56072f0335672 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/maven-metadata.xml.md5: -------------------------------------------------------------------------------- 1 | 92348a290627f7d471e8c925ce54dd65 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/maven-metadata.xml.sha1: -------------------------------------------------------------------------------- 1 | 7b8bd76f3f550b6ac020b7ba03cc0dbb50c283dd -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.aar.sha1: -------------------------------------------------------------------------------- 1 | c1c760419c084b845338f1da736175672ec526a8 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.pom.sha1: -------------------------------------------------------------------------------- 1 | 90f19290e6463b71f901bb7856c870b2d33f1b18 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.aar.sha1: -------------------------------------------------------------------------------- 1 | 2dd1a97db417d59bb52c548530e7b65dd0a4bac6 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.pom.sha1: -------------------------------------------------------------------------------- 1 | 1e5fe1cbe6c682f391a69170e13c9392ebaf25b6 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.aar.sha1: -------------------------------------------------------------------------------- 1 | 2d299fc37a460e635a8b5104372fb6cd90439f80 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.pom.sha1: -------------------------------------------------------------------------------- 1 | 65a7484cb1a6c11a00b4c3272c32ac8af812c286 -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.aar.sha1: -------------------------------------------------------------------------------- 1 | 5b4189304b679cf111ceee65615ed8aa9bfc8c2e -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.pom.sha1: -------------------------------------------------------------------------------- 1 | 3abe30e5c6dd7c4a3b6fa2bc766da45764ac2869 -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.aar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/repository/net/yanzm/mth/1.0.1/mth-1.0.1.aar -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.aar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/repository/net/yanzm/mth/1.0.2/mth-1.0.2.aar -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.aar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/repository/net/yanzm/mth/1.0.3/mth-1.0.3.aar -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.aar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/repository/net/yanzm/mth/1.0.4/mth-1.0.4.aar -------------------------------------------------------------------------------- /app/src/main/res/drawable-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/app/src/main/res/drawable-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/app/src/main/res/drawable-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/app/src/main/res/drawable-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/drawable-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yanzm/MaterialTabHost/HEAD/app/src/main/res/drawable-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /mth/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | -------------------------------------------------------------------------------- /.idea/scopes/scope_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 5 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/vcs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | -------------------------------------------------------------------------------- /mth/src/main/res/values/attrs.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /maven_settings.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'maven' 2 | 3 | def deployTo = new File(rootDir, "repository") 4 | 5 | uploadArchives { 6 | repositories { 7 | mavenDeployer { 8 | repository url: "file://${deployTo.absolutePath}" 9 | pom.version = "1.0.4" 10 | pom.groupId = "net.yanzm" 11 | pom.artifactId = "mth" 12 | } 13 | } 14 | } -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 10 | -------------------------------------------------------------------------------- /.idea/misc.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /app/src/androidTest/java/net/yanzm/mth/sample/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package net.yanzm.mth.sample; 2 | 3 | import android.app.Application; 4 | import android.test.ApplicationTestCase; 5 | 6 | /** 7 | * Testing Fundamentals 8 | */ 9 | public class ApplicationTest extends ApplicationTestCase { 10 | public ApplicationTest() { 11 | super(Application.class); 12 | } 13 | } -------------------------------------------------------------------------------- /mth/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.library' 2 | 3 | android { 4 | compileSdkVersion 21 5 | buildToolsVersion "21.1.1" 6 | 7 | defaultConfig { 8 | minSdkVersion 10 9 | targetSdkVersion 21 10 | versionCode 5 11 | versionName "1.0.4" 12 | } 13 | } 14 | 15 | dependencies { 16 | compile 'com.android.support:appcompat-v7:21.0.3' 17 | } 18 | 19 | // Used to push in maven 20 | apply from: '../maven_settings.gradle' -------------------------------------------------------------------------------- /repository/net/yanzm/mth/maven-metadata.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | net.yanzm 4 | mth 5 | 1.0.1 6 | 7 | 8 | 1.0.1 9 | 1.0.2 10 | 1.0.3 11 | 1.0.4 12 | 13 | 20150414060428 14 | 15 | 16 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Built application files 2 | *.apk 3 | *.ap_ 4 | 5 | # Files for the Dalvik VM 6 | *.dex 7 | 8 | # Java class files 9 | *.class 10 | 11 | # Generated files 12 | bin/ 13 | gen/ 14 | 15 | # Gradle files 16 | .gradle/ 17 | gradle/ 18 | build/ 19 | gradlew 20 | gradlew.bat 21 | gradle.properties 22 | 23 | # Local configuration file (sdk path, etc) 24 | local.properties 25 | 26 | # Proguard folder generated by Eclipse 27 | proguard/ 28 | 29 | # Log Files 30 | *.log 31 | 32 | # Android Studio 33 | /.idea/workspace.xml 34 | /.idea/libraries 35 | 36 | # Mac 37 | .DS_Store -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.1/mth-1.0.1.pom: -------------------------------------------------------------------------------- 1 | 2 | 4 | 4.0.0 5 | net.yanzm 6 | mth 7 | 1.0.1 8 | aar 9 | 10 | 11 | com.android.support 12 | appcompat-v7 13 | 21.0.3 14 | compile 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.2/mth-1.0.2.pom: -------------------------------------------------------------------------------- 1 | 2 | 4 | 4.0.0 5 | net.yanzm 6 | mth 7 | 1.0.2 8 | aar 9 | 10 | 11 | com.android.support 12 | appcompat-v7 13 | 21.0.3 14 | compile 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.3/mth-1.0.3.pom: -------------------------------------------------------------------------------- 1 | 2 | 4 | 4.0.0 5 | net.yanzm 6 | mth 7 | 1.0.3 8 | aar 9 | 10 | 11 | com.android.support 12 | appcompat-v7 13 | 21.0.3 14 | compile 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /repository/net/yanzm/mth/1.0.4/mth-1.0.4.pom: -------------------------------------------------------------------------------- 1 | 2 | 4 | 4.0.0 5 | net.yanzm 6 | mth 7 | 1.0.4 8 | aar 9 | 10 | 11 | com.android.support 12 | appcompat-v7 13 | 21.0.3 14 | compile 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /app/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 /Users/yanzm/Library/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 | -------------------------------------------------------------------------------- /mth/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 /Users/yanzm/Library/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 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 21 5 | buildToolsVersion "21.1.1" 6 | defaultConfig { 7 | applicationId 'net.yanzm.mth.sample' 8 | minSdkVersion 10 9 | targetSdkVersion 21 10 | versionCode 1 11 | versionName "1.0" 12 | } 13 | buildTypes { 14 | release { 15 | minifyEnabled false 16 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro' 17 | } 18 | } 19 | productFlavors { 20 | } 21 | } 22 | 23 | dependencies { 24 | compile fileTree(dir: 'libs', include: ['*.jar']) 25 | compile 'com.android.support:appcompat-v7:21.0.3' 26 | compile project(':mth') 27 | } 28 | -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /mth/src/main/res/values-820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 18 | 24dp 19 | 20 | 56dp 21 | 22 | -------------------------------------------------------------------------------- /MaterialTabHost.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | -------------------------------------------------------------------------------- /mth/src/main/res/color/mth_tab_widget_text.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 18 | 19 | 20 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 18 | MaterialTabHost Sample 19 | No. one 20 | two 21 | the third 22 | 23 | -------------------------------------------------------------------------------- /mth/src/main/res/drawable-v21/mth_tab_widget_background_ripple.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 19 | 20 | 21 | 22 | 23 | -------------------------------------------------------------------------------- /mth/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 18 | 48dp 19 | 2dp 20 | 12dp 21 | 16dp 22 | 14sp 23 | 24 | 60dp 25 | 26 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_sample.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 23 | 24 | 29 | 30 | 31 | -------------------------------------------------------------------------------- /mth/src/main/res/layout/mth_tab_widget_full.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 28 | -------------------------------------------------------------------------------- /mth/src/main/res/layout/mth_tab_widget.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 28 | -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 17 | 19 | 20 | 25 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_sample.xml: -------------------------------------------------------------------------------- 1 | 15 | 16 | 22 | 23 | 27 | 28 | 32 | 33 | 34 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_sample2.xml: -------------------------------------------------------------------------------- 1 | 15 | 16 | 23 | 24 | 29 | 30 | 34 | 35 | 36 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | MaterialTabHost 2 | =============== 3 | 4 | TabHost along with the specifications of the Material design 5 | http://www.google.com/design/spec/components/tabs.html 6 | 7 | Usage 8 | --------------- 9 | 10 | ### build.gradle 11 | 12 | ``` 13 | repositories { 14 | maven { url 'http://yanzm.github.io/MaterialTabHost/repository' } 15 | } 16 | 17 | dependencies { 18 | compile 'net.yanzm:mth:1.0.4' 19 | } 20 | ``` 21 | 22 | ### Layout XML 23 | 24 | ``` 25 | 31 | 32 | 36 | 37 | 41 | 42 | 43 | ``` 44 | 45 | ### Set up 46 | 47 | ``` 48 | @Override 49 | protected void onCreate(Bundle savedInstanceState) { 50 | super.onCreate(savedInstanceState); 51 | setContentView(R.layout.activity_sample); 52 | 53 | if (getSupportActionBar() != null) { 54 | getSupportActionBar().setElevation(0); 55 | } 56 | 57 | MaterialTabHost tabHost = (MaterialTabHost) findViewById(android.R.id.tabhost); 58 | tabHost.setType(MaterialTabHost.Type.FullScreenWidth); 59 | // tabHost.setType(MaterialTabHost.Type.Centered); 60 | // tabHost.setType(MaterialTabHost.Type.LeftOffset); 61 | 62 | SectionsPagerAdapter pagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager()); 63 | for (int i = 0; i < pagerAdapter.getCount(); i++) { 64 | tabHost.addTab(pagerAdapter.getPageTitle(i)); 65 | } 66 | 67 | final ViewPager viewPager = (ViewPager) findViewById(R.id.pager); 68 | viewPager.setAdapter(pagerAdapter); 69 | viewPager.setOnPageChangeListener(tabHost); 70 | 71 | tabHost.setOnTabChangeListener(new MaterialTabHost.OnTabChangeListener() { 72 | @Override 73 | public void onTabSelected(int position) { 74 | viewPager.setCurrentItem(position); 75 | } 76 | }); 77 | } 78 | ``` 79 | 80 | ### Color 81 | 82 | #### Default 83 | 84 | * backbround color : colorPrimary 85 | * indicator color : colorAccent or colorControlActivated 86 | 87 | ``` 88 | 89 | 90 | 95 | 96 | ``` 97 | 98 | #### attributes 99 | 100 | * indicator color : colorTabIndicator 101 | 102 | ``` 103 | 108 | 109 | ``` 110 | 111 | 112 | ### Type 113 | 114 | #### MaterialTabHost.Type.FullScreenWidth 115 | 116 | ![FullScreenWidth](http://3.bp.blogspot.com/-4szD4lkQH74/VIfGci0GOkI/AAAAAAAARUQ/xObIpgmHhKI/s400/mth_fullwidth.png) 117 | 118 | #### MaterialTabHost.Type.Centered 119 | 120 | ![LeftOffset](http://2.bp.blogspot.com/-UAIRu67QxE0/VIfGcncmBfI/AAAAAAAARUM/-kXX7OS9oeI/s400/mth_centered.png) 121 | 122 | #### MaterialTabHost.Type.LeftOffset 123 | 124 | ![LeftOffset](http://2.bp.blogspot.com/-C9_JSDk9D1Y/VIfGcx9dcfI/AAAAAAAARUU/xwgTMuW2YCs/s400/mth_leftoffset.png) 125 | 126 | 127 | 128 | LICENSE 129 | --------------- 130 | 131 | ``` 132 | Copyright 2014 Yuki Anzai 133 | 134 | Licensed under the Apache License, Version 2.0 (the "License"); 135 | you may not use this file except in compliance with the License. 136 | You may obtain a copy of the License at 137 | 138 | http://www.apache.org/licenses/LICENSE-2.0 139 | 140 | Unless required by applicable law or agreed to in writing, software 141 | distributed under the License is distributed on an "AS IS" BASIS, 142 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 143 | See the License for the specific language governing permissions and 144 | limitations under the License. 145 | ``` 146 | -------------------------------------------------------------------------------- /app/src/main/java/net/yanzm/mth/sample/SampleActivity.java: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (C) 2014 Yuki Anzai anzai.y.aa@gmail.com 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package net.yanzm.mth.sample; 18 | 19 | import android.os.Bundle; 20 | import android.support.v4.app.Fragment; 21 | import android.support.v4.app.FragmentManager; 22 | import android.support.v4.app.FragmentPagerAdapter; 23 | import android.support.v4.view.ViewPager; 24 | import android.support.v7.app.ActionBarActivity; 25 | import android.view.LayoutInflater; 26 | import android.view.View; 27 | import android.view.ViewGroup; 28 | import android.widget.TextView; 29 | 30 | import net.yanzm.mth.MaterialTabHost; 31 | 32 | import java.util.Locale; 33 | 34 | public class SampleActivity extends ActionBarActivity { 35 | 36 | @Override 37 | protected void onCreate(Bundle savedInstanceState) { 38 | super.onCreate(savedInstanceState); 39 | setContentView(R.layout.activity_sample); 40 | 41 | if (getSupportActionBar() != null) { 42 | getSupportActionBar().setElevation(0); 43 | } 44 | 45 | MaterialTabHost tabHost = (MaterialTabHost) findViewById(android.R.id.tabhost); 46 | tabHost.setType(MaterialTabHost.Type.FullScreenWidth); 47 | // tabHost.setType(MaterialTabHost.Type.Centered); 48 | // tabHost.setType(MaterialTabHost.Type.LeftOffset); 49 | 50 | SectionsPagerAdapter pagerAdapter = new SectionsPagerAdapter(getSupportFragmentManager()); 51 | for (int i = 0; i < pagerAdapter.getCount(); i++) { 52 | tabHost.addTab(pagerAdapter.getPageTitle(i)); 53 | } 54 | 55 | final ViewPager viewPager = (ViewPager) findViewById(R.id.pager); 56 | viewPager.setAdapter(pagerAdapter); 57 | viewPager.setOnPageChangeListener(tabHost); 58 | 59 | tabHost.setOnTabChangeListener(new MaterialTabHost.OnTabChangeListener() { 60 | @Override 61 | public void onTabSelected(int position) { 62 | viewPager.setCurrentItem(position); 63 | } 64 | }); 65 | } 66 | 67 | public class SectionsPagerAdapter extends FragmentPagerAdapter { 68 | 69 | public SectionsPagerAdapter(FragmentManager fm) { 70 | super(fm); 71 | } 72 | 73 | @Override 74 | public Fragment getItem(int position) { 75 | // getItem is called to instantiate the fragment for the given page. 76 | // Return a PlaceholderFragment (defined as a static inner class below). 77 | return PlaceholderFragment.newInstance(position + 1); 78 | } 79 | 80 | @Override 81 | public int getCount() { 82 | // Show 3 total pages. 83 | return 3; 84 | } 85 | 86 | @Override 87 | public CharSequence getPageTitle(int position) { 88 | Locale l = Locale.getDefault(); 89 | switch (position) { 90 | case 0: 91 | return getString(R.string.title_section1).toUpperCase(l); 92 | case 1: 93 | return getString(R.string.title_section2).toUpperCase(l); 94 | case 2: 95 | return getString(R.string.title_section3).toUpperCase(l); 96 | } 97 | return null; 98 | } 99 | } 100 | 101 | public static class PlaceholderFragment extends Fragment { 102 | /** 103 | * The fragment argument representing the section number for this 104 | * fragment. 105 | */ 106 | private static final String ARG_SECTION_NUMBER = "section_number"; 107 | 108 | /** 109 | * Returns a new instance of this fragment for the given section 110 | * number. 111 | */ 112 | public static PlaceholderFragment newInstance(int sectionNumber) { 113 | PlaceholderFragment fragment = new PlaceholderFragment(); 114 | Bundle args = new Bundle(); 115 | args.putInt(ARG_SECTION_NUMBER, sectionNumber); 116 | fragment.setArguments(args); 117 | return fragment; 118 | } 119 | 120 | public PlaceholderFragment() { 121 | } 122 | 123 | @Override 124 | public View onCreateView(LayoutInflater inflater, ViewGroup container, 125 | Bundle savedInstanceState) { 126 | View rootView = inflater.inflate(R.layout.fragment_sample, container, false); 127 | TextView tv = (TextView) rootView.findViewById(R.id.section_label); 128 | tv.setText("Here is page " + getArguments().getInt(ARG_SECTION_NUMBER)); 129 | return rootView; 130 | } 131 | } 132 | } 133 | -------------------------------------------------------------------------------- /app/sample.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | -------------------------------------------------------------------------------- /mth/mth.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | -------------------------------------------------------------------------------- /mth/app.iml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 8 | 9 | 10 | 11 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 74 | 75 | 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "{}" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright 2014 Yuki Anazai anzai.y.aa@gmail.com 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | 203 | -------------------------------------------------------------------------------- /mth/src/main/java/net/yanzm/mth/MaterialTabHost.java: -------------------------------------------------------------------------------- 1 | /* 2 | Copyright (C) 2014 Yuki Anzai anzai.y.aa@gmail.com 3 | * 4 | * Licensed under the Apache License, Version 2.0 (the "License"); 5 | * you may not use this file except in compliance with the License. 6 | * You may obtain a copy of the License at 7 | * 8 | * http://www.apache.org/licenses/LICENSE-2.0 9 | * 10 | * Unless required by applicable law or agreed to in writing, software 11 | * distributed under the License is distributed on an "AS IS" BASIS, 12 | * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | * See the License for the specific language governing permissions and 14 | * limitations under the License. 15 | */ 16 | 17 | package net.yanzm.mth; 18 | 19 | import android.content.Context; 20 | import android.content.res.Resources; 21 | import android.content.res.TypedArray; 22 | import android.graphics.Canvas; 23 | import android.graphics.PorterDuff; 24 | import android.graphics.drawable.ColorDrawable; 25 | import android.graphics.drawable.Drawable; 26 | import android.graphics.drawable.ShapeDrawable; 27 | import android.graphics.drawable.StateListDrawable; 28 | import android.os.Build; 29 | import android.support.v4.view.ViewCompat; 30 | import android.support.v4.view.ViewPager; 31 | import android.util.AttributeSet; 32 | import android.util.TypedValue; 33 | import android.view.Gravity; 34 | import android.view.LayoutInflater; 35 | import android.view.View; 36 | import android.widget.FrameLayout; 37 | import android.widget.LinearLayout; 38 | import android.widget.TabHost; 39 | import android.widget.TabWidget; 40 | import android.widget.TextView; 41 | 42 | /** 43 | * MaterialTabHost make easy to create Material Design Fixed Tabs 44 | * http://www.google.com/design/spec/components/tabs.html 45 | */ 46 | public class MaterialTabHost extends TabHost implements ViewPager.OnPageChangeListener { 47 | 48 | // http://www.google.com/design/spec/what-is-material/objects-in-3d-space.html#objects-in-3d-space-elevation 49 | private static final int APP_TAB_ELEVATION = 4; // 4dp 50 | 51 | public static enum Type { 52 | FullScreenWidth, Centered, LeftOffset; 53 | } 54 | 55 | public interface OnTabChangeListener { 56 | public void onTabSelected(int position); 57 | } 58 | 59 | private final LayoutInflater inflater; 60 | private final TabWidget tabWidget; 61 | 62 | private final ShapeDrawable indicator; 63 | private final int indicatorHeight; 64 | private final int leftOffset; 65 | private final int colorControlActivated; 66 | 67 | private Type type = Type.FullScreenWidth; 68 | private OnTabChangeListener listener; 69 | 70 | private int maxTabWidth = Integer.MIN_VALUE; 71 | private int scrollingState = ViewPager.SCROLL_STATE_IDLE; 72 | private int position = 0; 73 | private float positionOffset = 0; 74 | 75 | public MaterialTabHost(Context context) { 76 | this(context, null); 77 | } 78 | 79 | public MaterialTabHost(Context context, AttributeSet attrs) { 80 | super(context, attrs); 81 | 82 | inflater = LayoutInflater.from(context); 83 | 84 | TypedValue outValue = new TypedValue(); 85 | Resources.Theme theme = context.getTheme(); 86 | 87 | // use ?attr/colorPrimary as background color 88 | theme.resolveAttribute(R.attr.colorPrimary, outValue, true); 89 | setBackgroundColor(outValue.data); 90 | 91 | // use ?attr/colorControlActivated as default indicator color 92 | theme.resolveAttribute(R.attr.colorControlActivated, outValue, true); 93 | colorControlActivated = outValue.data; 94 | 95 | TypedArray a = context.getTheme().obtainStyledAttributes(attrs, R.styleable.MaterialTabHost, 0, 0); 96 | int indicatorColor = a.getColor(R.styleable.MaterialTabHost_colorTabIndicator, colorControlActivated); 97 | a.recycle(); 98 | 99 | // ColorDrawable on 2.x does not use getBounds() so use ShapeDrawable 100 | indicator = new ShapeDrawable(); 101 | indicator.setColorFilter(indicatorColor, PorterDuff.Mode.SRC_ATOP); 102 | 103 | Resources res = context.getResources(); 104 | indicatorHeight = res.getDimensionPixelSize(R.dimen.mth_tab_indicator_height); 105 | leftOffset = res.getDimensionPixelSize(R.dimen.mth_tab_left_offset); 106 | int tabHeight = res.getDimensionPixelSize(R.dimen.mth_tab_height); 107 | 108 | tabWidget = new TabWidget(context); 109 | tabWidget.setLayoutParams(new LayoutParams(LayoutParams.MATCH_PARENT, tabHeight)); 110 | tabWidget.setId(android.R.id.tabs); 111 | tabWidget.setStripEnabled(false); 112 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) { 113 | tabWidget.setShowDividers(LinearLayout.SHOW_DIVIDER_NONE); 114 | } 115 | addView(tabWidget); 116 | 117 | FrameLayout fl = new FrameLayout(context); 118 | fl.setLayoutParams(new LayoutParams(0, 0)); 119 | fl.setId(android.R.id.tabcontent); 120 | addView(fl); 121 | 122 | setup(); 123 | 124 | setOnTabChangedListener(new TabHost.OnTabChangeListener() { 125 | @Override 126 | public void onTabChanged(String tabId) { 127 | if (listener != null) { 128 | listener.onTabSelected(Integer.valueOf(tabId)); 129 | } 130 | } 131 | }); 132 | 133 | float density = getResources().getDisplayMetrics().density; 134 | 135 | // set elevation for App bar 136 | // http://www.google.com/design/spec/what-is-material/objects-in-3d-space.html#objects-in-3d-space-elevation 137 | ViewCompat.setElevation(this, APP_TAB_ELEVATION * density); 138 | } 139 | 140 | protected int getLayoutId(Type type) { 141 | switch (type) { 142 | case FullScreenWidth: 143 | return R.layout.mth_tab_widget_full; 144 | case Centered: 145 | return R.layout.mth_tab_widget; 146 | case LeftOffset: 147 | return R.layout.mth_tab_widget; 148 | default: 149 | return R.layout.mth_tab_widget_full; 150 | } 151 | } 152 | 153 | /** 154 | * add new tab with title text 155 | * 156 | * @param title title text 157 | */ 158 | public void addTab(CharSequence title) { 159 | int layoutId = getLayoutId(type); 160 | TextView tv = (TextView) inflater.inflate(layoutId, tabWidget, false); 161 | tv.setText(title); 162 | 163 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 164 | tv.setBackgroundResource(R.drawable.mth_tab_widget_background_ripple); 165 | 166 | } else { 167 | // create background using colorControlActivated 168 | StateListDrawable d = new StateListDrawable(); 169 | d.addState(new int[]{android.R.attr.state_pressed}, new ColorDrawable(colorControlActivated)); 170 | d.setAlpha(180); 171 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) { 172 | tv.setBackground(d); 173 | } else { 174 | tv.setBackgroundDrawable(d); 175 | } 176 | } 177 | 178 | int tabId = tabWidget.getTabCount(); 179 | 180 | addTab(newTabSpec(String.valueOf(tabId)) 181 | .setIndicator(tv) 182 | .setContent(android.R.id.tabcontent)); 183 | } 184 | 185 | /** 186 | * add new tab with specified view 187 | * 188 | * @param view tab view 189 | */ 190 | public void addTab(View view) { 191 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 192 | view.setBackgroundResource(R.drawable.mth_tab_widget_background_ripple); 193 | 194 | } else { 195 | // create background using colorControlActivated 196 | StateListDrawable d = new StateListDrawable(); 197 | d.addState(new int[]{android.R.attr.state_pressed}, new ColorDrawable(colorControlActivated)); 198 | d.setAlpha(180); 199 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) { 200 | view.setBackground(d); 201 | } else { 202 | view.setBackgroundDrawable(d); 203 | } 204 | } 205 | 206 | int tabId = tabWidget.getTabCount(); 207 | 208 | addTab(newTabSpec(String.valueOf(tabId)) 209 | .setIndicator(view) 210 | .setContent(android.R.id.tabcontent)); 211 | } 212 | 213 | @Override 214 | protected void onLayout(boolean changed, int left, int top, int right, int bottom) { 215 | if (type == Type.Centered) { 216 | if (maxTabWidth == Integer.MIN_VALUE) { 217 | for (int i = 0; i < tabWidget.getTabCount(); i++) { 218 | View tabView = tabWidget.getChildTabViewAt(i); 219 | if (tabView.getMeasuredWidth() > maxTabWidth) { 220 | maxTabWidth = tabView.getMeasuredWidth(); 221 | } 222 | } 223 | 224 | if (maxTabWidth > 0) { 225 | for (int i = 0; i < tabWidget.getTabCount(); i++) { 226 | View tabView = tabWidget.getChildTabViewAt(i); 227 | LinearLayout.LayoutParams params = (LinearLayout.LayoutParams) tabView.getLayoutParams(); 228 | params.width = maxTabWidth; 229 | tabView.setLayoutParams(params); 230 | } 231 | } 232 | } 233 | } 234 | 235 | super.onLayout(changed, left, top, right, bottom); 236 | } 237 | 238 | 239 | @Override 240 | protected void dispatchDraw(Canvas canvas) { 241 | super.dispatchDraw(canvas); 242 | 243 | if (getChildCount() == 0) { 244 | return; 245 | } 246 | 247 | final Drawable d = indicator; 248 | 249 | View tabView = tabWidget.getChildTabViewAt(position); 250 | if (tabView == null) { 251 | return; 252 | } 253 | 254 | View nextTabView = position + 1 < tabWidget.getTabCount() 255 | ? tabWidget.getChildTabViewAt(position + 1) 256 | : null; 257 | 258 | int tabWidth = tabView.getWidth(); 259 | int nextTabWidth = nextTabView == null ? tabWidth : nextTabView.getWidth(); 260 | 261 | int indicatorWidth = (int) (nextTabWidth * positionOffset + tabWidth * (1 - positionOffset)); 262 | int indicatorLeft = (int) (getPaddingLeft() + tabView.getLeft() + positionOffset * tabWidth); 263 | 264 | int height = getHeight(); 265 | d.setBounds(indicatorLeft, height - indicatorHeight, indicatorLeft + indicatorWidth, height); 266 | d.draw(canvas); 267 | } 268 | 269 | public void setOnTabChangeListener(OnTabChangeListener l) { 270 | listener = l; 271 | } 272 | 273 | public void setType(Type type) { 274 | this.type = type; 275 | 276 | switch (type) { 277 | case FullScreenWidth: 278 | tabWidget.setGravity(Gravity.LEFT); 279 | setPadding(0, 0, 0, 0); 280 | break; 281 | case Centered: 282 | tabWidget.setGravity(Gravity.CENTER_HORIZONTAL); 283 | setPadding(0, 0, 0, 0); 284 | break; 285 | case LeftOffset: 286 | tabWidget.setGravity(Gravity.LEFT); 287 | setPadding(leftOffset, 0, 0, 0); 288 | break; 289 | default: 290 | tabWidget.setGravity(Gravity.LEFT); 291 | setPadding(0, 0, 0, 0); 292 | } 293 | } 294 | 295 | @Override 296 | public void onPageSelected(int position) { 297 | if (scrollingState == ViewPager.SCROLL_STATE_IDLE) { 298 | updateIndicatorPosition(position, 0); 299 | } 300 | setCurrentTab(position); 301 | } 302 | 303 | @Override 304 | public void onPageScrollStateChanged(int state) { 305 | scrollingState = state; 306 | } 307 | 308 | @Override 309 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { 310 | updateIndicatorPosition(position, positionOffset); 311 | } 312 | 313 | private void updateIndicatorPosition(int position, float positionOffset) { 314 | this.position = position; 315 | this.positionOffset = positionOffset; 316 | invalidate(); 317 | } 318 | } 319 | --------------------------------------------------------------------------------