├── .gitignore ├── .idea ├── .name ├── compiler.xml ├── copyright │ └── profiles_settings.xml ├── encodings.xml ├── gradle.xml ├── misc.xml ├── modules.xml └── runConfigurations.xml ├── README.md ├── app ├── .gitignore ├── build.gradle ├── proguard-rules.pro └── src │ ├── androidTest │ └── java │ │ └── com │ │ └── sgcc │ │ └── mytablayout │ │ └── ApplicationTest.java │ ├── main │ ├── AndroidManifest.xml │ ├── java │ │ └── com │ │ │ └── sgcc │ │ │ └── mytablayout │ │ │ ├── ContactsFragment.java │ │ │ ├── FindFragment.java │ │ │ ├── MainActivity.java │ │ │ ├── MeFragment.java │ │ │ └── WeiXinFragment.java │ └── res │ │ ├── drawable │ │ ├── bg_tab_border_selecter.xml │ │ ├── tab_contacts_selector.xml │ │ ├── tab_find_selector.xml │ │ ├── tab_me_selector.xml │ │ ├── tab_weixin_selector.xml │ │ └── tv_tab_selector.xml │ │ ├── layout │ │ ├── activity_main.xml │ │ ├── fragment_contacts.xml │ │ ├── fragment_find.xml │ │ ├── fragment_me.xml │ │ ├── fragment_weixin.xml │ │ └── tab_custom.xml │ │ ├── mipmap-hdpi │ │ └── ic_launcher.png │ │ ├── mipmap-mdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xhdpi │ │ └── ic_launcher.png │ │ ├── mipmap-xxhdpi │ │ ├── ic_launcher.png │ │ ├── tab_contacts_normal.png │ │ ├── tab_contacts_selected.png │ │ ├── tab_find_normal.png │ │ ├── tab_find_selected.png │ │ ├── tab_me_normal.png │ │ ├── tab_me_selected.png │ │ ├── tab_weixin_normal.png │ │ └── tab_weixin_selected.png │ │ ├── mipmap-xxxhdpi │ │ └── ic_launcher.png │ │ ├── values-w820dp │ │ └── dimens.xml │ │ └── values │ │ ├── colors.xml │ │ ├── dimens.xml │ │ ├── strings.xml │ │ └── styles.xml │ └── test │ └── java │ └── com │ └── sgcc │ └── mytablayout │ └── ExampleUnitTest.java ├── build.gradle ├── gradle.properties ├── gradle └── wrapper │ ├── gradle-wrapper.jar │ └── gradle-wrapper.properties ├── gradlew ├── gradlew.bat └── 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/.name: -------------------------------------------------------------------------------- 1 | MyTabLayout -------------------------------------------------------------------------------- /.idea/compiler.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 22 | -------------------------------------------------------------------------------- /.idea/copyright/profiles_settings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /.idea/encodings.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | -------------------------------------------------------------------------------- /.idea/gradle.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 23 | 24 | -------------------------------------------------------------------------------- /.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 | 47 | 48 | 49 | 50 | 1.8 51 | 52 | 57 | 58 | 59 | 60 | 61 | 62 | -------------------------------------------------------------------------------- /.idea/modules.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /.idea/runConfigurations.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 11 | 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # MyTabLayout 2 | TabLayout+ViewPager+Fragment实现底部导航 3 | 很多Android的应用都有采用底部导航栏的功能，这样可以使得用户在使用过程中随意切换不同的页面，今天我分享一种方法：TabLayout+ViewPager+Fragment实现底部导航 4 | 5 | 编码准备：在项目的build.gradle添加依赖：compile 'com.android.support:design:23.1.1' 6 | 7 | 实现步骤： 8 | 9 | 第一,实现主布局文件:activity_main.xml 10 | 11 | 12 | 19 | 20 | 26 | 27 | 33 | 34 | 35 | 36 | 37 | 使用TabLayout需添加 xmlns:app="http://schemas.android.com/apk/res-auto" 38 | 39 | 40 | 第二,TabLayout样式：CustomTab 41 | 42 | 49 | 56 | 57 | Tab文字选择器： 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 | Tab图片选择器 66 | 67 | 68 | 69 | 70 | 71 | 72 | 73 | 第三，自定义Tab布局：tab——custom.xml 74 | 75 | 76 | 81 | 82 | 88 | 89 | 96 | 97 | 98 | 第四，Activity代码：MainActivity.class 99 | 100 | public class MainActivity extends AppCompatActivity { 101 | private TabLayout mTabLayout; 102 | //Tab 文字 103 | private final int[] TAB_TITLES = new int[]{R.string.weixin,R.string.contacts,R.string.find,R.string.me}; 104 | //Tab 图片 105 | private final int[] TAB_IMGS = new int[]{R.drawable.tab_weixin_selector,R.drawable.tab_contacts_selector,R.drawable.tab_find_selector,R.drawable.tab_me_selector}; 106 | //Fragment 数组 107 | private final Fragment[] TAB_FRAGMENTS = new Fragment[] {new WeiXinFragment(),new ContactsFragment(),new FindFragment(),new MeFragment()}; 108 | //Tab 数目 109 | private final int COUNT = TAB_TITLES.length; 110 | private MyViewPagerAdapter mAdapter; 111 | private ViewPager mViewPager; 112 | 113 | @Override 114 | protected void onCreate(Bundle savedInstanceState) { 115 | super.onCreate(savedInstanceState); 116 | setContentView(R.layout.activity_main); 117 | initViews(); 118 | } 119 | 120 | private void initViews() { 121 | mTabLayout = (TabLayout)findViewById(R.id.tablayout); 122 | setTabs(mTabLayout,this.getLayoutInflater(),TAB_TITLES,TAB_IMGS); 123 | 124 | mAdapter = new MyViewPagerAdapter(getSupportFragmentManager()); 125 | mViewPager = (ViewPager) findViewById(R.id.viewpager); 126 | mViewPager.setAdapter(mAdapter); 127 | mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout)); 128 | mTabLayout.setOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager)); 129 | } 130 | 131 | /** 132 | * @description: 设置添加Tab 133 | */ 134 | private void setTabs(TabLayout tabLayout,LayoutInflater inflater,int[] tabTitlees,int[] tabImgs){ 135 | for (int i = 0; i < tabImgs.length; i++) { 136 | TabLayout.Tab tab = tabLayout.newTab(); 137 | View view = inflater.inflate(R.layout.tab_custom,null); 138 | tab.setCustomView(view); 139 | 140 | TextView tvTitle = (TextView)view.findViewById(R.id.tv_tab); 141 | tvTitle.setText(tabTitlees[i]); 142 | ImageView imgTab = (ImageView) view.findViewById(R.id.img_tab); 143 | imgTab.setImageResource(tabImgs[i]); 144 | tabLayout.addTab(tab); 145 | 146 | } 147 | } 148 | 149 | /** 150 | * @description: ViewPager 适配器 151 | */ 152 | private class MyViewPagerAdapter extends FragmentPagerAdapter { 153 | public MyViewPagerAdapter(FragmentManager fm) { 154 | super(fm); 155 | } 156 | 157 | @Override 158 | public Fragment getItem(int position) { 159 | return TAB_FRAGMENTS[position]; 160 | } 161 | 162 | @Override 163 | public int getCount() { 164 | return COUNT; 165 | } 166 | } 167 | } 168 | 169 | 170 | 至此一个底部导航栏的功能基本就实现了。 171 | -------------------------------------------------------------------------------- /app/.gitignore: -------------------------------------------------------------------------------- 1 | /build 2 | -------------------------------------------------------------------------------- /app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: 'com.android.application' 2 | 3 | android { 4 | compileSdkVersion 23 5 | buildToolsVersion "23.0.2" 6 | 7 | defaultConfig { 8 | applicationId "com.sgcc.mytablayout" 9 | minSdkVersion 14 10 | targetSdkVersion 23 11 | versionCode 1 12 | versionName "1.0" 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(include: ['*.jar'], dir: 'libs') 24 | testCompile 'junit:junit:4.12' 25 | compile 'com.android.support:appcompat-v7:23.1.1' 26 | compile 'com.android.support:design:23.1.1' 27 | } 28 | -------------------------------------------------------------------------------- /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 C:\Software\DevelopmentTool\Android\android-sdk-windows/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/src/androidTest/java/com/sgcc/mytablayout/ApplicationTest.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 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 | } -------------------------------------------------------------------------------- /app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | -------------------------------------------------------------------------------- /app/src/main/java/com/sgcc/mytablayout/ContactsFragment.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 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 | 10 | /** 11 | * @author: yaoyongchao 12 | * @date: 2016/3/28 15:18 13 | * @description: 14 | */ 15 | public class ContactsFragment extends Fragment { 16 | @Nullable 17 | @Override 18 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 19 | return inflater.inflate(R.layout.fragment_contacts, container, false); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/sgcc/mytablayout/FindFragment.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 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 | 10 | /** 11 | * @author: yaoyongchao 12 | * @date: 2016/3/28 15:18 13 | * @description: 14 | */ 15 | public class FindFragment extends Fragment { 16 | @Nullable 17 | @Override 18 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 19 | return inflater.inflate(R.layout.fragment_find, container, false); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/sgcc/mytablayout/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 2 | 3 | import android.os.Bundle; 4 | import android.support.design.widget.TabLayout; 5 | import android.support.v4.app.Fragment; 6 | import android.support.v4.app.FragmentManager; 7 | import android.support.v4.app.FragmentPagerAdapter; 8 | import android.support.v4.view.ViewPager; 9 | import android.support.v7.app.AppCompatActivity; 10 | import android.view.LayoutInflater; 11 | import android.view.View; 12 | import android.widget.ImageView; 13 | import android.widget.TextView; 14 | 15 | public class MainActivity extends AppCompatActivity { 16 | private TabLayout mTabLayout; 17 | //Tab 文字 18 | private final int[] TAB_TITLES = new int[]{R.string.weixin,R.string.contacts,R.string.find,R.string.me}; 19 | //Tab 图片 20 | private final int[] TAB_IMGS = new int[]{R.drawable.tab_weixin_selector,R.drawable.tab_contacts_selector,R.drawable.tab_find_selector,R.drawable.tab_me_selector}; 21 | //Fragment 数组 22 | private final Fragment[] TAB_FRAGMENTS = new Fragment[] {new WeiXinFragment(),new ContactsFragment(),new FindFragment(),new MeFragment()}; 23 | //Tab 数目 24 | private final int COUNT = TAB_TITLES.length; 25 | private MyViewPagerAdapter mAdapter; 26 | private ViewPager mViewPager; 27 | 28 | @Override 29 | protected void onCreate(Bundle savedInstanceState) { 30 | super.onCreate(savedInstanceState); 31 | setContentView(R.layout.activity_main); 32 | initViews(); 33 | } 34 | 35 | private void initViews() { 36 | mTabLayout = (TabLayout)findViewById(R.id.tablayout); 37 | setTabs(mTabLayout,this.getLayoutInflater(),TAB_TITLES,TAB_IMGS); 38 | 39 | mAdapter = new MyViewPagerAdapter(getSupportFragmentManager()); 40 | mViewPager = (ViewPager) findViewById(R.id.viewpager); 41 | mViewPager.setAdapter(mAdapter); 42 | mViewPager.addOnPageChangeListener(new TabLayout.TabLayoutOnPageChangeListener(mTabLayout)); 43 | mTabLayout.setOnTabSelectedListener(new TabLayout.ViewPagerOnTabSelectedListener(mViewPager)); 44 | } 45 | 46 | /** 47 | * @description: 设置添加Tab 48 | */ 49 | private void setTabs(TabLayout tabLayout,LayoutInflater inflater,int[] tabTitlees,int[] tabImgs){ 50 | for (int i = 0; i < tabImgs.length; i++) { 51 | TabLayout.Tab tab = tabLayout.newTab(); 52 | View view = inflater.inflate(R.layout.tab_custom,null); 53 | tab.setCustomView(view); 54 | 55 | TextView tvTitle = (TextView)view.findViewById(R.id.tv_tab); 56 | tvTitle.setText(tabTitlees[i]); 57 | ImageView imgTab = (ImageView) view.findViewById(R.id.img_tab); 58 | imgTab.setImageResource(tabImgs[i]); 59 | tabLayout.addTab(tab); 60 | 61 | } 62 | } 63 | 64 | /** 65 | * @description: ViewPager 适配器 66 | */ 67 | private class MyViewPagerAdapter extends FragmentPagerAdapter { 68 | public MyViewPagerAdapter(FragmentManager fm) { 69 | super(fm); 70 | } 71 | 72 | @Override 73 | public Fragment getItem(int position) { 74 | return TAB_FRAGMENTS[position]; 75 | } 76 | 77 | @Override 78 | public int getCount() { 79 | return COUNT; 80 | } 81 | } 82 | } 83 | -------------------------------------------------------------------------------- /app/src/main/java/com/sgcc/mytablayout/MeFragment.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 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 | 10 | /** 11 | * @author: yaoyongchao 12 | * @date: 2016/3/28 15:18 13 | * @description: 14 | */ 15 | public class MeFragment extends Fragment { 16 | @Nullable 17 | @Override 18 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 19 | return inflater.inflate(R.layout.fragment_me, container, false); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/src/main/java/com/sgcc/mytablayout/WeiXinFragment.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 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 | 10 | /** 11 | * @author: yaoyongchao 12 | * @date: 2016/3/28 15:18 13 | * @description: 14 | */ 15 | public class WeiXinFragment extends Fragment { 16 | @Nullable 17 | @Override 18 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { 19 | return inflater.inflate(R.layout.fragment_weixin, container, false); 20 | } 21 | } 22 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/bg_tab_border_selecter.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 14 | 15 | 16 | 17 | 18 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/tab_contacts_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/tab_find_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/tab_me_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/tab_weixin_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/drawable/tv_tab_selector.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | -------------------------------------------------------------------------------- /app/src/main/res/layout/activity_main.xml: -------------------------------------------------------------------------------- 1 | 2 | 9 | 10 | 16 | 17 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_contacts.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_find.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_me.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /app/src/main/res/layout/fragment_weixin.xml: -------------------------------------------------------------------------------- 1 | 2 | 8 | 9 | 15 | 16 | 17 | -------------------------------------------------------------------------------- /app/src/main/res/layout/tab_custom.xml: -------------------------------------------------------------------------------- 1 | 2 | 7 | 8 | 14 | 15 | 22 | 23 | 24 | -------------------------------------------------------------------------------- /app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_contacts_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_contacts_normal.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_contacts_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_contacts_selected.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_find_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_find_normal.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_find_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_find_selected.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_me_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_me_normal.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_me_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_me_selected.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_weixin_normal.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_weixin_normal.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxhdpi/tab_weixin_selected.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxhdpi/tab_weixin_selected.png -------------------------------------------------------------------------------- /app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /app/src/main/res/values-w820dp/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 5 | 64dp 6 | 7 | -------------------------------------------------------------------------------- /app/src/main/res/values/colors.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | #3F51B5 4 | #303F9F 5 | #FF4081 6 | 7 | 8 | #FFFFFF 9 | #d6d6d6 10 | #999999 11 | #45c01a 12 | #fcfcfc 13 | #d6d6d6 14 | 15 | 16 | -------------------------------------------------------------------------------- /app/src/main/res/values/dimens.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 16dp 4 | 16dp 5 | 1dp 6 | 60dp 7 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | MyTabLayout 3 | 微信 4 | 通讯录 5 | 发现 6 | 我 7 | 8 | -------------------------------------------------------------------------------- /app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 10 | 11 | 12 | 19 | 26 | 27 | 28 | 29 | -------------------------------------------------------------------------------- /app/src/test/java/com/sgcc/mytablayout/ExampleUnitTest.java: -------------------------------------------------------------------------------- 1 | package com.sgcc.mytablayout; 2 | 3 | import org.junit.Test; 4 | 5 | import static org.junit.Assert.*; 6 | 7 | /** 8 | * To work on unit tests, switch the Test Artifact in the Build Variants view. 9 | */ 10 | public class ExampleUnitTest { 11 | @Test 12 | public void addition_isCorrect() throws Exception { 13 | assertEquals(4, 2 + 2); 14 | } 15 | } -------------------------------------------------------------------------------- /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:1.5.0' 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 | -------------------------------------------------------------------------------- /gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx10248m -XX:MaxPermSize=256m 13 | # org.gradle.jvmargs=-Xmx2048m -XX:MaxPermSize=512m -XX:+HeapDumpOnOutOfMemoryError -Dfile.encoding=UTF-8 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/yaoyongchao/MyTabLayout/99161222689506bb905e37043cf45d127a0a373e/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | #Wed Oct 21 11:34:03 PDT 2015 2 | distributionBase=GRADLE_USER_HOME 3 | distributionPath=wrapper/dists 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | distributionUrl=https\://services.gradle.org/distributions/gradle-2.8-all.zip 7 | -------------------------------------------------------------------------------- /gradlew: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env bash 2 | 3 | ############################################################################## 4 | ## 5 | ## Gradle start up script for UN*X 6 | ## 7 | ############################################################################## 8 | 9 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 10 | DEFAULT_JVM_OPTS="" 11 | 12 | APP_NAME="Gradle" 13 | APP_BASE_NAME=`basename "$0"` 14 | 15 | # Use the maximum available, or set MAX_FD != -1 to use that value. 16 | MAX_FD="maximum" 17 | 18 | warn ( ) { 19 | echo "$*" 20 | } 21 | 22 | die ( ) { 23 | echo 24 | echo "$*" 25 | echo 26 | exit 1 27 | } 28 | 29 | # OS specific support (must be 'true' or 'false'). 30 | cygwin=false 31 | msys=false 32 | darwin=false 33 | case "`uname`" in 34 | CYGWIN* ) 35 | cygwin=true 36 | ;; 37 | Darwin* ) 38 | darwin=true 39 | ;; 40 | MINGW* ) 41 | msys=true 42 | ;; 43 | esac 44 | 45 | # Attempt to set APP_HOME 46 | # Resolve links: $0 may be a link 47 | PRG="$0" 48 | # Need this for relative symlinks. 49 | while [ -h "$PRG" ] ; do 50 | ls=`ls -ld "$PRG"` 51 | link=`expr "$ls" : '.*-> \(.*\)$'` 52 | if expr "$link" : '/.*' > /dev/null; then 53 | PRG="$link" 54 | else 55 | PRG=`dirname "$PRG"`"/$link" 56 | fi 57 | done 58 | SAVED="`pwd`" 59 | cd "`dirname \"$PRG\"`/" >/dev/null 60 | APP_HOME="`pwd -P`" 61 | cd "$SAVED" >/dev/null 62 | 63 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 64 | 65 | # Determine the Java command to use to start the JVM. 66 | if [ -n "$JAVA_HOME" ] ; then 67 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 68 | # IBM's JDK on AIX uses strange locations for the executables 69 | JAVACMD="$JAVA_HOME/jre/sh/java" 70 | else 71 | JAVACMD="$JAVA_HOME/bin/java" 72 | fi 73 | if [ ! -x "$JAVACMD" ] ; then 74 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 75 | 76 | Please set the JAVA_HOME variable in your environment to match the 77 | location of your Java installation." 78 | fi 79 | else 80 | JAVACMD="java" 81 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 82 | 83 | Please set the JAVA_HOME variable in your environment to match the 84 | location of your Java installation." 85 | fi 86 | 87 | # Increase the maximum file descriptors if we can. 88 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then 89 | MAX_FD_LIMIT=`ulimit -H -n` 90 | if [ $? -eq 0 ] ; then 91 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then 92 | MAX_FD="$MAX_FD_LIMIT" 93 | fi 94 | ulimit -n $MAX_FD 95 | if [ $? -ne 0 ] ; then 96 | warn "Could not set maximum file descriptor limit: $MAX_FD" 97 | fi 98 | else 99 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT" 100 | fi 101 | fi 102 | 103 | # For Darwin, add options to specify how the application appears in the dock 104 | if $darwin; then 105 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\"" 106 | fi 107 | 108 | # For Cygwin, switch paths to Windows format before running java 109 | if $cygwin ; then 110 | APP_HOME=`cygpath --path --mixed "$APP_HOME"` 111 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"` 112 | JAVACMD=`cygpath --unix "$JAVACMD"` 113 | 114 | # We build the pattern for arguments to be converted via cygpath 115 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null` 116 | SEP="" 117 | for dir in $ROOTDIRSRAW ; do 118 | ROOTDIRS="$ROOTDIRS$SEP$dir" 119 | SEP="|" 120 | done 121 | OURCYGPATTERN="(^($ROOTDIRS))" 122 | # Add a user-defined pattern to the cygpath arguments 123 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then 124 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)" 125 | fi 126 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 127 | i=0 128 | for arg in "$@" ; do 129 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -` 130 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option 131 | 132 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition 133 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"` 134 | else 135 | eval `echo args$i`="\"$arg\"" 136 | fi 137 | i=$((i+1)) 138 | done 139 | case $i in 140 | (0) set -- ;; 141 | (1) set -- "$args0" ;; 142 | (2) set -- "$args0" "$args1" ;; 143 | (3) set -- "$args0" "$args1" "$args2" ;; 144 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;; 145 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;; 146 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;; 147 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;; 148 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;; 149 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;; 150 | esac 151 | fi 152 | 153 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules 154 | function splitJvmOpts() { 155 | JVM_OPTS=("$@") 156 | } 157 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS 158 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME" 159 | 160 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@" 161 | -------------------------------------------------------------------------------- /gradlew.bat: -------------------------------------------------------------------------------- 1 | @if "%DEBUG%" == "" @echo off 2 | @rem ########################################################################## 3 | @rem 4 | @rem Gradle startup script for Windows 5 | @rem 6 | @rem ########################################################################## 7 | 8 | @rem Set local scope for the variables with windows NT shell 9 | if "%OS%"=="Windows_NT" setlocal 10 | 11 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 12 | set DEFAULT_JVM_OPTS= 13 | 14 | set DIRNAME=%~dp0 15 | if "%DIRNAME%" == "" set DIRNAME=. 16 | set APP_BASE_NAME=%~n0 17 | set APP_HOME=%DIRNAME% 18 | 19 | @rem Find java.exe 20 | if defined JAVA_HOME goto findJavaFromJavaHome 21 | 22 | set JAVA_EXE=java.exe 23 | %JAVA_EXE% -version >NUL 2>&1 24 | if "%ERRORLEVEL%" == "0" goto init 25 | 26 | echo. 27 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 28 | echo. 29 | echo Please set the JAVA_HOME variable in your environment to match the 30 | echo location of your Java installation. 31 | 32 | goto fail 33 | 34 | :findJavaFromJavaHome 35 | set JAVA_HOME=%JAVA_HOME:"=% 36 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 37 | 38 | if exist "%JAVA_EXE%" goto init 39 | 40 | echo. 41 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 42 | echo. 43 | echo Please set the JAVA_HOME variable in your environment to match the 44 | echo location of your Java installation. 45 | 46 | goto fail 47 | 48 | :init 49 | @rem Get command-line arguments, handling Windowz variants 50 | 51 | if not "%OS%" == "Windows_NT" goto win9xME_args 52 | if "%@eval[2+2]" == "4" goto 4NT_args 53 | 54 | :win9xME_args 55 | @rem Slurp the command line arguments. 56 | set CMD_LINE_ARGS= 57 | set _SKIP=2 58 | 59 | :win9xME_args_slurp 60 | if "x%~1" == "x" goto execute 61 | 62 | set CMD_LINE_ARGS=%* 63 | goto execute 64 | 65 | :4NT_args 66 | @rem Get arguments from the 4NT Shell from JP Software 67 | set CMD_LINE_ARGS=%$ 68 | 69 | :execute 70 | @rem Setup the command line 71 | 72 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 73 | 74 | @rem Execute Gradle 75 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %CMD_LINE_ARGS% 76 | 77 | :end 78 | @rem End local scope for the variables with windows NT shell 79 | if "%ERRORLEVEL%"=="0" goto mainEnd 80 | 81 | :fail 82 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 83 | rem the _cmd.exe /c_ return code! 84 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 85 | exit /b 1 86 | 87 | :mainEnd 88 | if "%OS%"=="Windows_NT" endlocal 89 | 90 | :omega 91 | -------------------------------------------------------------------------------- /settings.gradle: -------------------------------------------------------------------------------- 1 | include ':app' 2 | --------------------------------------------------------------------------------