├── app
├── .gitignore
├── src
│ └── main
│ │ ├── res
│ │ ├── values
│ │ │ ├── strings.xml
│ │ │ ├── colors.xml
│ │ │ └── styles.xml
│ │ ├── drawable
│ │ │ └── background_card.9.png
│ │ ├── mipmap-xhdpi
│ │ │ ├── ic_launcher.png
│ │ │ ├── tab_home_select.png
│ │ │ ├── tab_more_select.png
│ │ │ ├── tab_contact_select.png
│ │ │ ├── tab_home_unselect.png
│ │ │ ├── tab_more_unselect.png
│ │ │ ├── tab_speech_select.png
│ │ │ ├── tab_contact_unselect.png
│ │ │ └── tab_speech_unselect.png
│ │ └── layout
│ │ │ ├── fr_simple_card.xml
│ │ │ ├── activity_segment_tab.xml
│ │ │ ├── activity_common_tab.xml
│ │ │ └── activity_sliding_tab.xml
│ │ ├── assets
│ │ └── FredokaOne-Regular.ttf
│ │ ├── java
│ │ └── com
│ │ │ └── flyco
│ │ │ └── tablayoutsamples
│ │ │ ├── entity
│ │ │ └── TabEntity.java
│ │ │ ├── ui
│ │ │ ├── SimpleCardFragment.java
│ │ │ ├── SimpleHomeActivity.java
│ │ │ ├── SegmentTabActivity.java
│ │ │ ├── SlidingTabActivity.java
│ │ │ └── CommonTabActivity.java
│ │ │ ├── utils
│ │ │ └── ViewFindUtils.java
│ │ │ └── adapter
│ │ │ └── SimpleHomeAdapter.java
│ │ └── AndroidManifest.xml
├── proguard-rules.pro
└── build.gradle
├── FlycoTabLayout_Lib
├── .gitignore
├── src
│ └── main
│ │ ├── AndroidManifest.xml
│ │ ├── java
│ │ └── com
│ │ │ └── flyco
│ │ │ └── tablayout
│ │ │ ├── listener
│ │ │ ├── OnTabSelectListener.java
│ │ │ └── CustomTabEntity.java
│ │ │ ├── utils
│ │ │ ├── FragmentChangeManager.java
│ │ │ └── UnreadMsgUtils.java
│ │ │ ├── widget
│ │ │ └── MsgView.java
│ │ │ ├── SegmentTabLayout.java
│ │ │ ├── CommonTabLayout.java
│ │ │ └── SlidingTabLayout.java
│ │ └── res
│ │ ├── layout
│ │ ├── _flyco_layout_tab.xml
│ │ ├── _flyco_layout_tab_segment.xml
│ │ ├── _flyco_layout_tab_left.xml
│ │ ├── _flyco_layout_tab_top.xml
│ │ ├── _flyco_layout_tab_bottom.xml
│ │ └── _flyco_layout_tab_right.xml
│ │ └── values
│ │ └── attrs.xml
├── build.gradle
└── proguard-rules.pro
├── settings.gradle
├── .gitignore
├── preview_1.gif
├── preview_2.gif
├── preview_3.gif
├── gradle
└── wrapper
│ ├── gradle-wrapper.jar
│ └── gradle-wrapper.properties
├── gradle.properties
├── LICENSE
├── gradlew.bat
├── README_CN.md
├── README.md
└── gradlew
/app/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/.gitignore:
--------------------------------------------------------------------------------
1 | /build
2 |
--------------------------------------------------------------------------------
/settings.gradle:
--------------------------------------------------------------------------------
1 | include ':app', ':FlycoTabLayout_Lib'
2 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .gradle
2 | /local.properties
3 | build
4 | .idea
5 | *.iml
6 | .DS_Store
7 |
--------------------------------------------------------------------------------
/preview_1.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/preview_1.gif
--------------------------------------------------------------------------------
/preview_2.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/preview_2.gif
--------------------------------------------------------------------------------
/preview_3.gif:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/preview_3.gif
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
3 |
4 |
--------------------------------------------------------------------------------
/app/src/main/res/values/strings.xml:
--------------------------------------------------------------------------------
1 |
2 | FlycoTabLayout
3 |
4 |
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.jar:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/gradle/wrapper/gradle-wrapper.jar
--------------------------------------------------------------------------------
/app/src/main/assets/FredokaOne-Regular.ttf:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/assets/FredokaOne-Regular.ttf
--------------------------------------------------------------------------------
/app/src/main/res/drawable/background_card.9.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/drawable/background_card.9.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/ic_launcher.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/ic_launcher.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_home_select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_home_select.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_more_select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_more_select.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_contact_select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_contact_select.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_home_unselect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_home_unselect.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_more_unselect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_more_unselect.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_speech_select.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_speech_select.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_contact_unselect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_contact_unselect.png
--------------------------------------------------------------------------------
/app/src/main/res/mipmap-xhdpi/tab_speech_unselect.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/junixapp/FlycoTabLayout/HEAD/app/src/main/res/mipmap-xhdpi/tab_speech_unselect.png
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/listener/OnTabSelectListener.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout.listener;
2 |
3 | public interface OnTabSelectListener {
4 | void onTabSelect(int position);
5 | void onTabReselect(int position);
6 | }
--------------------------------------------------------------------------------
/gradle/wrapper/gradle-wrapper.properties:
--------------------------------------------------------------------------------
1 | #Sat Oct 10 13:13:42 CST 2015
2 | distributionBase=GRADLE_USER_HOME
3 | distributionPath=wrapper/dists
4 | zipStoreBase=GRADLE_USER_HOME
5 | zipStorePath=wrapper/dists
6 | distributionUrl=https\://downloads.gradle-dn.com/distributions/gradle-6.7.1-bin.zip
7 |
--------------------------------------------------------------------------------
/app/src/main/res/values/colors.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 | #8BC34A
4 | #689F38
5 | #FF4081
6 | #FFFFFF
7 |
8 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/listener/CustomTabEntity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout.listener;
2 |
3 | import androidx.annotation.DrawableRes;
4 |
5 | public interface CustomTabEntity {
6 | String getTabTitle();
7 |
8 | @DrawableRes
9 | int getTabSelectedIcon();
10 |
11 | @DrawableRes
12 | int getTabUnselectedIcon();
13 | }
--------------------------------------------------------------------------------
/app/src/main/res/layout/fr_simple_card.xml:
--------------------------------------------------------------------------------
1 |
5 |
6 |
14 |
15 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.library'
2 |
3 | android {
4 | compileSdkVersion 30
5 | defaultConfig {
6 | minSdkVersion 14
7 | targetSdkVersion 30
8 | versionCode 1
9 | versionName "1.0"
10 | }
11 | buildTypes {
12 | release {
13 | minifyEnabled false
14 | proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
15 | }
16 | }
17 | }
18 |
19 | dependencies {
20 | implementation fileTree(dir: 'libs', include: ['*.jar'])
21 | implementation 'androidx.appcompat:appcompat:1.3.0'
22 | implementation "androidx.viewpager2:viewpager2:1.0.0"
23 | }
24 |
--------------------------------------------------------------------------------
/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/lihui/work/AndroidStudio/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 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/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/lihui/work/AndroidStudio/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/src/main/java/com/flyco/tablayoutsamples/entity/TabEntity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.entity;
2 |
3 | import com.flyco.tablayout.listener.CustomTabEntity;
4 |
5 | public class TabEntity implements CustomTabEntity {
6 | public String title;
7 | public int selectedIcon;
8 | public int unSelectedIcon;
9 |
10 | public TabEntity(String title, int selectedIcon, int unSelectedIcon) {
11 | this.title = title;
12 | this.selectedIcon = selectedIcon;
13 | this.unSelectedIcon = unSelectedIcon;
14 | }
15 |
16 | @Override
17 | public String getTabTitle() {
18 | return title;
19 | }
20 |
21 | @Override
22 | public int getTabSelectedIcon() {
23 | return selectedIcon;
24 | }
25 |
26 | @Override
27 | public int getTabUnselectedIcon() {
28 | return unSelectedIcon;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/app/src/main/res/values/styles.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
11 |
12 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
--------------------------------------------------------------------------------
/app/build.gradle:
--------------------------------------------------------------------------------
1 | apply plugin: 'com.android.application'
2 |
3 | android {
4 | compileSdkVersion 30
5 |
6 | defaultConfig {
7 | applicationId "com.flyco.tablayoutsamples"
8 | minSdkVersion 19
9 | targetSdkVersion 30
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 | }
20 |
21 | dependencies {
22 | implementation fileTree(dir: 'libs', include: ['*.jar'])
23 | implementation 'androidx.appcompat:appcompat:1.3.0'
24 | implementation project(':FlycoTabLayout_Lib')
25 | implementation "androidx.viewpager2:viewpager2:1.0.0"
26 | implementation 'com.github.li-xiaojun:EasyAdapter:1.2.5'
27 | // compile 'com.flyco.tablayout:FlycoTabLayout_Lib:2.1.2@aar'
28 | }
29 |
--------------------------------------------------------------------------------
/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
19 | android.enableJetifier=true
20 | android.useAndroidX=true
--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
1 | The MIT License (MIT)
2 |
3 | Copyright (c) 2015 H07000223
4 |
5 | Permission is hereby granted, free of charge, to any person obtaining a copy
6 | of this software and associated documentation files (the "Software"), to deal
7 | in the Software without restriction, including without limitation the rights
8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 |
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 |
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 |
23 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
30 |
31 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/ui/SimpleCardFragment.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.ui;
2 |
3 | import android.annotation.SuppressLint;
4 | import android.os.Bundle;
5 | import androidx.fragment.app.Fragment;
6 | import android.view.LayoutInflater;
7 | import android.view.View;
8 | import android.view.ViewGroup;
9 | import android.widget.TextView;
10 |
11 | import com.flyco.tablayoutsamples.R;
12 |
13 | @SuppressLint("ValidFragment")
14 | public class SimpleCardFragment extends Fragment {
15 | private String mTitle;
16 |
17 | public static SimpleCardFragment getInstance(String title) {
18 | SimpleCardFragment sf = new SimpleCardFragment();
19 | sf.mTitle = title;
20 | return sf;
21 | }
22 |
23 | @Override
24 | public void onCreate(Bundle savedInstanceState) {
25 | super.onCreate(savedInstanceState);
26 | }
27 |
28 | @Override
29 | public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
30 | View v = inflater.inflate(R.layout.fr_simple_card, null);
31 | TextView card_title_tv = (TextView) v.findViewById(R.id.card_title_tv);
32 | card_title_tv.setText(mTitle);
33 |
34 | return v;
35 | }
36 | }
--------------------------------------------------------------------------------
/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
5 |
6 |
12 |
16 |
17 |
18 |
19 |
20 |
21 |
22 |
25 |
28 |
31 |
32 |
33 |
34 |
35 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/utils/ViewFindUtils.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.utils;
2 |
3 | import android.util.SparseArray;
4 | import android.view.View;
5 |
6 | @SuppressWarnings({ "unchecked" })
7 | public class ViewFindUtils
8 | {
9 | /**
10 | * ViewHolder简洁写法,避免适配器中重复定义ViewHolder,减少代码量 用法:
11 | *
12 | *
13 | * if (convertView == null)
14 | * {
15 | * convertView = View.inflate(context, R.layout.ad_demo, null);
16 | * }
17 | * TextView tv_demo = ViewHolderUtils.get(convertView, R.id.tv_demo);
18 | * ImageView iv_demo = ViewHolderUtils.get(convertView, R.id.iv_demo);
19 | *
20 | */
21 | public static T hold(View view, int id)
22 | {
23 | SparseArray viewHolder = (SparseArray) view.getTag();
24 |
25 | if (viewHolder == null)
26 | {
27 | viewHolder = new SparseArray();
28 | view.setTag(viewHolder);
29 | }
30 |
31 | View childView = viewHolder.get(id);
32 |
33 | if (childView == null)
34 | {
35 | childView = view.findViewById(id);
36 | viewHolder.put(id, childView);
37 | }
38 |
39 | return (T) childView;
40 | }
41 |
42 | /**
43 | * 替代findviewById方法
44 | */
45 | public static T find(View view, int id)
46 | {
47 | return (T) view.findViewById(id);
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab_segment.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
22 |
23 |
24 |
38 |
39 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/ui/SimpleHomeActivity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.ui;
2 |
3 | import android.content.Context;
4 | import android.content.Intent;
5 | import android.graphics.Color;
6 | import android.os.Bundle;
7 | import androidx.appcompat.app.AppCompatActivity;
8 | import android.view.View;
9 | import android.widget.AdapterView;
10 | import android.widget.ListView;
11 |
12 | import com.flyco.tablayoutsamples.adapter.SimpleHomeAdapter;
13 |
14 | public class SimpleHomeActivity extends AppCompatActivity {
15 | private Context mContext = this;
16 | private final String[] mItems = {"SlidingTabLayout", "CommonTabLayout", "SegmentTabLayout"};
17 | private final Class>[] mClasses = {SlidingTabActivity.class, CommonTabActivity.class,
18 | SegmentTabActivity.class};
19 |
20 | @Override
21 | protected void onCreate(Bundle savedInstanceState) {
22 | super.onCreate(savedInstanceState);
23 | ListView lv = new ListView(mContext);
24 | lv.setCacheColorHint(Color.TRANSPARENT);
25 | lv.setFadingEdgeLength(0);
26 | lv.setAdapter(new SimpleHomeAdapter(mContext, mItems));
27 |
28 | lv.setOnItemClickListener(new AdapterView.OnItemClickListener() {
29 | @Override
30 | public void onItemClick(AdapterView> parent, View view, int position, long id) {
31 | Intent intent = new Intent(mContext, mClasses[position]);
32 | startActivity(intent);
33 | }
34 | });
35 |
36 | setContentView(lv);
37 | }
38 | }
39 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab_left.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
21 |
22 |
27 |
28 |
29 |
43 |
44 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab_top.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
21 |
22 |
27 |
28 |
29 |
43 |
44 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab_bottom.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
22 |
23 |
27 |
28 |
29 |
30 |
44 |
45 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/layout/_flyco_layout_tab_right.xml:
--------------------------------------------------------------------------------
1 |
2 |
8 |
9 |
16 |
17 |
22 |
23 |
27 |
28 |
29 |
30 |
44 |
45 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/utils/FragmentChangeManager.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout.utils;
2 |
3 | import androidx.fragment.app.Fragment;
4 | import androidx.fragment.app.FragmentManager;
5 | import androidx.fragment.app.FragmentTransaction;
6 |
7 | import java.util.ArrayList;
8 |
9 | public class FragmentChangeManager {
10 | private FragmentManager mFragmentManager;
11 | private int mContainerViewId;
12 | /** Fragment切换数组 */
13 | private ArrayList mFragments;
14 | /** 当前选中的Tab */
15 | private int mCurrentTab;
16 |
17 | public FragmentChangeManager(FragmentManager fm, int containerViewId, ArrayList fragments) {
18 | this.mFragmentManager = fm;
19 | this.mContainerViewId = containerViewId;
20 | this.mFragments = fragments;
21 | initFragments();
22 | }
23 |
24 | /** 初始化fragments */
25 | private void initFragments() {
26 | for (Fragment fragment : mFragments) {
27 | mFragmentManager.beginTransaction().add(mContainerViewId, fragment).hide(fragment).commit();
28 | }
29 |
30 | setFragments(0);
31 | }
32 |
33 | /** 界面切换控制 */
34 | public void setFragments(int index) {
35 | for (int i = 0; i < mFragments.size(); i++) {
36 | FragmentTransaction ft = mFragmentManager.beginTransaction();
37 | Fragment fragment = mFragments.get(i);
38 | if (i == index) {
39 | ft.show(fragment);
40 | } else {
41 | ft.hide(fragment);
42 | }
43 | ft.commit();
44 | }
45 | mCurrentTab = index;
46 | }
47 |
48 | public int getCurrentTab() {
49 | return mCurrentTab;
50 | }
51 |
52 | public Fragment getCurrentFragment() {
53 | return mFragments.get(mCurrentTab);
54 | }
55 | }
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/adapter/SimpleHomeAdapter.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.adapter;
2 |
3 | import android.app.Activity;
4 | import android.content.Context;
5 | import android.graphics.Color;
6 | import android.util.DisplayMetrics;
7 | import android.util.TypedValue;
8 | import android.view.View;
9 | import android.view.ViewGroup;
10 | import android.widget.AbsListView;
11 | import android.widget.BaseAdapter;
12 | import android.widget.TextView;
13 |
14 | public class SimpleHomeAdapter extends BaseAdapter {
15 | private Context mContext;
16 | private String[] mItems;
17 | private DisplayMetrics mDisplayMetrics;
18 |
19 | public SimpleHomeAdapter(Context context, String[] items) {
20 | this.mContext = context;
21 | this.mItems = items;
22 | mDisplayMetrics = new DisplayMetrics();
23 | ((Activity) context).getWindowManager().getDefaultDisplay().getMetrics(mDisplayMetrics);
24 | }
25 |
26 | @Override
27 | public int getCount() {
28 | return mItems.length;
29 | }
30 |
31 | @Override
32 | public Object getItem(int position) {
33 | return null;
34 | }
35 |
36 | @Override
37 | public long getItemId(int position) {
38 | return position;
39 | }
40 |
41 | @Override
42 | public View getView(int position, View convertView, ViewGroup parent) {
43 |
44 | int padding = (int) (mDisplayMetrics.density * 10);
45 |
46 | TextView tv = new TextView(mContext);
47 | tv.setText(mItems[position]);
48 | tv.setTextSize(TypedValue.COMPLEX_UNIT_SP, 18);
49 | tv.setTextColor(Color.parseColor("#468ED0"));
50 | // tv.setGravity(Gravity.CENTER);
51 | tv.setPadding(padding, padding, padding, padding);
52 | AbsListView.LayoutParams lp = new AbsListView.LayoutParams(AbsListView.LayoutParams.MATCH_PARENT,
53 | AbsListView.LayoutParams.WRAP_CONTENT);
54 | tv.setLayoutParams(lp);
55 | return tv;
56 | }
57 | }
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/utils/UnreadMsgUtils.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout.utils;
2 |
3 |
4 | import android.util.DisplayMetrics;
5 | import android.view.View;
6 | import android.widget.RelativeLayout;
7 |
8 | import com.flyco.tablayout.widget.MsgView;
9 |
10 | /**
11 | * 未读消息提示View,显示小红点或者带有数字的红点:
12 | * 数字一位,圆
13 | * 数字两位,圆角矩形,圆角是高度的一半
14 | * 数字超过两位,显示99+
15 | */
16 | public class UnreadMsgUtils {
17 | public static void show(MsgView msgView, int num) {
18 | if (msgView == null) {
19 | return;
20 | }
21 | RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams) msgView.getLayoutParams();
22 | DisplayMetrics dm = msgView.getResources().getDisplayMetrics();
23 | msgView.setVisibility(View.VISIBLE);
24 | if (num <= 0) {//圆点,设置默认宽高
25 | msgView.setStrokeWidth(0);
26 | msgView.setText("");
27 |
28 | lp.width = (int) (5 * dm.density);
29 | lp.height = (int) (5 * dm.density);
30 | msgView.setLayoutParams(lp);
31 | } else {
32 | lp.height = (int) (18 * dm.density);
33 | if (num > 0 && num < 10) {//圆
34 | lp.width = (int) (18 * dm.density);
35 | msgView.setText(num + "");
36 | } else if (num > 9 && num < 100) {//圆角矩形,圆角是高度的一半,设置默认padding
37 | lp.width = RelativeLayout.LayoutParams.WRAP_CONTENT;
38 | msgView.setPadding((int) (6 * dm.density), 0, (int) (6 * dm.density), 0);
39 | msgView.setText(num + "");
40 | } else {//数字超过两位,显示99+
41 | lp.width = RelativeLayout.LayoutParams.WRAP_CONTENT;
42 | msgView.setPadding((int) (6 * dm.density), 0, (int) (6 * dm.density), 0);
43 | msgView.setText("99+");
44 | }
45 | msgView.setLayoutParams(lp);
46 | }
47 | }
48 |
49 | public static void setSize(MsgView rtv, int size) {
50 | if (rtv == null) {
51 | return;
52 | }
53 | RelativeLayout.LayoutParams lp = (RelativeLayout.LayoutParams) rtv.getLayoutParams();
54 | lp.width = size;
55 | lp.height = size;
56 | rtv.setLayoutParams(lp);
57 | }
58 | }
59 |
--------------------------------------------------------------------------------
/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 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_segment_tab.xml:
--------------------------------------------------------------------------------
1 |
8 |
9 |
13 |
14 |
24 |
25 |
37 |
38 |
53 |
54 |
58 |
59 |
74 |
75 |
79 |
80 |
94 |
95 |
--------------------------------------------------------------------------------
/README_CN.md:
--------------------------------------------------------------------------------
1 | # FlycoTabLayout
2 |
3 | 修改自[H07000223/FlycoTabLayout](https://github.com/H07000223/FlycoTabLayout),修复了一些Bug,增加了一些属性,支持ViewPager2.
4 |
5 |
6 | 一个Android TabLayout库,目前有3个TabLayout
7 |
8 | * SlidingTabLayout:参照[PagerSlidingTabStrip](https://github.com/jpardogo/PagerSlidingTabStrip)进行大量修改.
9 | * 新增部分属性
10 | * 新增支持多种Indicator显示器
11 | * 新增支持未读消息显示
12 | * 新增方法for懒癌患者
13 |
14 | ```java
15 | /** 关联ViewPager,用于不想在ViewPager适配器中设置titles数据的情况 */
16 | public void setViewPager(ViewPager vp, String[] titles)
17 |
18 | /** 关联ViewPager,用于连适配器都不想自己实例化的情况 */
19 | public void setViewPager(ViewPager vp, String[] titles, FragmentActivity fa, ArrayList fragments)
20 |
21 | public void setViewPager2(ViewPager2 vp)
22 |
23 | public void setViewPager2(ViewPager2 vp, ArrayList titles)
24 |
25 | /** 支持单独使用 **/
26 | public void setTabData(String[] titles)
27 | ```
28 |
29 | * CommonTabLayout:不同于SlidingTabLayout对ViewPager依赖,它是一个不依赖ViewPager可以与其他控件自由搭配使用的TabLayout.
30 | * 支持多种Indicator显示器,以及Indicator动画
31 | * 支持未读消息显示
32 | * 支持Icon以及Icon位置
33 | * 新增方法for懒癌患者
34 |
35 | ```java
36 | /** 关联数据支持同时切换fragments */
37 | public void setTabData(ArrayList tabEntitys, FragmentManager fm, int containerViewId, ArrayList fragments)
38 | ```
39 |
40 | * SegmentTabLayout
41 |
42 | ## Demo
43 | 
44 |
45 | 
46 |
47 | 
48 |
49 |
50 | 1. Add it in your root build.gradle at the end of repositories:
51 | ```groovy
52 | allprojects {
53 | repositories {
54 | ...
55 | maven { url 'https://jitpack.io' }
56 | }
57 | }
58 | ```
59 | 2. Add the dependency
60 | [](https://jitpack.io/#li-xiaojun/FlycoTabLayout)
61 | ```
62 | dependencies {
63 | implementation 'com.github.li-xiaojun:FlycoTabLayout:Tag'
64 | }
65 | ```
66 |
67 | ## Attributes
68 |
69 | |name|format|description|
70 | |:---:|:---:|:---:|
71 | | tl_indicator_color | color |设置显示器颜色
72 | | tl_indicator_height | dimension |设置显示器高度
73 | | tl_indicator_width | dimension |设置显示器固定宽度
74 | | tl_indicator_margin_left | dimension |设置显示器margin,当indicator_width大于0,无效
75 | | tl_indicator_margin_top | dimension |设置显示器margin,当indicator_width大于0,无效
76 | | tl_indicator_margin_right | dimension |设置显示器margin,当indicator_width大于0,无效
77 | | tl_indicator_margin_bottom | dimension |设置显示器margin,当indicator_width大于0,无效
78 | | tl_indicator_corner_radius | dimension |设置显示器圆角弧度
79 | | tl_indicator_gravity | enum |设置显示器上方(TOP)还是下方(BOTTOM),只对常规显示器有用
80 | | tl_indicator_style | enum |设置显示器为常规(NORMAL)或三角形(TRIANGLE)或背景色块(BLOCK)
81 | | tl_underline_color | color |设置下划线颜色
82 | | tl_underline_height | dimension |设置下划线高度
83 | | tl_underline_gravity | enum |设置下划线上方(TOP)还是下方(BOTTOM)
84 | | tl_divider_color | color |设置分割线颜色
85 | | tl_divider_width | dimension |设置分割线宽度
86 | | tl_divider_padding |dimension| 设置分割线的paddingTop和paddingBottom
87 | | tl_tab_padding |dimension| 设置tab的paddingLeft和paddingRight
88 | | tl_tab_space_equal |boolean| 设置tab大小等分
89 | | tl_tab_width |dimension| 设置tab固定大小
90 | | tl_textsize |dimension| 设置字体大小
91 | | tl_textSelectSize |dimension| set text select size
92 | | tl_textFontPath |dimension| set text font typaface
93 | | tl_textSelectColor |color| 设置字体选中颜色
94 | | tl_textUnselectColor |color| 设置字体未选中颜色
95 | | tl_textBold |boolean| 设置字体加粗
96 | | tl_iconWidth |dimension| 设置icon宽度(仅支持CommonTabLayout)
97 | | tl_iconHeight |dimension|设置icon高度(仅支持CommonTabLayout)
98 | | tl_iconVisible |boolean| 设置icon是否可见(仅支持CommonTabLayout)
99 | | tl_iconGravity |enum| 设置icon显示位置,对应Gravity中常量值,左上右下(仅支持CommonTabLayout)
100 | | tl_iconMargin |dimension| 设置icon与文字间距(仅支持CommonTabLayout)
101 | | tl_indicator_anim_enable |boolean| 设置显示器支持动画(only for CommonTabLayout)
102 | | tl_indicator_anim_duration |integer| 设置显示器动画时间(only for CommonTabLayout)
103 | | tl_indicator_bounce_enable |boolean| 设置显示器支持动画回弹效果(only for CommonTabLayout)
104 | | tl_indicator_width_equal_title |boolean| 设置显示器与标题一样长(only for SlidingTabLayout)
105 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/ui/SegmentTabActivity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.ui;
2 |
3 | import android.graphics.Color;
4 | import android.os.Bundle;
5 | import androidx.fragment.app.Fragment;
6 | import androidx.fragment.app.FragmentManager;
7 | import androidx.fragment.app.FragmentPagerAdapter;
8 | import androidx.viewpager.widget.ViewPager;
9 | import androidx.appcompat.app.AppCompatActivity;
10 | import android.view.View;
11 |
12 | import com.flyco.tablayout.SegmentTabLayout;
13 | import com.flyco.tablayout.listener.OnTabSelectListener;
14 | import com.flyco.tablayout.widget.MsgView;
15 | import com.flyco.tablayoutsamples.R;
16 | import com.flyco.tablayoutsamples.utils.ViewFindUtils;
17 |
18 | import java.util.ArrayList;
19 |
20 | public class SegmentTabActivity extends AppCompatActivity {
21 | private ArrayList mFragments = new ArrayList<>();
22 | private ArrayList mFragments2 = new ArrayList<>();
23 |
24 | private String[] mTitles = {"首页", "消息"};
25 | private String[] mTitles_2 = {"首页", "消息", "联系人"};
26 | private String[] mTitles_3 = {"首页", "消息", "联系人", "更多"};
27 | private View mDecorView;
28 | private SegmentTabLayout mTabLayout_3;
29 |
30 | @Override
31 | protected void onCreate(Bundle savedInstanceState) {
32 | super.onCreate(savedInstanceState);
33 | setContentView(R.layout.activity_segment_tab);
34 |
35 | for (String title : mTitles_3) {
36 | mFragments.add(SimpleCardFragment.getInstance("Switch ViewPager " + title));
37 | }
38 |
39 | for (String title : mTitles_2) {
40 | mFragments2.add(SimpleCardFragment.getInstance("Switch Fragment " + title));
41 | }
42 |
43 | mDecorView = getWindow().getDecorView();
44 |
45 | SegmentTabLayout tabLayout_1 = ViewFindUtils.find(mDecorView, R.id.tl_1);
46 | SegmentTabLayout tabLayout_2 = ViewFindUtils.find(mDecorView, R.id.tl_2);
47 | mTabLayout_3 = ViewFindUtils.find(mDecorView, R.id.tl_3);
48 | SegmentTabLayout tabLayout_4 = ViewFindUtils.find(mDecorView, R.id.tl_4);
49 | SegmentTabLayout tabLayout_5 = ViewFindUtils.find(mDecorView, R.id.tl_5);
50 |
51 | tabLayout_1.setTabData(mTitles);
52 | tabLayout_2.setTabData(mTitles_2);
53 | tl_3();
54 | tabLayout_4.setTabData(mTitles_2, this, R.id.fl_change, mFragments2);
55 | tabLayout_5.setTabData(mTitles_3);
56 |
57 | //显示未读红点
58 | tabLayout_1.showDot(2);
59 | tabLayout_2.showDot(2);
60 | mTabLayout_3.showDot(1);
61 | tabLayout_4.showDot(1);
62 |
63 | //设置未读消息红点
64 | mTabLayout_3.showDot(2);
65 | MsgView rtv_3_2 = mTabLayout_3.getMsgView(2);
66 | if (rtv_3_2 != null) {
67 | rtv_3_2.setBackgroundColor(Color.parseColor("#6D8FB0"));
68 | }
69 | }
70 |
71 | private void tl_3() {
72 | final ViewPager vp_3 = ViewFindUtils.find(mDecorView, R.id.vp_2);
73 | vp_3.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
74 |
75 | mTabLayout_3.setTabData(mTitles_3);
76 | mTabLayout_3.setOnTabSelectListener(new OnTabSelectListener() {
77 | @Override
78 | public void onTabSelect(int position) {
79 | vp_3.setCurrentItem(position);
80 | }
81 |
82 | @Override
83 | public void onTabReselect(int position) {
84 | }
85 | });
86 |
87 | vp_3.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
88 | @Override
89 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
90 |
91 | }
92 |
93 | @Override
94 | public void onPageSelected(int position) {
95 | mTabLayout_3.setCurrentTab(position);
96 | }
97 |
98 | @Override
99 | public void onPageScrollStateChanged(int state) {
100 |
101 | }
102 | });
103 | vp_3.setCurrentItem(1);
104 | }
105 |
106 | private class MyPagerAdapter extends FragmentPagerAdapter {
107 | public MyPagerAdapter(FragmentManager fm) {
108 | super(fm);
109 | }
110 |
111 | @Override
112 | public int getCount() {
113 | return mFragments.size();
114 | }
115 |
116 | @Override
117 | public CharSequence getPageTitle(int position) {
118 | return mTitles_3[position];
119 | }
120 |
121 | @Override
122 | public Fragment getItem(int position) {
123 | return mFragments.get(position);
124 | }
125 | }
126 | }
127 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 | # FlycoTabLayout
2 |
3 | Modify from [H07000223/FlycoTabLayout](https://github.com/H07000223/FlycoTabLayout),fix bugs, add some attribute,support ViewPager2.
4 |
5 | #### [中文版](https://github.com/li-xiaojun/FlycoTabLayout/blob/master/README_CN.md)
6 | An Android TabLayout Lib has 3 kinds of TabLayout at present.
7 |
8 | * SlidingTabLayout: deeply modified from [PagerSlidingTabStrip](https://github.com/jpardogo/PagerSlidingTabStrip).
9 | * new added attribute
10 | * new added kinds of indicators
11 | * new added unread msg tip
12 | * new added method for convenience
13 |
14 | ```java
15 | /** no need to set titles in adapter */
16 | public void setViewPager(ViewPager vp, String[] titles)
17 |
18 | /** no need to initialize even adapter */
19 | public void setViewPager(ViewPager vp, String[] titles, FragmentActivity fa, ArrayList fragments)
20 |
21 | public void setViewPager2(ViewPager2 vp)
22 |
23 | public void setViewPager2(ViewPager2 vp, ArrayList titles)
24 |
25 | /** use without Pager2 **/
26 | public void setTabData(String[] titles)
27 | ```
28 |
29 | * CommonTabLayout:unlike SlidingTabLayout's dependence on ViewPager,it is a tabLayout without dependence on ViewPager and
30 | can be used freely with other widgets together.
31 | * support kinds of indicators and indicator animation
32 | * support unread msg tip
33 | * support icon and icon gravity.
34 | * new added method for convenience
35 |
36 | ```java
37 | /** support switch fragments itself */
38 | public void setTabData(ArrayList tabEntitys, FragmentManager fm, int containerViewId, ArrayList fragments)
39 | ```
40 |
41 | * SegmentTabLayout
42 |
43 | ## Demo
44 | 
45 |
46 | 
47 |
48 | 
49 |
50 |
51 | ## Gradle
52 |
53 | 1. Add it in your root build.gradle at the end of repositories:
54 | ```groovy
55 | allprojects {
56 | repositories {
57 | ...
58 | maven { url 'https://jitpack.io' }
59 | }
60 | }
61 | ```
62 | 2. Add the dependency
63 | [](https://jitpack.io/#li-xiaojun/FlycoTabLayout)
64 | ```
65 | dependencies {
66 | implementation 'com.github.li-xiaojun:FlycoTabLayout:Tag'
67 | }
68 | ```
69 |
70 | ## Attributes
71 |
72 | |name|format|description|
73 | |:---:|:---:|:---:|
74 | | tl_indicator_color | color |set indicator color
75 | | tl_indicator_height | dimension |set indicator height
76 | | tl_indicator_width | dimension |set indicator width
77 | | tl_indicator_margin_left | dimension |set indicator margin,invalid when indicator width is greater than 0.
78 | | tl_indicator_margin_top | dimension |set indicator margin,invalid when indicator width is greater than 0.
79 | | tl_indicator_margin_right | dimension |set indicator margin,invalid when indicator width is greater than 0.
80 | | tl_indicator_margin_bottom | dimension |set indicator margin,invalid when indicator width is greater than 0.
81 | | tl_indicator_corner_radius | dimension |set indicator corner radius
82 | | tl_indicator_gravity | enum |set indicator gravity TOP or BOTTOM.
83 | | tl_indicator_style | enum |set indicator style NORMAL or TRIANGLE or BLOCK
84 | | tl_underline_color | color |set underline color
85 | | tl_underline_height | dimension |set underline height
86 | | tl_underline_gravity | enum |set underline gravity TOP or BOTTOM
87 | | tl_divider_color | color |set divider color
88 | | tl_divider_width | dimension |set divider width
89 | | tl_divider_padding |dimension| set divider paddingTop and paddingBottom
90 | | tl_tab_padding |dimension| set tab paddingLeft and paddingRight
91 | | tl_tab_space_equal |boolean| set tab space equal
92 | | tl_tab_width |dimension| set tab width
93 | | tl_textsize |dimension| set text size
94 | | tl_textSelectSize |dimension| set text select size
95 | | tl_textFontPath |dimension| set text font typaface
96 | | tl_textSelectColor |color| set text select color
97 | | tl_textUnselectColor |color| set text unselect color
98 | | tl_textBold |boolean| set text is bold
99 | | tl_iconWidth |dimension| set icon width(only for CommonTabLayout)
100 | | tl_iconHeight |dimension|set icon height(only for CommonTabLayout)
101 | | tl_iconVisible |boolean| set icon is visible(only for CommonTabLayout)
102 | | tl_iconGravity |enum| set icon gravity LEFT or TOP or RIGHT or BOTTOM(only for CommonTabLayout)
103 | | tl_iconMargin |dimension| set icon margin with text(only for CommonTabLayout)
104 | | tl_indicator_anim_enable |boolean| set indicator support animation(only for CommonTabLayout)
105 | | tl_indicator_anim_duration |integer| set indicator animation duration(only for CommonTabLayout)
106 | | tl_indicator_bounce_enable |boolean| set indicator aniamtion with bounce effect(only for CommonTabLayout)
107 | | tl_indicator_width_equal_title |boolean| set indicator width same as text(only for SlidingTabLayout)
108 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_common_tab.xml:
--------------------------------------------------------------------------------
1 |
8 |
9 |
13 |
14 |
27 |
28 |
32 |
33 |
47 |
48 |
52 |
53 |
54 |
72 |
73 |
82 |
83 |
94 |
95 |
105 |
106 |
118 |
119 |
131 |
132 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/widget/MsgView.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout.widget;
2 |
3 | import android.content.Context;
4 | import android.content.res.TypedArray;
5 | import android.graphics.Color;
6 | import android.graphics.drawable.GradientDrawable;
7 | import android.graphics.drawable.StateListDrawable;
8 | import android.os.Build;
9 | import android.util.AttributeSet;
10 | import android.widget.TextView;
11 |
12 | import com.flyco.tablayout.R;
13 |
14 | /** 用于需要圆角矩形框背景的TextView的情况,减少直接使用TextView时引入的shape资源文件 */
15 | public class MsgView extends TextView {
16 | private Context context;
17 | private GradientDrawable gd_background = new GradientDrawable();
18 | private int backgroundColor;
19 | private int cornerRadius;
20 | private int strokeWidth;
21 | private int strokeColor;
22 | private boolean isRadiusHalfHeight;
23 | private boolean isWidthHeightEqual;
24 |
25 | public MsgView(Context context) {
26 | this(context, null);
27 | }
28 |
29 | public MsgView(Context context, AttributeSet attrs) {
30 | this(context, attrs, 0);
31 | }
32 |
33 | public MsgView(Context context, AttributeSet attrs, int defStyleAttr) {
34 | super(context, attrs, defStyleAttr);
35 | this.context = context;
36 | obtainAttributes(context, attrs);
37 | }
38 |
39 | private void obtainAttributes(Context context, AttributeSet attrs) {
40 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.MsgView);
41 | backgroundColor = ta.getColor(R.styleable.MsgView_mv_backgroundColor, Color.TRANSPARENT);
42 | cornerRadius = ta.getDimensionPixelSize(R.styleable.MsgView_mv_cornerRadius, 0);
43 | strokeWidth = ta.getDimensionPixelSize(R.styleable.MsgView_mv_strokeWidth, 0);
44 | strokeColor = ta.getColor(R.styleable.MsgView_mv_strokeColor, Color.TRANSPARENT);
45 | isRadiusHalfHeight = ta.getBoolean(R.styleable.MsgView_mv_isRadiusHalfHeight, false);
46 | isWidthHeightEqual = ta.getBoolean(R.styleable.MsgView_mv_isWidthHeightEqual, false);
47 |
48 | ta.recycle();
49 | }
50 |
51 | @Override
52 | protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
53 | if (isWidthHeightEqual() && getWidth() > 0 && getHeight() > 0) {
54 | int max = Math.max(getWidth(), getHeight());
55 | int measureSpec = MeasureSpec.makeMeasureSpec(max, MeasureSpec.EXACTLY);
56 | super.onMeasure(measureSpec, measureSpec);
57 | return;
58 | }
59 |
60 | super.onMeasure(widthMeasureSpec, heightMeasureSpec);
61 | }
62 |
63 | @Override
64 | protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
65 | super.onLayout(changed, left, top, right, bottom);
66 | if (isRadiusHalfHeight()) {
67 | setCornerRadius(getHeight() / 2);
68 | } else {
69 | setBgSelector();
70 | }
71 | }
72 |
73 |
74 | public void setBackgroundColor(int backgroundColor) {
75 | this.backgroundColor = backgroundColor;
76 | setBgSelector();
77 | }
78 |
79 | public void setCornerRadius(int cornerRadius) {
80 | this.cornerRadius = dp2px(cornerRadius);
81 | setBgSelector();
82 | }
83 |
84 | public void setStrokeWidth(int strokeWidth) {
85 | this.strokeWidth = dp2px(strokeWidth);
86 | setBgSelector();
87 | }
88 |
89 | public void setStrokeColor(int strokeColor) {
90 | this.strokeColor = strokeColor;
91 | setBgSelector();
92 | }
93 |
94 | public void setIsRadiusHalfHeight(boolean isRadiusHalfHeight) {
95 | this.isRadiusHalfHeight = isRadiusHalfHeight;
96 | setBgSelector();
97 | }
98 |
99 | public void setIsWidthHeightEqual(boolean isWidthHeightEqual) {
100 | this.isWidthHeightEqual = isWidthHeightEqual;
101 | setBgSelector();
102 | }
103 |
104 | public int getBackgroundColor() {
105 | return backgroundColor;
106 | }
107 |
108 | public int getCornerRadius() {
109 | return cornerRadius;
110 | }
111 |
112 | public int getStrokeWidth() {
113 | return strokeWidth;
114 | }
115 |
116 | public int getStrokeColor() {
117 | return strokeColor;
118 | }
119 |
120 | public boolean isRadiusHalfHeight() {
121 | return isRadiusHalfHeight;
122 | }
123 |
124 | public boolean isWidthHeightEqual() {
125 | return isWidthHeightEqual;
126 | }
127 |
128 | protected int dp2px(float dp) {
129 | final float scale = context.getResources().getDisplayMetrics().density;
130 | return (int) (dp * scale + 0.5f);
131 | }
132 |
133 | protected int sp2px(float sp) {
134 | final float scale = this.context.getResources().getDisplayMetrics().scaledDensity;
135 | return (int) (sp * scale + 0.5f);
136 | }
137 |
138 | private void setDrawable(GradientDrawable gd, int color, int strokeColor) {
139 | gd.setColor(color);
140 | gd.setCornerRadius(cornerRadius);
141 | gd.setStroke(strokeWidth, strokeColor);
142 | }
143 |
144 | public void setBgSelector() {
145 | StateListDrawable bg = new StateListDrawable();
146 |
147 | setDrawable(gd_background, backgroundColor, strokeColor);
148 | bg.addState(new int[]{-android.R.attr.state_pressed}, gd_background);
149 |
150 | if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN) {//16
151 | setBackground(bg);
152 | } else {
153 | //noinspection deprecation
154 | setBackgroundDrawable(bg);
155 | }
156 | }
157 | }
158 |
--------------------------------------------------------------------------------
/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 | # For Cygwin, ensure paths are in UNIX format before anything is touched.
46 | if $cygwin ; then
47 | [ -n "$JAVA_HOME" ] && JAVA_HOME=`cygpath --unix "$JAVA_HOME"`
48 | fi
49 |
50 | # Attempt to set APP_HOME
51 | # Resolve links: $0 may be a link
52 | PRG="$0"
53 | # Need this for relative symlinks.
54 | while [ -h "$PRG" ] ; do
55 | ls=`ls -ld "$PRG"`
56 | link=`expr "$ls" : '.*-> \(.*\)$'`
57 | if expr "$link" : '/.*' > /dev/null; then
58 | PRG="$link"
59 | else
60 | PRG=`dirname "$PRG"`"/$link"
61 | fi
62 | done
63 | SAVED="`pwd`"
64 | cd "`dirname \"$PRG\"`/" >&-
65 | APP_HOME="`pwd -P`"
66 | cd "$SAVED" >&-
67 |
68 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar
69 |
70 | # Determine the Java command to use to start the JVM.
71 | if [ -n "$JAVA_HOME" ] ; then
72 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then
73 | # IBM's JDK on AIX uses strange locations for the executables
74 | JAVACMD="$JAVA_HOME/jre/sh/java"
75 | else
76 | JAVACMD="$JAVA_HOME/bin/java"
77 | fi
78 | if [ ! -x "$JAVACMD" ] ; then
79 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME
80 |
81 | Please set the JAVA_HOME variable in your environment to match the
82 | location of your Java installation."
83 | fi
84 | else
85 | JAVACMD="java"
86 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
87 |
88 | Please set the JAVA_HOME variable in your environment to match the
89 | location of your Java installation."
90 | fi
91 |
92 | # Increase the maximum file descriptors if we can.
93 | if [ "$cygwin" = "false" -a "$darwin" = "false" ] ; then
94 | MAX_FD_LIMIT=`ulimit -H -n`
95 | if [ $? -eq 0 ] ; then
96 | if [ "$MAX_FD" = "maximum" -o "$MAX_FD" = "max" ] ; then
97 | MAX_FD="$MAX_FD_LIMIT"
98 | fi
99 | ulimit -n $MAX_FD
100 | if [ $? -ne 0 ] ; then
101 | warn "Could not set maximum file descriptor limit: $MAX_FD"
102 | fi
103 | else
104 | warn "Could not query maximum file descriptor limit: $MAX_FD_LIMIT"
105 | fi
106 | fi
107 |
108 | # For Darwin, add options to specify how the application appears in the dock
109 | if $darwin; then
110 | GRADLE_OPTS="$GRADLE_OPTS \"-Xdock:name=$APP_NAME\" \"-Xdock:icon=$APP_HOME/media/gradle.icns\""
111 | fi
112 |
113 | # For Cygwin, switch paths to Windows format before running java
114 | if $cygwin ; then
115 | APP_HOME=`cygpath --path --mixed "$APP_HOME"`
116 | CLASSPATH=`cygpath --path --mixed "$CLASSPATH"`
117 |
118 | # We build the pattern for arguments to be converted via cygpath
119 | ROOTDIRSRAW=`find -L / -maxdepth 1 -mindepth 1 -type d 2>/dev/null`
120 | SEP=""
121 | for dir in $ROOTDIRSRAW ; do
122 | ROOTDIRS="$ROOTDIRS$SEP$dir"
123 | SEP="|"
124 | done
125 | OURCYGPATTERN="(^($ROOTDIRS))"
126 | # Add a user-defined pattern to the cygpath arguments
127 | if [ "$GRADLE_CYGPATTERN" != "" ] ; then
128 | OURCYGPATTERN="$OURCYGPATTERN|($GRADLE_CYGPATTERN)"
129 | fi
130 | # Now convert the arguments - kludge to limit ourselves to /bin/sh
131 | i=0
132 | for arg in "$@" ; do
133 | CHECK=`echo "$arg"|egrep -c "$OURCYGPATTERN" -`
134 | CHECK2=`echo "$arg"|egrep -c "^-"` ### Determine if an option
135 |
136 | if [ $CHECK -ne 0 ] && [ $CHECK2 -eq 0 ] ; then ### Added a condition
137 | eval `echo args$i`=`cygpath --path --ignore --mixed "$arg"`
138 | else
139 | eval `echo args$i`="\"$arg\""
140 | fi
141 | i=$((i+1))
142 | done
143 | case $i in
144 | (0) set -- ;;
145 | (1) set -- "$args0" ;;
146 | (2) set -- "$args0" "$args1" ;;
147 | (3) set -- "$args0" "$args1" "$args2" ;;
148 | (4) set -- "$args0" "$args1" "$args2" "$args3" ;;
149 | (5) set -- "$args0" "$args1" "$args2" "$args3" "$args4" ;;
150 | (6) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" ;;
151 | (7) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" ;;
152 | (8) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" ;;
153 | (9) set -- "$args0" "$args1" "$args2" "$args3" "$args4" "$args5" "$args6" "$args7" "$args8" ;;
154 | esac
155 | fi
156 |
157 | # Split up the JVM_OPTS And GRADLE_OPTS values into an array, following the shell quoting and substitution rules
158 | function splitJvmOpts() {
159 | JVM_OPTS=("$@")
160 | }
161 | eval splitJvmOpts $DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS
162 | JVM_OPTS[${#JVM_OPTS[*]}]="-Dorg.gradle.appname=$APP_BASE_NAME"
163 |
164 | exec "$JAVACMD" "${JVM_OPTS[@]}" -classpath "$CLASSPATH" org.gradle.wrapper.GradleWrapperMain "$@"
165 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/ui/SlidingTabActivity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.ui;
2 |
3 | import android.content.Context;
4 | import android.graphics.Color;
5 | import android.os.Bundle;
6 | import androidx.fragment.app.Fragment;
7 | import androidx.fragment.app.FragmentManager;
8 | import androidx.fragment.app.FragmentPagerAdapter;
9 | import androidx.viewpager.widget.ViewPager;
10 | import androidx.appcompat.app.AppCompatActivity;
11 | import androidx.viewpager2.widget.ViewPager2;
12 |
13 | import android.view.View;
14 | import android.widget.TextView;
15 | import android.widget.Toast;
16 |
17 | import com.flyco.tablayout.SlidingTabLayout;
18 | import com.flyco.tablayout.listener.OnTabSelectListener;
19 | import com.flyco.tablayout.widget.MsgView;
20 | import com.flyco.tablayoutsamples.R;
21 | import com.flyco.tablayoutsamples.utils.ViewFindUtils;
22 | import com.lxj.easyadapter.EasyAdapter;
23 | import com.lxj.easyadapter.ViewHolder;
24 |
25 | import java.util.ArrayList;
26 |
27 | public class SlidingTabActivity extends AppCompatActivity implements OnTabSelectListener {
28 | private Context mContext = this;
29 | private ArrayList mFragments = new ArrayList<>();
30 | private final String[] mTitles = {
31 | "热门", "iOS", "Android"
32 | , "前端", "后端", "设计", "工具资源"
33 | };
34 | private MyPagerAdapter mAdapter;
35 |
36 | @Override
37 | protected void onCreate(Bundle savedInstanceState) {
38 | super.onCreate(savedInstanceState);
39 | setContentView(R.layout.activity_sliding_tab);
40 |
41 | for (String title : mTitles) {
42 | mFragments.add(SimpleCardFragment.getInstance(title));
43 | }
44 |
45 |
46 | View decorView = getWindow().getDecorView();
47 | ViewPager vp = ViewFindUtils.find(decorView, R.id.vp);
48 | mAdapter = new MyPagerAdapter(getSupportFragmentManager());
49 | vp.setAdapter(mAdapter);
50 |
51 | /** 默认 */
52 | SlidingTabLayout tabLayout_1 = ViewFindUtils.find(decorView, R.id.tl_1);
53 | /**自定义部分属性*/
54 | SlidingTabLayout tabLayout_2 = ViewFindUtils.find(decorView, R.id.tl_2);
55 | /** 字体加粗,大写 */
56 | SlidingTabLayout tabLayout_3 = ViewFindUtils.find(decorView, R.id.tl_3);
57 | /** tab固定宽度 */
58 | SlidingTabLayout tabLayout_4 = ViewFindUtils.find(decorView, R.id.tl_4);
59 | /** indicator固定宽度 */
60 | SlidingTabLayout tabLayout_5 = ViewFindUtils.find(decorView, R.id.tl_5);
61 | /** indicator圆 */
62 | SlidingTabLayout tabLayout_6 = ViewFindUtils.find(decorView, R.id.tl_6);
63 | /** indicator矩形圆角 */
64 | final SlidingTabLayout tabLayout_7 = ViewFindUtils.find(decorView, R.id.tl_7);
65 | /** indicator三角形 */
66 | SlidingTabLayout tabLayout_8 = ViewFindUtils.find(decorView, R.id.tl_8);
67 | /** indicator圆角色块 */
68 | SlidingTabLayout tabLayout_9 = ViewFindUtils.find(decorView, R.id.tl_9);
69 | /** indicator圆角色块 */
70 | SlidingTabLayout tabLayout_10 = ViewFindUtils.find(decorView, R.id.tl_10);
71 |
72 | tabLayout_1.setViewPager(vp);
73 | tabLayout_2.setViewPager(vp);
74 | tabLayout_2.setOnTabSelectListener(this);
75 | tabLayout_3.setViewPager(vp);
76 | tabLayout_4.setViewPager(vp);
77 | tabLayout_5.setViewPager(vp);
78 | tabLayout_6.setViewPager(vp);
79 | tabLayout_7.setViewPager(vp, mTitles);
80 | tabLayout_8.setViewPager(vp, mTitles, this, mFragments);
81 | tabLayout_9.setViewPager(vp);
82 | tabLayout_10.setViewPager(vp);
83 |
84 | // vp.setCurrentItem(4);
85 |
86 | tabLayout_1.showDot(4);
87 | tabLayout_3.showDot(4);
88 | tabLayout_2.showDot(4);
89 |
90 | tabLayout_2.showMsg(3, 5);
91 | tabLayout_2.setMsgMargin(3, 0, 10);
92 | MsgView rtv_2_3 = tabLayout_2.getMsgView(3);
93 | if (rtv_2_3 != null) {
94 | rtv_2_3.setBackgroundColor(Color.parseColor("#6D8FB0"));
95 | }
96 |
97 | tabLayout_2.showMsg(5, 5);
98 | tabLayout_2.setMsgMargin(5, 0, 10);
99 |
100 | // tabLayout_7.setOnTabSelectListener(new OnTabSelectListener() {
101 | // @Override
102 | // public void onTabSelect(int position) {
103 | // Toast.makeText(mContext, "onTabSelect&position--->" + position, Toast.LENGTH_SHORT).show();
104 | // }
105 | //
106 | // @Override
107 | // public void onTabReselect(int position) {
108 | // mFragments.add(SimpleCardFragment.getInstance("后端"));
109 | // mAdapter.notifyDataSetChanged();
110 | // tabLayout_7.addNewTab("后端");
111 | // }
112 | // });
113 |
114 | //ViewPager2演示
115 |
116 | // ArrayList vp2Data = new ArrayList();
117 | // vp2Data.add("热门");
118 | // vp2Data.add("iOS");
119 | // vp2Data.add("Android");
120 | // ViewPager2 vp2 = ViewFindUtils.find(decorView, R.id.vp2);
121 | // vp2.setAdapter(new EasyAdapter(vp2Data, R.layout.fr_simple_card) {
122 | // @Override
123 | // protected void bind(ViewHolder viewHolder, String s, int i) {
124 | // viewHolder.getView(R.id.card_title_tv).setText("ViewPager2 "+s);
125 | // }
126 | // });
127 | SlidingTabLayout tl_vp2 = ViewFindUtils.find(decorView, R.id.tl_vp2);
128 | // for (int i = 0; i < vp2Data.size(); i++) {
129 | // tl_vp2.addNewTab(vp2Data.get(i));
130 | // }
131 | // tl_vp2.setViewPager2(vp2, vp2Data);
132 | tl_vp2.setTabData(mTitles);
133 | }
134 |
135 | @Override
136 | public void onTabSelect(int position) {
137 | Toast.makeText(mContext, "onTabSelect&position--->" + position, Toast.LENGTH_SHORT).show();
138 | }
139 |
140 | @Override
141 | public void onTabReselect(int position) {
142 | Toast.makeText(mContext, "onTabReselect&position--->" + position, Toast.LENGTH_SHORT).show();
143 | }
144 |
145 | private class MyPagerAdapter extends FragmentPagerAdapter {
146 | public MyPagerAdapter(FragmentManager fm) {
147 | super(fm);
148 | }
149 |
150 | @Override
151 | public int getCount() {
152 | return mFragments.size();
153 | }
154 |
155 | @Override
156 | public CharSequence getPageTitle(int position) {
157 | return mTitles[position];
158 | }
159 |
160 | @Override
161 | public Fragment getItem(int position) {
162 | return mFragments.get(position);
163 | }
164 | }
165 | }
166 |
--------------------------------------------------------------------------------
/app/src/main/res/layout/activity_sliding_tab.xml:
--------------------------------------------------------------------------------
1 |
8 |
9 |
13 |
14 |
18 |
19 |
33 |
34 |
51 |
52 |
60 |
61 |
69 |
70 |
76 |
77 |
85 |
86 |
94 |
95 |
102 |
103 |
113 |
114 |
126 |
127 |
128 |
129 |
133 |
139 |
153 |
158 |
159 |
160 |
--------------------------------------------------------------------------------
/app/src/main/java/com/flyco/tablayoutsamples/ui/CommonTabActivity.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayoutsamples.ui;
2 |
3 | import android.content.Context;
4 | import android.graphics.Color;
5 | import android.os.Bundle;
6 | import androidx.fragment.app.Fragment;
7 | import androidx.fragment.app.FragmentManager;
8 | import androidx.fragment.app.FragmentPagerAdapter;
9 | import androidx.viewpager.widget.ViewPager;
10 | import androidx.appcompat.app.AppCompatActivity;
11 | import android.view.View;
12 |
13 | import com.flyco.tablayout.CommonTabLayout;
14 | import com.flyco.tablayout.listener.CustomTabEntity;
15 | import com.flyco.tablayout.listener.OnTabSelectListener;
16 | import com.flyco.tablayout.utils.UnreadMsgUtils;
17 | import com.flyco.tablayout.widget.MsgView;
18 | import com.flyco.tablayoutsamples.R;
19 | import com.flyco.tablayoutsamples.entity.TabEntity;
20 | import com.flyco.tablayoutsamples.utils.ViewFindUtils;
21 |
22 | import java.util.ArrayList;
23 | import java.util.Random;
24 |
25 | public class CommonTabActivity extends AppCompatActivity {
26 | private Context mContext = this;
27 | private ArrayList mFragments = new ArrayList<>();
28 | private ArrayList mFragments2 = new ArrayList<>();
29 |
30 | private String[] mTitles = {"首页", "消息", "联系人", "更多"};
31 | private int[] mIconUnselectIds = {
32 | R.mipmap.tab_home_unselect, R.mipmap.tab_speech_unselect,
33 | R.mipmap.tab_contact_unselect, R.mipmap.tab_more_unselect};
34 | private int[] mIconSelectIds = {
35 | R.mipmap.tab_home_select, R.mipmap.tab_speech_select,
36 | R.mipmap.tab_contact_select, R.mipmap.tab_more_select};
37 | private ArrayList mTabEntities = new ArrayList<>();
38 | private View mDecorView;
39 | private ViewPager mViewPager;
40 | private CommonTabLayout mTabLayout_1;
41 | private CommonTabLayout mTabLayout_2;
42 | private CommonTabLayout mTabLayout_3;
43 | private CommonTabLayout mTabLayout_4;
44 | private CommonTabLayout mTabLayout_5;
45 | private CommonTabLayout mTabLayout_6;
46 | private CommonTabLayout mTabLayout_7;
47 | private CommonTabLayout mTabLayout_8;
48 |
49 | @Override
50 | protected void onCreate(Bundle savedInstanceState) {
51 | super.onCreate(savedInstanceState);
52 | setContentView(R.layout.activity_common_tab);
53 |
54 | for (String title : mTitles) {
55 | mFragments.add(SimpleCardFragment.getInstance("Switch ViewPager " + title));
56 | mFragments2.add(SimpleCardFragment.getInstance("Switch Fragment " + title));
57 | }
58 |
59 |
60 | for (int i = 0; i < mTitles.length; i++) {
61 | mTabEntities.add(new TabEntity(mTitles[i], mIconSelectIds[i], mIconUnselectIds[i]));
62 | }
63 |
64 | mDecorView = getWindow().getDecorView();
65 | mViewPager = ViewFindUtils.find(mDecorView, R.id.vp_2);
66 | mViewPager.setAdapter(new MyPagerAdapter(getSupportFragmentManager()));
67 | /** with nothing */
68 | mTabLayout_1 = ViewFindUtils.find(mDecorView, R.id.tl_1);
69 | /** with ViewPager */
70 | mTabLayout_2 = ViewFindUtils.find(mDecorView, R.id.tl_2);
71 | /** with Fragments */
72 | mTabLayout_3 = ViewFindUtils.find(mDecorView, R.id.tl_3);
73 | /** indicator固定宽度 */
74 | mTabLayout_4 = ViewFindUtils.find(mDecorView, R.id.tl_4);
75 | /** indicator固定宽度 */
76 | mTabLayout_5 = ViewFindUtils.find(mDecorView, R.id.tl_5);
77 | /** indicator矩形圆角 */
78 | mTabLayout_6 = ViewFindUtils.find(mDecorView, R.id.tl_6);
79 | /** indicator三角形 */
80 | mTabLayout_7 = ViewFindUtils.find(mDecorView, R.id.tl_7);
81 | /** indicator圆角色块 */
82 | mTabLayout_8 = ViewFindUtils.find(mDecorView, R.id.tl_8);
83 |
84 | mTabLayout_1.setTabData(mTabEntities);
85 | tl_2();
86 | mTabLayout_3.setTabData(mTabEntities, this, R.id.fl_change, mFragments2);
87 | mTabLayout_4.setTabData(mTabEntities);
88 | mTabLayout_5.setTabData(mTabEntities);
89 | mTabLayout_6.setTabData(mTabEntities);
90 | mTabLayout_7.setTabData(mTabEntities);
91 | mTabLayout_8.setTabData(mTabEntities);
92 |
93 | mTabLayout_3.setOnTabSelectListener(new OnTabSelectListener() {
94 | @Override
95 | public void onTabSelect(int position) {
96 | mTabLayout_1.setCurrentTab(position);
97 | mTabLayout_2.setCurrentTab(position);
98 | mTabLayout_4.setCurrentTab(position);
99 | mTabLayout_5.setCurrentTab(position);
100 | mTabLayout_6.setCurrentTab(position);
101 | mTabLayout_7.setCurrentTab(position);
102 | mTabLayout_8.setCurrentTab(position);
103 | }
104 |
105 | @Override
106 | public void onTabReselect(int position) {
107 |
108 | }
109 | });
110 | mTabLayout_8.setCurrentTab(2);
111 | mTabLayout_3.setCurrentTab(1);
112 |
113 | //显示未读红点
114 | mTabLayout_1.showDot(2);
115 | mTabLayout_3.showDot(1);
116 | mTabLayout_4.showDot(1);
117 |
118 | //两位数
119 | mTabLayout_2.showMsg(0, 55);
120 | mTabLayout_2.setMsgMargin(0, -5, 5);
121 |
122 | //三位数
123 | mTabLayout_2.showMsg(1, 100);
124 | mTabLayout_2.setMsgMargin(1, -5, 5);
125 |
126 | //设置未读消息红点
127 | mTabLayout_2.showDot(2);
128 | MsgView rtv_2_2 = mTabLayout_2.getMsgView(2);
129 | if (rtv_2_2 != null) {
130 | UnreadMsgUtils.setSize(rtv_2_2, dp2px(7.5f));
131 | }
132 |
133 | //设置未读消息背景
134 | mTabLayout_2.showMsg(3, 5);
135 | mTabLayout_2.setMsgMargin(3, 0, 5);
136 | MsgView rtv_2_3 = mTabLayout_2.getMsgView(3);
137 | if (rtv_2_3 != null) {
138 | rtv_2_3.setBackgroundColor(Color.parseColor("#6D8FB0"));
139 | }
140 | }
141 |
142 | Random mRandom = new Random();
143 |
144 | private void tl_2() {
145 | mTabLayout_2.setTabData(mTabEntities);
146 | mTabLayout_2.setOnTabSelectListener(new OnTabSelectListener() {
147 | @Override
148 | public void onTabSelect(int position) {
149 | mViewPager.setCurrentItem(position);
150 | }
151 |
152 | @Override
153 | public void onTabReselect(int position) {
154 | if (position == 0) {
155 | mTabLayout_2.showMsg(0, mRandom.nextInt(100) + 1);
156 | // UnreadMsgUtils.show(mTabLayout_2.getMsgView(0), mRandom.nextInt(100) + 1);
157 | }
158 | }
159 | });
160 |
161 | mViewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
162 | @Override
163 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
164 |
165 | }
166 |
167 | @Override
168 | public void onPageSelected(int position) {
169 | mTabLayout_2.setCurrentTab(position);
170 | }
171 |
172 | @Override
173 | public void onPageScrollStateChanged(int state) {
174 |
175 | }
176 | });
177 |
178 | mViewPager.setCurrentItem(1);
179 | }
180 |
181 | private class MyPagerAdapter extends FragmentPagerAdapter {
182 | public MyPagerAdapter(FragmentManager fm) {
183 | super(fm);
184 | }
185 |
186 | @Override
187 | public int getCount() {
188 | return mFragments.size();
189 | }
190 |
191 | @Override
192 | public CharSequence getPageTitle(int position) {
193 | return mTitles[position];
194 | }
195 |
196 | @Override
197 | public Fragment getItem(int position) {
198 | return mFragments.get(position);
199 | }
200 | }
201 |
202 | protected int dp2px(float dp) {
203 | final float scale = mContext.getResources().getDisplayMetrics().density;
204 | return (int) (dp * scale + 0.5f);
205 | }
206 | }
207 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/res/values/attrs.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
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 |
79 |
80 |
81 |
82 |
83 |
84 |
85 |
86 |
87 |
88 |
89 |
90 |
91 |
92 |
93 |
94 |
95 |
96 |
97 |
98 |
99 |
100 |
101 |
102 |
103 |
104 |
105 |
106 |
107 |
108 |
109 |
110 |
111 |
112 |
113 |
114 |
115 |
116 |
117 |
118 |
119 |
120 |
121 |
122 |
123 |
124 |
125 |
126 |
127 |
128 |
129 |
130 |
131 |
132 |
133 |
134 |
135 |
136 |
137 |
138 |
139 |
140 |
141 |
142 |
143 |
144 |
145 |
146 |
147 |
148 |
149 |
150 |
151 |
152 |
153 |
154 |
155 |
156 |
157 |
158 |
159 |
160 |
161 |
162 |
163 |
164 |
165 |
166 |
167 |
168 |
169 |
170 |
171 |
172 |
173 |
174 |
175 |
176 |
177 |
178 |
179 |
180 |
181 |
182 |
183 |
184 |
185 |
186 |
187 |
188 |
189 |
190 |
191 |
192 |
193 |
194 |
195 |
196 |
197 |
198 |
199 |
200 |
201 |
202 |
203 |
204 |
205 |
206 |
207 |
208 |
209 |
210 |
211 |
212 |
213 |
214 |
215 |
216 |
217 |
218 |
219 |
220 |
221 |
222 |
223 |
224 |
225 |
226 |
227 |
228 |
229 |
230 |
231 |
232 |
233 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/SegmentTabLayout.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout;
2 |
3 | import android.animation.TypeEvaluator;
4 | import android.animation.ValueAnimator;
5 | import android.content.Context;
6 | import android.content.res.TypedArray;
7 | import android.graphics.Canvas;
8 | import android.graphics.Color;
9 | import android.graphics.Paint;
10 | import android.graphics.Rect;
11 | import android.graphics.Typeface;
12 | import android.graphics.drawable.GradientDrawable;
13 | import android.os.Bundle;
14 | import android.os.Parcelable;
15 | import androidx.fragment.app.Fragment;
16 | import androidx.fragment.app.FragmentActivity;
17 | import android.util.AttributeSet;
18 | import android.util.SparseArray;
19 | import android.util.TypedValue;
20 | import android.view.View;
21 | import android.view.ViewGroup;
22 | import android.view.animation.OvershootInterpolator;
23 | import android.widget.FrameLayout;
24 | import android.widget.LinearLayout;
25 | import android.widget.TextView;
26 |
27 | import com.flyco.tablayout.listener.OnTabSelectListener;
28 | import com.flyco.tablayout.utils.FragmentChangeManager;
29 | import com.flyco.tablayout.utils.UnreadMsgUtils;
30 | import com.flyco.tablayout.widget.MsgView;
31 |
32 | import java.util.ArrayList;
33 |
34 | public class SegmentTabLayout extends FrameLayout implements ValueAnimator.AnimatorUpdateListener {
35 | private Context mContext;
36 | private String[] mTitles;
37 | private LinearLayout mTabsContainer;
38 | private int mCurrentTab;
39 | private int mLastTab;
40 | private int mTabCount;
41 | /** 用于绘制显示器 */
42 | private Rect mIndicatorRect = new Rect();
43 | private GradientDrawable mIndicatorDrawable = new GradientDrawable();
44 | private GradientDrawable mRectDrawable = new GradientDrawable();
45 |
46 | private Paint mDividerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
47 |
48 | private float mTabPadding;
49 | private boolean mTabSpaceEqual;
50 | private float mTabWidth;
51 |
52 | /** indicator */
53 | private int mIndicatorColor;
54 | private float mIndicatorHeight;
55 | private float mIndicatorCornerRadius;
56 | private float mIndicatorMarginLeft;
57 | private float mIndicatorMarginTop;
58 | private float mIndicatorMarginRight;
59 | private float mIndicatorMarginBottom;
60 | private long mIndicatorAnimDuration;
61 | private boolean mIndicatorAnimEnable;
62 | private boolean mIndicatorBounceEnable;
63 |
64 | /** divider */
65 | private int mDividerColor;
66 | private float mDividerWidth;
67 | private float mDividerPadding;
68 |
69 | /** title */
70 | private static final int TEXT_BOLD_NONE = 0;
71 | private static final int TEXT_BOLD_WHEN_SELECT = 1;
72 | private static final int TEXT_BOLD_BOTH = 2;
73 | private float mTextsize;
74 | private float mTextSelectSize;
75 | private int mTextSelectColor;
76 | private int mTextUnselectColor;
77 | private int mTextBold;
78 | private boolean mTextAllCaps;
79 | private Typeface textTypeface;
80 |
81 | private int mBarColor;
82 | private int mBarStrokeColor;
83 | private float mBarStrokeWidth;
84 |
85 | private int mHeight;
86 |
87 | /** anim */
88 | private ValueAnimator mValueAnimator;
89 | private OvershootInterpolator mInterpolator = new OvershootInterpolator(0.8f);
90 |
91 | private FragmentChangeManager mFragmentChangeManager;
92 | private float[] mRadiusArr = new float[8];
93 |
94 | public SegmentTabLayout(Context context) {
95 | this(context, null, 0);
96 | }
97 |
98 | public SegmentTabLayout(Context context, AttributeSet attrs) {
99 | this(context, attrs, 0);
100 | }
101 |
102 | public SegmentTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
103 | super(context, attrs, defStyleAttr);
104 | setWillNotDraw(false);//重写onDraw方法,需要调用这个方法来清除flag
105 | setClipChildren(false);
106 | setClipToPadding(false);
107 |
108 | this.mContext = context;
109 | mTabsContainer = new LinearLayout(context);
110 | addView(mTabsContainer);
111 |
112 | obtainAttributes(context, attrs);
113 |
114 | //get layout_height
115 | String height = attrs.getAttributeValue("http://schemas.android.com/apk/res/android", "layout_height");
116 |
117 | //create ViewPager
118 | if (height.equals(ViewGroup.LayoutParams.MATCH_PARENT + "")) {
119 | } else if (height.equals(ViewGroup.LayoutParams.WRAP_CONTENT + "")) {
120 | } else {
121 | int[] systemAttrs = {android.R.attr.layout_height};
122 | TypedArray a = context.obtainStyledAttributes(attrs, systemAttrs);
123 | mHeight = a.getDimensionPixelSize(0, ViewGroup.LayoutParams.WRAP_CONTENT);
124 | a.recycle();
125 | }
126 |
127 | mValueAnimator = ValueAnimator.ofObject(new PointEvaluator(), mLastP, mCurrentP);
128 | mValueAnimator.addUpdateListener(this);
129 | }
130 |
131 | private void obtainAttributes(Context context, AttributeSet attrs) {
132 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SegmentTabLayout);
133 |
134 | mIndicatorColor = ta.getColor(R.styleable.SegmentTabLayout_tl_indicator_color, Color.parseColor("#222831"));
135 | mIndicatorHeight = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_height, -1);
136 | mIndicatorCornerRadius = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_corner_radius, -1);
137 | mIndicatorMarginLeft = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_margin_left, dp2px(0));
138 | mIndicatorMarginTop = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_margin_top, 0);
139 | mIndicatorMarginRight = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_margin_right, dp2px(0));
140 | mIndicatorMarginBottom = ta.getDimension(R.styleable.SegmentTabLayout_tl_indicator_margin_bottom, 0);
141 | mIndicatorAnimEnable = ta.getBoolean(R.styleable.SegmentTabLayout_tl_indicator_anim_enable, false);
142 | mIndicatorBounceEnable = ta.getBoolean(R.styleable.SegmentTabLayout_tl_indicator_bounce_enable, true);
143 | mIndicatorAnimDuration = ta.getInt(R.styleable.SegmentTabLayout_tl_indicator_anim_duration, -1);
144 |
145 | mDividerColor = ta.getColor(R.styleable.SegmentTabLayout_tl_divider_color, mIndicatorColor);
146 | mDividerWidth = ta.getDimension(R.styleable.SegmentTabLayout_tl_divider_width, dp2px(1));
147 | mDividerPadding = ta.getDimension(R.styleable.SegmentTabLayout_tl_divider_padding, 0);
148 |
149 | mTextsize = ta.getDimension(R.styleable.SegmentTabLayout_tl_textsize, sp2px(13f));
150 | mTextSelectSize = ta.getDimension(R.styleable.SegmentTabLayout_tl_textSelectSize, sp2px(14));
151 | mTextSelectColor = ta.getColor(R.styleable.SegmentTabLayout_tl_textSelectColor, Color.parseColor("#ffffff"));
152 | mTextUnselectColor = ta.getColor(R.styleable.SegmentTabLayout_tl_textUnselectColor, mIndicatorColor);
153 | mTextBold = ta.getInt(R.styleable.SegmentTabLayout_tl_textBold, TEXT_BOLD_NONE);
154 | mTextAllCaps = ta.getBoolean(R.styleable.SegmentTabLayout_tl_textAllCaps, false);
155 | String fontPath = ta.getString(R.styleable.SegmentTabLayout_tl_textFontPath);
156 | if(fontPath!=null && !fontPath.isEmpty()){
157 | textTypeface = Typeface.createFromAsset(context.getAssets(), fontPath);
158 | }
159 |
160 | mTabSpaceEqual = ta.getBoolean(R.styleable.SegmentTabLayout_tl_tab_space_equal, true);
161 | mTabWidth = ta.getDimension(R.styleable.SegmentTabLayout_tl_tab_width, dp2px(-1));
162 | mTabPadding = ta.getDimension(R.styleable.SegmentTabLayout_tl_tab_padding, mTabSpaceEqual || mTabWidth > 0 ? dp2px(0) : dp2px(10));
163 |
164 | mBarColor = ta.getColor(R.styleable.SegmentTabLayout_tl_bar_color, Color.TRANSPARENT);
165 | mBarStrokeColor = ta.getColor(R.styleable.SegmentTabLayout_tl_bar_stroke_color, mIndicatorColor);
166 | mBarStrokeWidth = ta.getDimension(R.styleable.SegmentTabLayout_tl_bar_stroke_width, dp2px(1));
167 |
168 | ta.recycle();
169 | }
170 |
171 | public void setTabData(String[] titles) {
172 | if (titles == null || titles.length == 0) {
173 | throw new IllegalStateException("Titles can not be NULL or EMPTY !");
174 | }
175 |
176 | this.mTitles = titles;
177 |
178 | notifyDataSetChanged();
179 | }
180 |
181 | /** 关联数据支持同时切换fragments */
182 | public void setTabData(String[] titles, FragmentActivity fa, int containerViewId, ArrayList fragments) {
183 | mFragmentChangeManager = new FragmentChangeManager(fa.getSupportFragmentManager(), containerViewId, fragments);
184 | setTabData(titles);
185 | }
186 |
187 | /** 更新数据 */
188 | public void notifyDataSetChanged() {
189 | mTabsContainer.removeAllViews();
190 | this.mTabCount = mTitles.length;
191 | View tabView;
192 | for (int i = 0; i < mTabCount; i++) {
193 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab_segment, null);
194 | tabView.setTag(i);
195 | addTab(i, tabView);
196 | }
197 |
198 | updateTabStyles();
199 | }
200 |
201 | /** 创建并添加tab */
202 | private void addTab(final int position, View tabView) {
203 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
204 | tv_tab_title.setText(mTitles[position]);
205 |
206 | tabView.setOnClickListener(new OnClickListener() {
207 | @Override
208 | public void onClick(View v) {
209 | int position = (Integer) v.getTag();
210 | if (mCurrentTab != position) {
211 | setCurrentTab(position);
212 | if (mListener != null) {
213 | mListener.onTabSelect(position);
214 | }
215 | } else {
216 | if (mListener != null) {
217 | mListener.onTabReselect(position);
218 | }
219 | }
220 | }
221 | });
222 |
223 | /** 每一个Tab的布局参数 */
224 | LinearLayout.LayoutParams lp_tab = mTabSpaceEqual ?
225 | new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1.0f) :
226 | new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
227 | if (mTabWidth > 0) {
228 | lp_tab = new LinearLayout.LayoutParams((int) mTabWidth, LayoutParams.MATCH_PARENT);
229 | }
230 | mTabsContainer.addView(tabView, position, lp_tab);
231 | }
232 |
233 | private void updateTabStyles() {
234 | for (int i = 0; i < mTabCount; i++) {
235 | View tabView = mTabsContainer.getChildAt(i);
236 | tabView.setPadding((int) mTabPadding, 0, (int) mTabPadding, 0);
237 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
238 | if(textTypeface!=null)tv_tab_title.setTypeface(textTypeface);
239 | tv_tab_title.setTextColor(i == mCurrentTab ? mTextSelectColor : mTextUnselectColor);
240 | tv_tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
241 | // tv_tab_title.setPadding((int) mTabPadding, 0, (int) mTabPadding, 0);
242 | if (mTextAllCaps) {
243 | tv_tab_title.setText(tv_tab_title.getText().toString().toUpperCase());
244 | }
245 |
246 | if (mTextBold == TEXT_BOLD_BOTH) {
247 | tv_tab_title.getPaint().setFakeBoldText(true);
248 | } else if (mTextBold == TEXT_BOLD_NONE) {
249 | tv_tab_title.getPaint().setFakeBoldText(false);
250 | }
251 | }
252 | }
253 |
254 | private void updateTabSelection(int position) {
255 | for (int i = 0; i < mTabCount; ++i) {
256 | View tabView = mTabsContainer.getChildAt(i);
257 | final boolean isSelect = i == position;
258 | TextView tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
259 | tab_title.setTextColor(isSelect ? mTextSelectColor : mTextUnselectColor);
260 | tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
261 | if (mTextBold == TEXT_BOLD_WHEN_SELECT) {
262 | tab_title.getPaint().setFakeBoldText(isSelect);
263 | }
264 | }
265 | }
266 |
267 | private void calcOffset() {
268 | final View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
269 | mCurrentP.left = currentTabView.getLeft();
270 | mCurrentP.right = currentTabView.getRight();
271 |
272 | final View lastTabView = mTabsContainer.getChildAt(this.mLastTab);
273 | mLastP.left = lastTabView.getLeft();
274 | mLastP.right = lastTabView.getRight();
275 |
276 | // Log.d("AAA", "mLastP--->" + mLastP.left + "&" + mLastP.right);
277 | // Log.d("AAA", "mCurrentP--->" + mCurrentP.left + "&" + mCurrentP.right);
278 | if (mLastP.left == mCurrentP.left && mLastP.right == mCurrentP.right) {
279 | invalidate();
280 | } else {
281 | mValueAnimator.setObjectValues(mLastP, mCurrentP);
282 | if (mIndicatorBounceEnable) {
283 | mValueAnimator.setInterpolator(mInterpolator);
284 | }
285 |
286 | if (mIndicatorAnimDuration < 0) {
287 | mIndicatorAnimDuration = mIndicatorBounceEnable ? 500 : 250;
288 | }
289 | mValueAnimator.setDuration(mIndicatorAnimDuration);
290 | mValueAnimator.start();
291 | }
292 | }
293 |
294 | private void calcIndicatorRect() {
295 | View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
296 | float left = currentTabView.getLeft();
297 | float right = currentTabView.getRight();
298 |
299 | mIndicatorRect.left = (int) left;
300 | mIndicatorRect.right = (int) right;
301 |
302 | if (!mIndicatorAnimEnable) {
303 | if (mCurrentTab == 0) {
304 | /**The corners are ordered top-left, top-right, bottom-right, bottom-left*/
305 | mRadiusArr[0] = mIndicatorCornerRadius;
306 | mRadiusArr[1] = mIndicatorCornerRadius;
307 | mRadiusArr[2] = 0;
308 | mRadiusArr[3] = 0;
309 | mRadiusArr[4] = 0;
310 | mRadiusArr[5] = 0;
311 | mRadiusArr[6] = mIndicatorCornerRadius;
312 | mRadiusArr[7] = mIndicatorCornerRadius;
313 | } else if (mCurrentTab == mTabCount - 1) {
314 | /**The corners are ordered top-left, top-right, bottom-right, bottom-left*/
315 | mRadiusArr[0] = 0;
316 | mRadiusArr[1] = 0;
317 | mRadiusArr[2] = mIndicatorCornerRadius;
318 | mRadiusArr[3] = mIndicatorCornerRadius;
319 | mRadiusArr[4] = mIndicatorCornerRadius;
320 | mRadiusArr[5] = mIndicatorCornerRadius;
321 | mRadiusArr[6] = 0;
322 | mRadiusArr[7] = 0;
323 | } else {
324 | /**The corners are ordered top-left, top-right, bottom-right, bottom-left*/
325 | mRadiusArr[0] = 0;
326 | mRadiusArr[1] = 0;
327 | mRadiusArr[2] = 0;
328 | mRadiusArr[3] = 0;
329 | mRadiusArr[4] = 0;
330 | mRadiusArr[5] = 0;
331 | mRadiusArr[6] = 0;
332 | mRadiusArr[7] = 0;
333 | }
334 | } else {
335 | /**The corners are ordered top-left, top-right, bottom-right, bottom-left*/
336 | mRadiusArr[0] = mIndicatorCornerRadius;
337 | mRadiusArr[1] = mIndicatorCornerRadius;
338 | mRadiusArr[2] = mIndicatorCornerRadius;
339 | mRadiusArr[3] = mIndicatorCornerRadius;
340 | mRadiusArr[4] = mIndicatorCornerRadius;
341 | mRadiusArr[5] = mIndicatorCornerRadius;
342 | mRadiusArr[6] = mIndicatorCornerRadius;
343 | mRadiusArr[7] = mIndicatorCornerRadius;
344 | }
345 | }
346 |
347 | @Override
348 | public void onAnimationUpdate(ValueAnimator animation) {
349 | IndicatorPoint p = (IndicatorPoint) animation.getAnimatedValue();
350 | mIndicatorRect.left = (int) p.left;
351 | mIndicatorRect.right = (int) p.right;
352 | invalidate();
353 | }
354 |
355 | private boolean mIsFirstDraw = true;
356 |
357 | @Override
358 | protected void onDraw(Canvas canvas) {
359 | super.onDraw(canvas);
360 |
361 | if (isInEditMode() || mTabCount <= 0) {
362 | return;
363 | }
364 |
365 | int height = getHeight();
366 | int paddingLeft = getPaddingLeft();
367 |
368 | if (mIndicatorHeight < 0) {
369 | mIndicatorHeight = height - mIndicatorMarginTop - mIndicatorMarginBottom;
370 | }
371 |
372 | if (mIndicatorCornerRadius < 0 || mIndicatorCornerRadius > mIndicatorHeight / 2) {
373 | mIndicatorCornerRadius = mIndicatorHeight / 2;
374 | }
375 |
376 | //draw rect
377 | mRectDrawable.setColor(mBarColor);
378 | mRectDrawable.setStroke((int) mBarStrokeWidth, mBarStrokeColor);
379 | mRectDrawable.setCornerRadius(mIndicatorCornerRadius);
380 | mRectDrawable.setBounds(getPaddingLeft(), getPaddingTop(), getWidth() - getPaddingRight(), getHeight() - getPaddingBottom());
381 | mRectDrawable.draw(canvas);
382 |
383 | // draw divider
384 | if (!mIndicatorAnimEnable && mDividerWidth > 0) {
385 | mDividerPaint.setStrokeWidth(mDividerWidth);
386 | mDividerPaint.setColor(mDividerColor);
387 | for (int i = 0; i < mTabCount - 1; i++) {
388 | View tab = mTabsContainer.getChildAt(i);
389 | canvas.drawLine(paddingLeft + tab.getRight(), mDividerPadding, paddingLeft + tab.getRight(), height - mDividerPadding, mDividerPaint);
390 | }
391 | }
392 |
393 |
394 | //draw indicator line
395 | if (mIndicatorAnimEnable) {
396 | if (mIsFirstDraw) {
397 | mIsFirstDraw = false;
398 | calcIndicatorRect();
399 | }
400 | } else {
401 | calcIndicatorRect();
402 | }
403 |
404 | mIndicatorDrawable.setColor(mIndicatorColor);
405 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
406 | (int) mIndicatorMarginTop, (int) (paddingLeft + mIndicatorRect.right - mIndicatorMarginRight),
407 | (int) (mIndicatorMarginTop + mIndicatorHeight));
408 | mIndicatorDrawable.setCornerRadii(mRadiusArr);
409 | mIndicatorDrawable.draw(canvas);
410 |
411 | }
412 |
413 | //setter and getter
414 | public void setCurrentTab(int currentTab) {
415 | mLastTab = this.mCurrentTab;
416 | this.mCurrentTab = currentTab;
417 | updateTabSelection(currentTab);
418 | if (mFragmentChangeManager != null) {
419 | mFragmentChangeManager.setFragments(currentTab);
420 | }
421 | if (mIndicatorAnimEnable) {
422 | calcOffset();
423 | } else {
424 | invalidate();
425 | }
426 | }
427 |
428 | public void setTabPadding(float tabPadding) {
429 | this.mTabPadding = dp2px(tabPadding);
430 | updateTabStyles();
431 | }
432 |
433 | public void setTabSpaceEqual(boolean tabSpaceEqual) {
434 | this.mTabSpaceEqual = tabSpaceEqual;
435 | updateTabStyles();
436 | }
437 |
438 | public void setTabWidth(float tabWidth) {
439 | this.mTabWidth = dp2px(tabWidth);
440 | updateTabStyles();
441 | }
442 |
443 | public void setIndicatorColor(int indicatorColor) {
444 | this.mIndicatorColor = indicatorColor;
445 | invalidate();
446 | }
447 |
448 | public void setIndicatorHeight(float indicatorHeight) {
449 | this.mIndicatorHeight = dp2px(indicatorHeight);
450 | invalidate();
451 | }
452 |
453 | public void setIndicatorCornerRadius(float indicatorCornerRadius) {
454 | this.mIndicatorCornerRadius = dp2px(indicatorCornerRadius);
455 | invalidate();
456 | }
457 |
458 | public void setIndicatorMargin(float indicatorMarginLeft, float indicatorMarginTop,
459 | float indicatorMarginRight, float indicatorMarginBottom) {
460 | this.mIndicatorMarginLeft = dp2px(indicatorMarginLeft);
461 | this.mIndicatorMarginTop = dp2px(indicatorMarginTop);
462 | this.mIndicatorMarginRight = dp2px(indicatorMarginRight);
463 | this.mIndicatorMarginBottom = dp2px(indicatorMarginBottom);
464 | invalidate();
465 | }
466 |
467 | public void setIndicatorAnimDuration(long indicatorAnimDuration) {
468 | this.mIndicatorAnimDuration = indicatorAnimDuration;
469 | }
470 |
471 | public void setIndicatorAnimEnable(boolean indicatorAnimEnable) {
472 | this.mIndicatorAnimEnable = indicatorAnimEnable;
473 | }
474 |
475 | public void setIndicatorBounceEnable(boolean indicatorBounceEnable) {
476 | this.mIndicatorBounceEnable = indicatorBounceEnable;
477 | }
478 |
479 | public void setDividerColor(int dividerColor) {
480 | this.mDividerColor = dividerColor;
481 | invalidate();
482 | }
483 |
484 | public void setDividerWidth(float dividerWidth) {
485 | this.mDividerWidth = dp2px(dividerWidth);
486 | invalidate();
487 | }
488 |
489 | public void setDividerPadding(float dividerPadding) {
490 | this.mDividerPadding = dp2px(dividerPadding);
491 | invalidate();
492 | }
493 |
494 | public void setTextsize(float textsize) {
495 | this.mTextsize = sp2px(textsize);
496 | updateTabStyles();
497 | }
498 |
499 | public void setTextSelectColor(int textSelectColor) {
500 | this.mTextSelectColor = textSelectColor;
501 | updateTabStyles();
502 | }
503 |
504 | public void setTextUnselectColor(int textUnselectColor) {
505 | this.mTextUnselectColor = textUnselectColor;
506 | updateTabStyles();
507 | }
508 |
509 | public void setTextBold(int textBold) {
510 | this.mTextBold = textBold;
511 | updateTabStyles();
512 | }
513 |
514 | public void setTextAllCaps(boolean textAllCaps) {
515 | this.mTextAllCaps = textAllCaps;
516 | updateTabStyles();
517 | }
518 |
519 | public int getTabCount() {
520 | return mTabCount;
521 | }
522 |
523 | public int getCurrentTab() {
524 | return mCurrentTab;
525 | }
526 |
527 | public float getTabPadding() {
528 | return mTabPadding;
529 | }
530 |
531 | public boolean isTabSpaceEqual() {
532 | return mTabSpaceEqual;
533 | }
534 |
535 | public float getTabWidth() {
536 | return mTabWidth;
537 | }
538 |
539 | public int getIndicatorColor() {
540 | return mIndicatorColor;
541 | }
542 |
543 | public float getIndicatorHeight() {
544 | return mIndicatorHeight;
545 | }
546 |
547 | public float getIndicatorCornerRadius() {
548 | return mIndicatorCornerRadius;
549 | }
550 |
551 | public float getIndicatorMarginLeft() {
552 | return mIndicatorMarginLeft;
553 | }
554 |
555 | public float getIndicatorMarginTop() {
556 | return mIndicatorMarginTop;
557 | }
558 |
559 | public float getIndicatorMarginRight() {
560 | return mIndicatorMarginRight;
561 | }
562 |
563 | public float getIndicatorMarginBottom() {
564 | return mIndicatorMarginBottom;
565 | }
566 |
567 | public long getIndicatorAnimDuration() {
568 | return mIndicatorAnimDuration;
569 | }
570 |
571 | public boolean isIndicatorAnimEnable() {
572 | return mIndicatorAnimEnable;
573 | }
574 |
575 | public boolean isIndicatorBounceEnable() {
576 | return mIndicatorBounceEnable;
577 | }
578 |
579 | public int getDividerColor() {
580 | return mDividerColor;
581 | }
582 |
583 | public float getDividerWidth() {
584 | return mDividerWidth;
585 | }
586 |
587 | public float getDividerPadding() {
588 | return mDividerPadding;
589 | }
590 |
591 | public float getTextsize() {
592 | return mTextsize;
593 | }
594 |
595 | public int getTextSelectColor() {
596 | return mTextSelectColor;
597 | }
598 |
599 | public int getTextUnselectColor() {
600 | return mTextUnselectColor;
601 | }
602 |
603 | public int getTextBold() {
604 | return mTextBold;
605 | }
606 |
607 | public boolean isTextAllCaps() {
608 | return mTextAllCaps;
609 | }
610 |
611 | public TextView getTitleView(int tab) {
612 | View tabView = mTabsContainer.getChildAt(tab);
613 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
614 | return tv_tab_title;
615 | }
616 |
617 | //setter and getter
618 | // show MsgTipView
619 | private Paint mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
620 | private SparseArray mInitSetMap = new SparseArray<>();
621 |
622 | /**
623 | * 显示未读消息
624 | *
625 | * @param position 显示tab位置
626 | * @param num num小于等于0显示红点,num大于0显示数字
627 | */
628 | public void showMsg(int position, int num) {
629 | if (position >= mTabCount) {
630 | position = mTabCount - 1;
631 | }
632 |
633 | View tabView = mTabsContainer.getChildAt(position);
634 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
635 | if (tipView != null) {
636 | UnreadMsgUtils.show(tipView, num);
637 |
638 | if (mInitSetMap.get(position) != null && mInitSetMap.get(position)) {
639 | return;
640 | }
641 |
642 | setMsgMargin(position, 2, 2);
643 |
644 | mInitSetMap.put(position, true);
645 | }
646 | }
647 |
648 | /**
649 | * 显示未读红点
650 | *
651 | * @param position 显示tab位置
652 | */
653 | public void showDot(int position) {
654 | if (position >= mTabCount) {
655 | position = mTabCount - 1;
656 | }
657 | showMsg(position, 0);
658 | }
659 |
660 | public void hideMsg(int position) {
661 | if (position >= mTabCount) {
662 | position = mTabCount - 1;
663 | }
664 |
665 | View tabView = mTabsContainer.getChildAt(position);
666 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
667 | if (tipView != null) {
668 | tipView.setVisibility(View.GONE);
669 | }
670 | }
671 |
672 | /**
673 | * 设置提示红点偏移,注意
674 | * 1.控件为固定高度:参照点为tab内容的右上角
675 | * 2.控件高度不固定(WRAP_CONTENT):参照点为tab内容的右上角,此时高度已是红点的最高显示范围,所以这时bottomPadding其实就是topPadding
676 | */
677 | public void setMsgMargin(int position, float leftPadding, float bottomPadding) {
678 | if (position >= mTabCount) {
679 | position = mTabCount - 1;
680 | }
681 | View tabView = mTabsContainer.getChildAt(position);
682 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
683 | if (tipView != null) {
684 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
685 | mTextPaint.setTextSize(mTextsize);
686 | float textWidth = mTextPaint.measureText(tv_tab_title.getText().toString());
687 | float textHeight = mTextPaint.descent() - mTextPaint.ascent();
688 | MarginLayoutParams lp = (MarginLayoutParams) tipView.getLayoutParams();
689 |
690 | lp.leftMargin = dp2px(leftPadding);
691 | lp.topMargin = mHeight > 0 ? (int) (mHeight - textHeight) / 2 - dp2px(bottomPadding) : dp2px(bottomPadding);
692 |
693 | tipView.setLayoutParams(lp);
694 | }
695 | }
696 |
697 | /** 当前类只提供了少许设置未读消息属性的方法,可以通过该方法获取MsgView对象从而各种设置 */
698 | public MsgView getMsgView(int position) {
699 | if (position >= mTabCount) {
700 | position = mTabCount - 1;
701 | }
702 | View tabView = mTabsContainer.getChildAt(position);
703 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
704 | return tipView;
705 | }
706 |
707 | private OnTabSelectListener mListener;
708 |
709 | public void setOnTabSelectListener(OnTabSelectListener listener) {
710 | this.mListener = listener;
711 | }
712 |
713 | @Override
714 | protected Parcelable onSaveInstanceState() {
715 | Bundle bundle = new Bundle();
716 | bundle.putParcelable("instanceState", super.onSaveInstanceState());
717 | bundle.putInt("mCurrentTab", mCurrentTab);
718 | return bundle;
719 | }
720 |
721 | @Override
722 | protected void onRestoreInstanceState(Parcelable state) {
723 | if (state instanceof Bundle) {
724 | Bundle bundle = (Bundle) state;
725 | mCurrentTab = bundle.getInt("mCurrentTab");
726 | state = bundle.getParcelable("instanceState");
727 | if (mCurrentTab != 0 && mTabsContainer.getChildCount() > 0) {
728 | updateTabSelection(mCurrentTab);
729 | }
730 | }
731 | super.onRestoreInstanceState(state);
732 | }
733 |
734 | class IndicatorPoint {
735 | public float left;
736 | public float right;
737 | }
738 |
739 | private IndicatorPoint mCurrentP = new IndicatorPoint();
740 | private IndicatorPoint mLastP = new IndicatorPoint();
741 |
742 | class PointEvaluator implements TypeEvaluator {
743 | @Override
744 | public IndicatorPoint evaluate(float fraction, IndicatorPoint startValue, IndicatorPoint endValue) {
745 | float left = startValue.left + fraction * (endValue.left - startValue.left);
746 | float right = startValue.right + fraction * (endValue.right - startValue.right);
747 | IndicatorPoint point = new IndicatorPoint();
748 | point.left = left;
749 | point.right = right;
750 | return point;
751 | }
752 | }
753 |
754 | protected int dp2px(float dp) {
755 | final float scale = mContext.getResources().getDisplayMetrics().density;
756 | return (int) (dp * scale + 0.5f);
757 | }
758 |
759 | protected int sp2px(float sp) {
760 | final float scale = this.mContext.getResources().getDisplayMetrics().scaledDensity;
761 | return (int) (sp * scale + 0.5f);
762 | }
763 | }
764 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/CommonTabLayout.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout;
2 |
3 | import android.animation.TypeEvaluator;
4 | import android.animation.ValueAnimator;
5 | import android.content.Context;
6 | import android.content.res.TypedArray;
7 | import android.graphics.Canvas;
8 | import android.graphics.Color;
9 | import android.graphics.Paint;
10 | import android.graphics.Path;
11 | import android.graphics.Rect;
12 | import android.graphics.Typeface;
13 | import android.graphics.drawable.GradientDrawable;
14 | import android.os.Bundle;
15 | import android.os.Parcelable;
16 | import androidx.fragment.app.Fragment;
17 | import androidx.fragment.app.FragmentActivity;
18 | import android.util.AttributeSet;
19 | import android.util.SparseArray;
20 | import android.util.TypedValue;
21 | import android.view.Gravity;
22 | import android.view.View;
23 | import android.view.ViewGroup;
24 | import android.view.animation.OvershootInterpolator;
25 | import android.widget.FrameLayout;
26 | import android.widget.ImageView;
27 | import android.widget.LinearLayout;
28 | import android.widget.TextView;
29 |
30 | import com.flyco.tablayout.listener.CustomTabEntity;
31 | import com.flyco.tablayout.listener.OnTabSelectListener;
32 | import com.flyco.tablayout.utils.FragmentChangeManager;
33 | import com.flyco.tablayout.utils.UnreadMsgUtils;
34 | import com.flyco.tablayout.widget.MsgView;
35 |
36 | import java.util.ArrayList;
37 |
38 | /** 没有继承HorizontalScrollView不能滑动,对于ViewPager无依赖 */
39 | public class CommonTabLayout extends FrameLayout implements ValueAnimator.AnimatorUpdateListener {
40 | private Context mContext;
41 | private ArrayList mTabEntitys = new ArrayList<>();
42 | private LinearLayout mTabsContainer;
43 | private int mCurrentTab;
44 | private int mLastTab;
45 | private int mTabCount;
46 | /** 用于绘制显示器 */
47 | private Rect mIndicatorRect = new Rect();
48 | private GradientDrawable mIndicatorDrawable = new GradientDrawable();
49 |
50 | private Paint mRectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
51 | private Paint mDividerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
52 | private Paint mTrianglePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
53 | private Path mTrianglePath = new Path();
54 | private static final int STYLE_NORMAL = 0;
55 | private static final int STYLE_TRIANGLE = 1;
56 | private static final int STYLE_BLOCK = 2;
57 | private int mIndicatorStyle = STYLE_NORMAL;
58 |
59 | private float mTabPadding;
60 | private boolean mTabSpaceEqual;
61 | private float mTabWidth;
62 |
63 | /** indicator */
64 | private int mIndicatorColor;
65 | private float mIndicatorHeight;
66 | private float mIndicatorWidth;
67 | private float mIndicatorCornerRadius;
68 | private float mIndicatorMarginLeft;
69 | private float mIndicatorMarginTop;
70 | private float mIndicatorMarginRight;
71 | private float mIndicatorMarginBottom;
72 | private long mIndicatorAnimDuration;
73 | private boolean mIndicatorAnimEnable;
74 | private boolean mIndicatorBounceEnable;
75 | private int mIndicatorGravity;
76 |
77 | /** underline */
78 | private int mUnderlineColor;
79 | private float mUnderlineHeight;
80 | private int mUnderlineGravity;
81 |
82 | /** divider */
83 | private int mDividerColor;
84 | private float mDividerWidth;
85 | private float mDividerPadding;
86 |
87 | /** title */
88 | private static final int TEXT_BOLD_NONE = 0;
89 | private static final int TEXT_BOLD_WHEN_SELECT = 1;
90 | private static final int TEXT_BOLD_BOTH = 2;
91 | private float mTextsize;
92 | private float mTextSelectSize;
93 | private int mTextSelectColor;
94 | private int mTextUnselectColor;
95 | private int mTextBold;
96 | private boolean mTextAllCaps;
97 | private Typeface textTypeface;
98 |
99 | /** icon */
100 | private boolean mIconVisible;
101 | private int mIconGravity;
102 | private float mIconWidth;
103 | private float mIconHeight;
104 | private float mIconMargin;
105 |
106 | private int mHeight;
107 |
108 | /** anim */
109 | private ValueAnimator mValueAnimator;
110 | private OvershootInterpolator mInterpolator = new OvershootInterpolator(1.5f);
111 |
112 | private FragmentChangeManager mFragmentChangeManager;
113 |
114 | public CommonTabLayout(Context context) {
115 | this(context, null, 0);
116 | }
117 |
118 | public CommonTabLayout(Context context, AttributeSet attrs) {
119 | this(context, attrs, 0);
120 | }
121 |
122 | public CommonTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
123 | super(context, attrs, defStyleAttr);
124 | setWillNotDraw(false);//重写onDraw方法,需要调用这个方法来清除flag
125 | setClipChildren(false);
126 | setClipToPadding(false);
127 |
128 | this.mContext = context;
129 | mTabsContainer = new LinearLayout(context);
130 | addView(mTabsContainer);
131 |
132 | obtainAttributes(context, attrs);
133 |
134 | //get layout_height
135 | String height = attrs.getAttributeValue("http://schemas.android.com/apk/res/android", "layout_height");
136 |
137 | //create ViewPager
138 | if (height.equals(ViewGroup.LayoutParams.MATCH_PARENT + "")) {
139 | } else if (height.equals(ViewGroup.LayoutParams.WRAP_CONTENT + "")) {
140 | } else {
141 | int[] systemAttrs = {android.R.attr.layout_height};
142 | TypedArray a = context.obtainStyledAttributes(attrs, systemAttrs);
143 | mHeight = a.getDimensionPixelSize(0, ViewGroup.LayoutParams.WRAP_CONTENT);
144 | a.recycle();
145 | }
146 |
147 | mValueAnimator = ValueAnimator.ofObject(new PointEvaluator(), mLastP, mCurrentP);
148 | mValueAnimator.addUpdateListener(this);
149 | }
150 |
151 | private void obtainAttributes(Context context, AttributeSet attrs) {
152 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.CommonTabLayout);
153 |
154 | mIndicatorStyle = ta.getInt(R.styleable.CommonTabLayout_tl_indicator_style, 0);
155 | mIndicatorColor = ta.getColor(R.styleable.CommonTabLayout_tl_indicator_color, Color.parseColor(mIndicatorStyle == STYLE_BLOCK ? "#4B6A87" : "#ffffff"));
156 | mIndicatorHeight = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_height,
157 | dp2px(mIndicatorStyle == STYLE_TRIANGLE ? 4 : (mIndicatorStyle == STYLE_BLOCK ? -1 : 2)));
158 | mIndicatorWidth = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_width, dp2px(mIndicatorStyle == STYLE_TRIANGLE ? 10 : -1));
159 | mIndicatorCornerRadius = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_corner_radius, dp2px(mIndicatorStyle == STYLE_BLOCK ? -1 : 0));
160 | mIndicatorMarginLeft = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_margin_left, dp2px(0));
161 | mIndicatorMarginTop = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_margin_top, dp2px(mIndicatorStyle == STYLE_BLOCK ? 7 : 0));
162 | mIndicatorMarginRight = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_margin_right, dp2px(0));
163 | mIndicatorMarginBottom = ta.getDimension(R.styleable.CommonTabLayout_tl_indicator_margin_bottom, dp2px(mIndicatorStyle == STYLE_BLOCK ? 7 : 0));
164 | mIndicatorAnimEnable = ta.getBoolean(R.styleable.CommonTabLayout_tl_indicator_anim_enable, true);
165 | mIndicatorBounceEnable = ta.getBoolean(R.styleable.CommonTabLayout_tl_indicator_bounce_enable, true);
166 | mIndicatorAnimDuration = ta.getInt(R.styleable.CommonTabLayout_tl_indicator_anim_duration, -1);
167 | mIndicatorGravity = ta.getInt(R.styleable.CommonTabLayout_tl_indicator_gravity, Gravity.BOTTOM);
168 |
169 | mUnderlineColor = ta.getColor(R.styleable.CommonTabLayout_tl_underline_color, Color.parseColor("#ffffff"));
170 | mUnderlineHeight = ta.getDimension(R.styleable.CommonTabLayout_tl_underline_height, dp2px(0));
171 | mUnderlineGravity = ta.getInt(R.styleable.CommonTabLayout_tl_underline_gravity, Gravity.BOTTOM);
172 |
173 | mDividerColor = ta.getColor(R.styleable.CommonTabLayout_tl_divider_color, Color.parseColor("#ffffff"));
174 | mDividerWidth = ta.getDimension(R.styleable.CommonTabLayout_tl_divider_width, dp2px(0));
175 | mDividerPadding = ta.getDimension(R.styleable.CommonTabLayout_tl_divider_padding, dp2px(12));
176 |
177 | mTextsize = ta.getDimension(R.styleable.CommonTabLayout_tl_textsize, sp2px(13f));
178 | mTextSelectSize = ta.getDimension(R.styleable.CommonTabLayout_tl_textSelectSize, sp2px(14));
179 | mTextSelectColor = ta.getColor(R.styleable.CommonTabLayout_tl_textSelectColor, Color.parseColor("#ffffff"));
180 | mTextUnselectColor = ta.getColor(R.styleable.CommonTabLayout_tl_textUnselectColor, Color.parseColor("#AAffffff"));
181 | mTextBold = ta.getInt(R.styleable.CommonTabLayout_tl_textBold, TEXT_BOLD_NONE);
182 | mTextAllCaps = ta.getBoolean(R.styleable.CommonTabLayout_tl_textAllCaps, false);
183 | String fontPath = ta.getString(R.styleable.CommonTabLayout_tl_textFontPath);
184 | if(fontPath!=null && !fontPath.isEmpty()){
185 | textTypeface = Typeface.createFromAsset(context.getAssets(), fontPath);
186 | }
187 |
188 | mIconVisible = ta.getBoolean(R.styleable.CommonTabLayout_tl_iconVisible, true);
189 | mIconGravity = ta.getInt(R.styleable.CommonTabLayout_tl_iconGravity, Gravity.TOP);
190 | mIconWidth = ta.getDimension(R.styleable.CommonTabLayout_tl_iconWidth, dp2px(0));
191 | mIconHeight = ta.getDimension(R.styleable.CommonTabLayout_tl_iconHeight, dp2px(0));
192 | mIconMargin = ta.getDimension(R.styleable.CommonTabLayout_tl_iconMargin, dp2px(2.5f));
193 |
194 | mTabSpaceEqual = ta.getBoolean(R.styleable.CommonTabLayout_tl_tab_space_equal, true);
195 | mTabWidth = ta.getDimension(R.styleable.CommonTabLayout_tl_tab_width, dp2px(-1));
196 | mTabPadding = ta.getDimension(R.styleable.CommonTabLayout_tl_tab_padding, mTabSpaceEqual || mTabWidth > 0 ? dp2px(0) : dp2px(10));
197 |
198 | ta.recycle();
199 | }
200 |
201 | public void setTabData(ArrayList tabEntitys) {
202 | if (tabEntitys == null || tabEntitys.size() == 0) {
203 | throw new IllegalStateException("TabEntitys can not be NULL or EMPTY !");
204 | }
205 |
206 | this.mTabEntitys.clear();
207 | this.mTabEntitys.addAll(tabEntitys);
208 |
209 | notifyDataSetChanged();
210 | }
211 |
212 | /** 关联数据支持同时切换fragments */
213 | public void setTabData(ArrayList tabEntitys, FragmentActivity fa, int containerViewId, ArrayList fragments) {
214 | mFragmentChangeManager = new FragmentChangeManager(fa.getSupportFragmentManager(), containerViewId, fragments);
215 | setTabData(tabEntitys);
216 | }
217 |
218 | /** 更新数据 */
219 | public void notifyDataSetChanged() {
220 | mTabsContainer.removeAllViews();
221 | this.mTabCount = mTabEntitys.size();
222 | View tabView;
223 | for (int i = 0; i < mTabCount; i++) {
224 | if (mIconGravity == Gravity.LEFT) {
225 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab_left, null);
226 | } else if (mIconGravity == Gravity.RIGHT) {
227 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab_right, null);
228 | } else if (mIconGravity == Gravity.BOTTOM) {
229 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab_bottom, null);
230 | } else {
231 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab_top, null);
232 | }
233 |
234 | tabView.setTag(i);
235 | addTab(i, tabView);
236 | }
237 |
238 | updateTabStyles();
239 | }
240 |
241 | /** 创建并添加tab */
242 | private void addTab(final int position, View tabView) {
243 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
244 | tv_tab_title.setText(mTabEntitys.get(position).getTabTitle());
245 | ImageView iv_tab_icon = (ImageView) tabView.findViewById(R.id.iv_tab_icon);
246 | iv_tab_icon.setImageResource(mTabEntitys.get(position).getTabUnselectedIcon());
247 |
248 | tabView.setOnClickListener(new OnClickListener() {
249 | @Override
250 | public void onClick(View v) {
251 | int position = (Integer) v.getTag();
252 | if (mCurrentTab != position) {
253 | setCurrentTab(position);
254 | if (mListener != null) {
255 | mListener.onTabSelect(position);
256 | }
257 | } else {
258 | if (mListener != null) {
259 | mListener.onTabReselect(position);
260 | }
261 | }
262 | }
263 | });
264 |
265 | /** 每一个Tab的布局参数 */
266 | LinearLayout.LayoutParams lp_tab = mTabSpaceEqual ?
267 | new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1.0f) :
268 | new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
269 | if (mTabWidth > 0) {
270 | lp_tab = new LinearLayout.LayoutParams((int) mTabWidth, LayoutParams.MATCH_PARENT);
271 | }
272 | mTabsContainer.addView(tabView, position, lp_tab);
273 | }
274 |
275 | private void updateTabStyles() {
276 | for (int i = 0; i < mTabCount; i++) {
277 | View tabView = mTabsContainer.getChildAt(i);
278 | tabView.setPadding((int) mTabPadding, 0, (int) mTabPadding, 0);
279 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
280 | if(textTypeface!=null)tv_tab_title.setTypeface(textTypeface);
281 | tv_tab_title.setTextColor(i == mCurrentTab ? mTextSelectColor : mTextUnselectColor);
282 | tv_tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
283 | // tv_tab_title.setPadding((int) mTabPadding, 0, (int) mTabPadding, 0);
284 | if (mTextAllCaps) {
285 | tv_tab_title.setText(tv_tab_title.getText().toString().toUpperCase());
286 | }
287 |
288 | if (mTextBold == TEXT_BOLD_BOTH) {
289 | tv_tab_title.getPaint().setFakeBoldText(true);
290 | } else if (mTextBold == TEXT_BOLD_NONE) {
291 | tv_tab_title.getPaint().setFakeBoldText(false);
292 | }
293 |
294 | ImageView iv_tab_icon = (ImageView) tabView.findViewById(R.id.iv_tab_icon);
295 | if (mIconVisible) {
296 | iv_tab_icon.setVisibility(View.VISIBLE);
297 | CustomTabEntity tabEntity = mTabEntitys.get(i);
298 | iv_tab_icon.setImageResource(i == mCurrentTab ? tabEntity.getTabSelectedIcon() : tabEntity.getTabUnselectedIcon());
299 | LinearLayout.LayoutParams lp = new LinearLayout.LayoutParams(
300 | mIconWidth <= 0 ? LinearLayout.LayoutParams.WRAP_CONTENT : (int) mIconWidth,
301 | mIconHeight <= 0 ? LinearLayout.LayoutParams.WRAP_CONTENT : (int) mIconHeight);
302 | if (mIconGravity == Gravity.LEFT) {
303 | lp.rightMargin = (int) mIconMargin;
304 | } else if (mIconGravity == Gravity.RIGHT) {
305 | lp.leftMargin = (int) mIconMargin;
306 | } else if (mIconGravity == Gravity.BOTTOM) {
307 | lp.topMargin = (int) mIconMargin;
308 | } else {
309 | lp.bottomMargin = (int) mIconMargin;
310 | }
311 |
312 | iv_tab_icon.setLayoutParams(lp);
313 | } else {
314 | iv_tab_icon.setVisibility(View.GONE);
315 | }
316 | }
317 | }
318 |
319 | private void updateTabSelection(int position) {
320 | for (int i = 0; i < mTabCount; ++i) {
321 | View tabView = mTabsContainer.getChildAt(i);
322 | final boolean isSelect = i == position;
323 | TextView tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
324 | tab_title.setTextColor(isSelect ? mTextSelectColor : mTextUnselectColor);
325 | tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
326 | ImageView iv_tab_icon = (ImageView) tabView.findViewById(R.id.iv_tab_icon);
327 | CustomTabEntity tabEntity = mTabEntitys.get(i);
328 | iv_tab_icon.setImageResource(isSelect ? tabEntity.getTabSelectedIcon() : tabEntity.getTabUnselectedIcon());
329 | if (mTextBold == TEXT_BOLD_WHEN_SELECT) {
330 | tab_title.getPaint().setFakeBoldText(isSelect);
331 | }
332 | }
333 | }
334 |
335 | private void calcOffset() {
336 | final View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
337 | mCurrentP.left = currentTabView.getLeft();
338 | mCurrentP.right = currentTabView.getRight();
339 |
340 | final View lastTabView = mTabsContainer.getChildAt(this.mLastTab);
341 | mLastP.left = lastTabView.getLeft();
342 | mLastP.right = lastTabView.getRight();
343 |
344 | // Log.d("AAA", "mLastP--->" + mLastP.left + "&" + mLastP.right);
345 | // Log.d("AAA", "mCurrentP--->" + mCurrentP.left + "&" + mCurrentP.right);
346 | if (mLastP.left == mCurrentP.left && mLastP.right == mCurrentP.right) {
347 | invalidate();
348 | } else {
349 | mValueAnimator.setObjectValues(mLastP, mCurrentP);
350 | if (mIndicatorBounceEnable) {
351 | mValueAnimator.setInterpolator(mInterpolator);
352 | }
353 |
354 | if (mIndicatorAnimDuration < 0) {
355 | mIndicatorAnimDuration = mIndicatorBounceEnable ? 500 : 250;
356 | }
357 | mValueAnimator.setDuration(mIndicatorAnimDuration);
358 | mValueAnimator.start();
359 | }
360 | }
361 |
362 | private void calcIndicatorRect() {
363 | View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
364 | float left = currentTabView.getLeft();
365 | float right = currentTabView.getRight();
366 |
367 | mIndicatorRect.left = (int) left;
368 | mIndicatorRect.right = (int) right;
369 |
370 | if (mIndicatorWidth < 0) { //indicatorWidth小于0时,原jpardogo's PagerSlidingTabStrip
371 |
372 | } else {//indicatorWidth大于0时,圆角矩形以及三角形
373 | float indicatorLeft = currentTabView.getLeft() + (currentTabView.getWidth() - mIndicatorWidth) / 2;
374 |
375 | mIndicatorRect.left = (int) indicatorLeft;
376 | mIndicatorRect.right = (int) (mIndicatorRect.left + mIndicatorWidth);
377 | }
378 | }
379 |
380 | @Override
381 | public void onAnimationUpdate(ValueAnimator animation) {
382 | View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
383 | IndicatorPoint p = (IndicatorPoint) animation.getAnimatedValue();
384 | mIndicatorRect.left = (int) p.left;
385 | mIndicatorRect.right = (int) p.right;
386 |
387 | if (mIndicatorWidth < 0) { //indicatorWidth小于0时,原jpardogo's PagerSlidingTabStrip
388 |
389 | } else {//indicatorWidth大于0时,圆角矩形以及三角形
390 | float indicatorLeft = p.left + (currentTabView.getWidth() - mIndicatorWidth) / 2;
391 |
392 | mIndicatorRect.left = (int) indicatorLeft;
393 | mIndicatorRect.right = (int) (mIndicatorRect.left + mIndicatorWidth);
394 | }
395 | invalidate();
396 | }
397 |
398 | private boolean mIsFirstDraw = true;
399 |
400 | @Override
401 | protected void onDraw(Canvas canvas) {
402 | super.onDraw(canvas);
403 |
404 | if (isInEditMode() || mTabCount <= 0) {
405 | return;
406 | }
407 |
408 | int height = getHeight();
409 | int paddingLeft = getPaddingLeft();
410 | // draw divider
411 | if (mDividerWidth > 0) {
412 | mDividerPaint.setStrokeWidth(mDividerWidth);
413 | mDividerPaint.setColor(mDividerColor);
414 | for (int i = 0; i < mTabCount - 1; i++) {
415 | View tab = mTabsContainer.getChildAt(i);
416 | canvas.drawLine(paddingLeft + tab.getRight(), mDividerPadding, paddingLeft + tab.getRight(), height - mDividerPadding, mDividerPaint);
417 | }
418 | }
419 |
420 | // draw underline
421 | if (mUnderlineHeight > 0) {
422 | mRectPaint.setColor(mUnderlineColor);
423 | if (mUnderlineGravity == Gravity.BOTTOM) {
424 | canvas.drawRect(paddingLeft, height - mUnderlineHeight, mTabsContainer.getWidth() + paddingLeft, height, mRectPaint);
425 | } else {
426 | canvas.drawRect(paddingLeft, 0, mTabsContainer.getWidth() + paddingLeft, mUnderlineHeight, mRectPaint);
427 | }
428 | }
429 |
430 | //draw indicator line
431 | if (mIndicatorAnimEnable) {
432 | if (mIsFirstDraw) {
433 | mIsFirstDraw = false;
434 | calcIndicatorRect();
435 | }
436 | } else {
437 | calcIndicatorRect();
438 | }
439 |
440 |
441 | if (mIndicatorStyle == STYLE_TRIANGLE) {
442 | if (mIndicatorHeight > 0) {
443 | mTrianglePaint.setColor(mIndicatorColor);
444 | mTrianglePath.reset();
445 | mTrianglePath.moveTo(paddingLeft + mIndicatorRect.left, height);
446 | mTrianglePath.lineTo(paddingLeft + mIndicatorRect.left / 2 + mIndicatorRect.right / 2, height - mIndicatorHeight);
447 | mTrianglePath.lineTo(paddingLeft + mIndicatorRect.right, height);
448 | mTrianglePath.close();
449 | canvas.drawPath(mTrianglePath, mTrianglePaint);
450 | }
451 | } else if (mIndicatorStyle == STYLE_BLOCK) {
452 | if (mIndicatorHeight < 0) {
453 | mIndicatorHeight = height - mIndicatorMarginTop - mIndicatorMarginBottom;
454 | } else {
455 |
456 | }
457 |
458 | if (mIndicatorHeight > 0) {
459 | if (mIndicatorCornerRadius < 0 || mIndicatorCornerRadius > mIndicatorHeight / 2) {
460 | mIndicatorCornerRadius = mIndicatorHeight / 2;
461 | }
462 |
463 | mIndicatorDrawable.setColor(mIndicatorColor);
464 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
465 | (int) mIndicatorMarginTop, (int) (paddingLeft + mIndicatorRect.right - mIndicatorMarginRight),
466 | (int) (mIndicatorMarginTop + mIndicatorHeight));
467 | mIndicatorDrawable.setCornerRadius(mIndicatorCornerRadius);
468 | mIndicatorDrawable.draw(canvas);
469 | }
470 | } else {
471 | /* mRectPaint.setColor(mIndicatorColor);
472 | calcIndicatorRect();
473 | canvas.drawRect(getPaddingLeft() + mIndicatorRect.left, getHeight() - mIndicatorHeight,
474 | mIndicatorRect.right + getPaddingLeft(), getHeight(), mRectPaint);*/
475 |
476 | if (mIndicatorHeight > 0) {
477 | mIndicatorDrawable.setColor(mIndicatorColor);
478 | if (mIndicatorGravity == Gravity.BOTTOM) {
479 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
480 | height - (int) mIndicatorHeight - (int) mIndicatorMarginBottom,
481 | paddingLeft + mIndicatorRect.right - (int) mIndicatorMarginRight,
482 | height - (int) mIndicatorMarginBottom);
483 | } else {
484 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
485 | (int) mIndicatorMarginTop,
486 | paddingLeft + mIndicatorRect.right - (int) mIndicatorMarginRight,
487 | (int) mIndicatorHeight + (int) mIndicatorMarginTop);
488 | }
489 | mIndicatorDrawable.setCornerRadius(mIndicatorCornerRadius);
490 | mIndicatorDrawable.draw(canvas);
491 | }
492 | }
493 | }
494 |
495 | //setter and getter
496 | public void setCurrentTab(int currentTab) {
497 | mLastTab = this.mCurrentTab;
498 | this.mCurrentTab = currentTab;
499 | updateTabSelection(currentTab);
500 | if (mFragmentChangeManager != null) {
501 | mFragmentChangeManager.setFragments(currentTab);
502 | }
503 | if (mIndicatorAnimEnable) {
504 | calcOffset();
505 | } else {
506 | invalidate();
507 | }
508 | }
509 |
510 | public void setIndicatorStyle(int indicatorStyle) {
511 | this.mIndicatorStyle = indicatorStyle;
512 | invalidate();
513 | }
514 |
515 | public void setTabPadding(float tabPadding) {
516 | this.mTabPadding = dp2px(tabPadding);
517 | updateTabStyles();
518 | }
519 |
520 | public void setTabSpaceEqual(boolean tabSpaceEqual) {
521 | this.mTabSpaceEqual = tabSpaceEqual;
522 | updateTabStyles();
523 | }
524 |
525 | public void setTabWidth(float tabWidth) {
526 | this.mTabWidth = dp2px(tabWidth);
527 | updateTabStyles();
528 | }
529 |
530 | public void setIndicatorColor(int indicatorColor) {
531 | this.mIndicatorColor = indicatorColor;
532 | invalidate();
533 | }
534 |
535 | public void setIndicatorHeight(float indicatorHeight) {
536 | this.mIndicatorHeight = dp2px(indicatorHeight);
537 | invalidate();
538 | }
539 |
540 | public void setIndicatorWidth(float indicatorWidth) {
541 | this.mIndicatorWidth = dp2px(indicatorWidth);
542 | invalidate();
543 | }
544 |
545 | public void setIndicatorCornerRadius(float indicatorCornerRadius) {
546 | this.mIndicatorCornerRadius = dp2px(indicatorCornerRadius);
547 | invalidate();
548 | }
549 |
550 | public void setIndicatorGravity(int indicatorGravity) {
551 | this.mIndicatorGravity = indicatorGravity;
552 | invalidate();
553 | }
554 |
555 | public void setIndicatorMargin(float indicatorMarginLeft, float indicatorMarginTop,
556 | float indicatorMarginRight, float indicatorMarginBottom) {
557 | this.mIndicatorMarginLeft = dp2px(indicatorMarginLeft);
558 | this.mIndicatorMarginTop = dp2px(indicatorMarginTop);
559 | this.mIndicatorMarginRight = dp2px(indicatorMarginRight);
560 | this.mIndicatorMarginBottom = dp2px(indicatorMarginBottom);
561 | invalidate();
562 | }
563 |
564 | public void setIndicatorAnimDuration(long indicatorAnimDuration) {
565 | this.mIndicatorAnimDuration = indicatorAnimDuration;
566 | }
567 |
568 | public void setIndicatorAnimEnable(boolean indicatorAnimEnable) {
569 | this.mIndicatorAnimEnable = indicatorAnimEnable;
570 | }
571 |
572 | public void setIndicatorBounceEnable(boolean indicatorBounceEnable) {
573 | this.mIndicatorBounceEnable = indicatorBounceEnable;
574 | }
575 |
576 | public void setUnderlineColor(int underlineColor) {
577 | this.mUnderlineColor = underlineColor;
578 | invalidate();
579 | }
580 |
581 | public void setUnderlineHeight(float underlineHeight) {
582 | this.mUnderlineHeight = dp2px(underlineHeight);
583 | invalidate();
584 | }
585 |
586 | public void setUnderlineGravity(int underlineGravity) {
587 | this.mUnderlineGravity = underlineGravity;
588 | invalidate();
589 | }
590 |
591 | public void setDividerColor(int dividerColor) {
592 | this.mDividerColor = dividerColor;
593 | invalidate();
594 | }
595 |
596 | public void setDividerWidth(float dividerWidth) {
597 | this.mDividerWidth = dp2px(dividerWidth);
598 | invalidate();
599 | }
600 |
601 | public void setDividerPadding(float dividerPadding) {
602 | this.mDividerPadding = dp2px(dividerPadding);
603 | invalidate();
604 | }
605 |
606 | public void setTextsize(float textsize) {
607 | this.mTextsize = sp2px(textsize);
608 | updateTabStyles();
609 | }
610 |
611 | public void setTextSelectColor(int textSelectColor) {
612 | this.mTextSelectColor = textSelectColor;
613 | updateTabStyles();
614 | }
615 |
616 | public void setTextUnselectColor(int textUnselectColor) {
617 | this.mTextUnselectColor = textUnselectColor;
618 | updateTabStyles();
619 | }
620 |
621 | public void setTextBold(int textBold) {
622 | this.mTextBold = textBold;
623 | updateTabStyles();
624 | }
625 |
626 | public void setIconVisible(boolean iconVisible) {
627 | this.mIconVisible = iconVisible;
628 | updateTabStyles();
629 | }
630 |
631 | public void setIconGravity(int iconGravity) {
632 | this.mIconGravity = iconGravity;
633 | notifyDataSetChanged();
634 | }
635 |
636 | public void setIconWidth(float iconWidth) {
637 | this.mIconWidth = dp2px(iconWidth);
638 | updateTabStyles();
639 | }
640 |
641 | public void setIconHeight(float iconHeight) {
642 | this.mIconHeight = dp2px(iconHeight);
643 | updateTabStyles();
644 | }
645 |
646 | public void setIconMargin(float iconMargin) {
647 | this.mIconMargin = dp2px(iconMargin);
648 | updateTabStyles();
649 | }
650 |
651 | public void setTextAllCaps(boolean textAllCaps) {
652 | this.mTextAllCaps = textAllCaps;
653 | updateTabStyles();
654 | }
655 |
656 |
657 | public int getTabCount() {
658 | return mTabCount;
659 | }
660 |
661 | public int getCurrentTab() {
662 | return mCurrentTab;
663 | }
664 |
665 | public int getIndicatorStyle() {
666 | return mIndicatorStyle;
667 | }
668 |
669 | public float getTabPadding() {
670 | return mTabPadding;
671 | }
672 |
673 | public boolean isTabSpaceEqual() {
674 | return mTabSpaceEqual;
675 | }
676 |
677 | public float getTabWidth() {
678 | return mTabWidth;
679 | }
680 |
681 | public int getIndicatorColor() {
682 | return mIndicatorColor;
683 | }
684 |
685 | public float getIndicatorHeight() {
686 | return mIndicatorHeight;
687 | }
688 |
689 | public float getIndicatorWidth() {
690 | return mIndicatorWidth;
691 | }
692 |
693 | public float getIndicatorCornerRadius() {
694 | return mIndicatorCornerRadius;
695 | }
696 |
697 | public float getIndicatorMarginLeft() {
698 | return mIndicatorMarginLeft;
699 | }
700 |
701 | public float getIndicatorMarginTop() {
702 | return mIndicatorMarginTop;
703 | }
704 |
705 | public float getIndicatorMarginRight() {
706 | return mIndicatorMarginRight;
707 | }
708 |
709 | public float getIndicatorMarginBottom() {
710 | return mIndicatorMarginBottom;
711 | }
712 |
713 | public long getIndicatorAnimDuration() {
714 | return mIndicatorAnimDuration;
715 | }
716 |
717 | public boolean isIndicatorAnimEnable() {
718 | return mIndicatorAnimEnable;
719 | }
720 |
721 | public boolean isIndicatorBounceEnable() {
722 | return mIndicatorBounceEnable;
723 | }
724 |
725 | public int getUnderlineColor() {
726 | return mUnderlineColor;
727 | }
728 |
729 | public float getUnderlineHeight() {
730 | return mUnderlineHeight;
731 | }
732 |
733 | public int getDividerColor() {
734 | return mDividerColor;
735 | }
736 |
737 | public float getDividerWidth() {
738 | return mDividerWidth;
739 | }
740 |
741 | public float getDividerPadding() {
742 | return mDividerPadding;
743 | }
744 |
745 | public float getTextsize() {
746 | return mTextsize;
747 | }
748 |
749 | public int getTextSelectColor() {
750 | return mTextSelectColor;
751 | }
752 |
753 | public int getTextUnselectColor() {
754 | return mTextUnselectColor;
755 | }
756 |
757 | public int getTextBold() {
758 | return mTextBold;
759 | }
760 |
761 | public boolean isTextAllCaps() {
762 | return mTextAllCaps;
763 | }
764 |
765 | public int getIconGravity() {
766 | return mIconGravity;
767 | }
768 |
769 | public float getIconWidth() {
770 | return mIconWidth;
771 | }
772 |
773 | public float getIconHeight() {
774 | return mIconHeight;
775 | }
776 |
777 | public float getIconMargin() {
778 | return mIconMargin;
779 | }
780 |
781 | public boolean isIconVisible() {
782 | return mIconVisible;
783 | }
784 |
785 |
786 | public ImageView getIconView(int tab) {
787 | View tabView = mTabsContainer.getChildAt(tab);
788 | ImageView iv_tab_icon = (ImageView) tabView.findViewById(R.id.iv_tab_icon);
789 | return iv_tab_icon;
790 | }
791 |
792 | public TextView getTitleView(int tab) {
793 | View tabView = mTabsContainer.getChildAt(tab);
794 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
795 | return tv_tab_title;
796 | }
797 |
798 | //setter and getter
799 |
800 | // show MsgTipView
801 | private Paint mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
802 | private SparseArray mInitSetMap = new SparseArray<>();
803 |
804 | /**
805 | * 显示未读消息
806 | *
807 | * @param position 显示tab位置
808 | * @param num num小于等于0显示红点,num大于0显示数字
809 | */
810 | public void showMsg(int position, int num) {
811 | if (position >= mTabCount) {
812 | position = mTabCount - 1;
813 | }
814 |
815 | View tabView = mTabsContainer.getChildAt(position);
816 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
817 | if (tipView != null) {
818 | UnreadMsgUtils.show(tipView, num);
819 |
820 | if (mInitSetMap.get(position) != null && mInitSetMap.get(position)) {
821 | return;
822 | }
823 |
824 | if (!mIconVisible) {
825 | setMsgMargin(position, 2, 2);
826 | } else {
827 | setMsgMargin(position, 0,
828 | mIconGravity == Gravity.LEFT || mIconGravity == Gravity.RIGHT ? 4 : 0);
829 | }
830 |
831 | mInitSetMap.put(position, true);
832 | }
833 | }
834 |
835 | /**
836 | * 显示未读红点
837 | *
838 | * @param position 显示tab位置
839 | */
840 | public void showDot(int position) {
841 | if (position >= mTabCount) {
842 | position = mTabCount - 1;
843 | }
844 | showMsg(position, 0);
845 | }
846 |
847 | public void hideMsg(int position) {
848 | if (position >= mTabCount) {
849 | position = mTabCount - 1;
850 | }
851 |
852 | View tabView = mTabsContainer.getChildAt(position);
853 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
854 | if (tipView != null) {
855 | tipView.setVisibility(View.GONE);
856 | }
857 | }
858 |
859 | /**
860 | * 设置提示红点偏移,注意
861 | * 1.控件为固定高度:参照点为tab内容的右上角
862 | * 2.控件高度不固定(WRAP_CONTENT):参照点为tab内容的右上角,此时高度已是红点的最高显示范围,所以这时bottomPadding其实就是topPadding
863 | */
864 | public void setMsgMargin(int position, float leftPadding, float bottomPadding) {
865 | if (position >= mTabCount) {
866 | position = mTabCount - 1;
867 | }
868 | View tabView = mTabsContainer.getChildAt(position);
869 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
870 | if (tipView != null) {
871 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
872 | mTextPaint.setTextSize(mTextsize);
873 | float textWidth = mTextPaint.measureText(tv_tab_title.getText().toString());
874 | float textHeight = mTextPaint.descent() - mTextPaint.ascent();
875 | MarginLayoutParams lp = (MarginLayoutParams) tipView.getLayoutParams();
876 |
877 | float iconH = mIconHeight;
878 | float margin = 0;
879 | if (mIconVisible) {
880 | if (iconH <= 0) {
881 | iconH = mContext.getResources().getDrawable(mTabEntitys.get(position).getTabSelectedIcon()).getIntrinsicHeight();
882 | }
883 | margin = mIconMargin;
884 | }
885 |
886 | if (mIconGravity == Gravity.TOP || mIconGravity == Gravity.BOTTOM) {
887 | lp.leftMargin = dp2px(leftPadding);
888 | lp.topMargin = mHeight > 0 ? (int) (mHeight - textHeight - iconH - margin) / 2 - dp2px(bottomPadding) : dp2px(bottomPadding);
889 | } else {
890 | lp.leftMargin = dp2px(leftPadding);
891 | lp.topMargin = mHeight > 0 ? (int) (mHeight - Math.max(textHeight, iconH)) / 2 - dp2px(bottomPadding) : dp2px(bottomPadding);
892 | }
893 |
894 | tipView.setLayoutParams(lp);
895 | }
896 | }
897 |
898 | /** 当前类只提供了少许设置未读消息属性的方法,可以通过该方法获取MsgView对象从而各种设置 */
899 | public MsgView getMsgView(int position) {
900 | if (position >= mTabCount) {
901 | position = mTabCount - 1;
902 | }
903 | View tabView = mTabsContainer.getChildAt(position);
904 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
905 | return tipView;
906 | }
907 |
908 | private OnTabSelectListener mListener;
909 |
910 | public void setOnTabSelectListener(OnTabSelectListener listener) {
911 | this.mListener = listener;
912 | }
913 |
914 |
915 | @Override
916 | protected Parcelable onSaveInstanceState() {
917 | Bundle bundle = new Bundle();
918 | bundle.putParcelable("instanceState", super.onSaveInstanceState());
919 | bundle.putInt("mCurrentTab", mCurrentTab);
920 | return bundle;
921 | }
922 |
923 | @Override
924 | protected void onRestoreInstanceState(Parcelable state) {
925 | if (state instanceof Bundle) {
926 | Bundle bundle = (Bundle) state;
927 | mCurrentTab = bundle.getInt("mCurrentTab");
928 | state = bundle.getParcelable("instanceState");
929 | if (mCurrentTab != 0 && mTabsContainer.getChildCount() > 0) {
930 | updateTabSelection(mCurrentTab);
931 | }
932 | }
933 | super.onRestoreInstanceState(state);
934 | }
935 |
936 | class IndicatorPoint {
937 | public float left;
938 | public float right;
939 | }
940 |
941 | private IndicatorPoint mCurrentP = new IndicatorPoint();
942 | private IndicatorPoint mLastP = new IndicatorPoint();
943 |
944 | class PointEvaluator implements TypeEvaluator {
945 | @Override
946 | public IndicatorPoint evaluate(float fraction, IndicatorPoint startValue, IndicatorPoint endValue) {
947 | float left = startValue.left + fraction * (endValue.left - startValue.left);
948 | float right = startValue.right + fraction * (endValue.right - startValue.right);
949 | IndicatorPoint point = new IndicatorPoint();
950 | point.left = left;
951 | point.right = right;
952 | return point;
953 | }
954 | }
955 |
956 |
957 | protected int dp2px(float dp) {
958 | final float scale = mContext.getResources().getDisplayMetrics().density;
959 | return (int) (dp * scale + 0.5f);
960 | }
961 |
962 | protected int sp2px(float sp) {
963 | final float scale = this.mContext.getResources().getDisplayMetrics().scaledDensity;
964 | return (int) (sp * scale + 0.5f);
965 | }
966 |
967 | }
968 |
--------------------------------------------------------------------------------
/FlycoTabLayout_Lib/src/main/java/com/flyco/tablayout/SlidingTabLayout.java:
--------------------------------------------------------------------------------
1 | package com.flyco.tablayout;
2 |
3 | import android.content.Context;
4 | import android.content.res.TypedArray;
5 | import android.graphics.Canvas;
6 | import android.graphics.Color;
7 | import android.graphics.Paint;
8 | import android.graphics.Path;
9 | import android.graphics.Rect;
10 | import android.graphics.Typeface;
11 | import android.graphics.drawable.GradientDrawable;
12 | import android.os.Bundle;
13 | import android.os.Parcelable;
14 | import androidx.fragment.app.Fragment;
15 | import androidx.fragment.app.FragmentActivity;
16 | import androidx.fragment.app.FragmentManager;
17 | import androidx.fragment.app.FragmentPagerAdapter;
18 | import androidx.viewpager.widget.PagerAdapter;
19 | import androidx.viewpager.widget.ViewPager;
20 | import androidx.viewpager2.widget.ViewPager2;
21 |
22 | import android.util.AttributeSet;
23 | import android.util.SparseArray;
24 | import android.util.TypedValue;
25 | import android.view.Gravity;
26 | import android.view.View;
27 | import android.view.ViewGroup;
28 | import android.widget.HorizontalScrollView;
29 | import android.widget.LinearLayout;
30 | import android.widget.TextView;
31 |
32 | import com.flyco.tablayout.listener.OnTabSelectListener;
33 | import com.flyco.tablayout.utils.UnreadMsgUtils;
34 | import com.flyco.tablayout.widget.MsgView;
35 |
36 | import java.util.ArrayList;
37 | import java.util.Collections;
38 |
39 | /** 滑动TabLayout,对于ViewPager的依赖性强 */
40 | public class SlidingTabLayout extends HorizontalScrollView implements ViewPager.OnPageChangeListener{
41 | private Context mContext;
42 | private ViewPager mViewPager;
43 | private ViewPager2 mViewPager2;
44 | private ArrayList mTitles;
45 | private LinearLayout mTabsContainer;
46 | private int mCurrentTab;
47 | private float mCurrentPositionOffset;
48 | private int mTabCount;
49 | /** 用于绘制显示器 */
50 | private Rect mIndicatorRect = new Rect();
51 | /** 用于实现滚动居中 */
52 | private Rect mTabRect = new Rect();
53 | private GradientDrawable mIndicatorDrawable = new GradientDrawable();
54 |
55 | private Paint mRectPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
56 | private Paint mDividerPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
57 | private Paint mTrianglePaint = new Paint(Paint.ANTI_ALIAS_FLAG);
58 | private Path mTrianglePath = new Path();
59 | private static final int STYLE_NORMAL = 0;
60 | private static final int STYLE_TRIANGLE = 1;
61 | private static final int STYLE_BLOCK = 2;
62 | private int mIndicatorStyle = STYLE_NORMAL;
63 |
64 | private float mTabPadding;
65 | private boolean mTabSpaceEqual;
66 | private float mTabWidth;
67 |
68 | /** indicator */
69 | private int mIndicatorColor;
70 | private float mIndicatorHeight;
71 | private float mIndicatorWidth;
72 | private float mIndicatorCornerRadius;
73 | private float mIndicatorMarginLeft;
74 | private float mIndicatorMarginTop;
75 | private float mIndicatorMarginRight;
76 | private float mIndicatorMarginBottom;
77 | private int mIndicatorGravity;
78 | private boolean mIndicatorWidthEqualTitle;
79 |
80 | /** underline */
81 | private int mUnderlineColor;
82 | private float mUnderlineHeight;
83 | private int mUnderlineGravity;
84 |
85 | /** divider */
86 | private int mDividerColor;
87 | private float mDividerWidth;
88 | private float mDividerPadding;
89 |
90 | /** title */
91 | private static final int TEXT_BOLD_NONE = 0;
92 | private static final int TEXT_BOLD_WHEN_SELECT = 1;
93 | private static final int TEXT_BOLD_BOTH = 2;
94 | private float mTextsize;
95 | private float mTextSelectSize;
96 | private int mTextSelectColor;
97 | private int mTextUnselectColor;
98 | private int mTextBold;
99 | private boolean mTextAllCaps;
100 | private Typeface textTypeface;
101 |
102 | private int mLastScrollX;
103 | private int mHeight;
104 | private boolean mSnapOnTabClick;
105 |
106 | public SlidingTabLayout(Context context) {
107 | this(context, null, 0);
108 | }
109 |
110 | public SlidingTabLayout(Context context, AttributeSet attrs) {
111 | this(context, attrs, 0);
112 | }
113 |
114 | public SlidingTabLayout(Context context, AttributeSet attrs, int defStyleAttr) {
115 | super(context, attrs, defStyleAttr);
116 | setFillViewport(true);//设置滚动视图是否可以伸缩其内容以填充视口
117 | setWillNotDraw(false);//重写onDraw方法,需要调用这个方法来清除flag
118 | setClipChildren(false);
119 | setClipToPadding(false);
120 |
121 | this.mContext = context;
122 | mTabsContainer = new LinearLayout(context);
123 | addView(mTabsContainer);
124 |
125 | obtainAttributes(context, attrs);
126 |
127 | //get layout_height
128 | String height = attrs.getAttributeValue("http://schemas.android.com/apk/res/android", "layout_height");
129 |
130 | if (height.equals(ViewGroup.LayoutParams.MATCH_PARENT + "")) {
131 | } else if (height.equals(ViewGroup.LayoutParams.WRAP_CONTENT + "")) {
132 | } else {
133 | int[] systemAttrs = {android.R.attr.layout_height};
134 | TypedArray a = context.obtainStyledAttributes(attrs, systemAttrs);
135 | mHeight = a.getDimensionPixelSize(0, ViewGroup.LayoutParams.WRAP_CONTENT);
136 | a.recycle();
137 | }
138 | }
139 |
140 | private void obtainAttributes(Context context, AttributeSet attrs) {
141 | TypedArray ta = context.obtainStyledAttributes(attrs, R.styleable.SlidingTabLayout);
142 |
143 | mIndicatorStyle = ta.getInt(R.styleable.SlidingTabLayout_tl_indicator_style, STYLE_NORMAL);
144 | mIndicatorColor = ta.getColor(R.styleable.SlidingTabLayout_tl_indicator_color, Color.parseColor(mIndicatorStyle == STYLE_BLOCK ? "#4B6A87" : "#ffffff"));
145 | mIndicatorHeight = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_height,
146 | dp2px(mIndicatorStyle == STYLE_TRIANGLE ? 4 : (mIndicatorStyle == STYLE_BLOCK ? -1 : 2)));
147 | mIndicatorWidth = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_width, dp2px(mIndicatorStyle == STYLE_TRIANGLE ? 10 : -1));
148 | mIndicatorCornerRadius = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_corner_radius, dp2px(mIndicatorStyle == STYLE_BLOCK ? -1 : 0));
149 | mIndicatorMarginLeft = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_margin_left, dp2px(0));
150 | mIndicatorMarginTop = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_margin_top, dp2px(mIndicatorStyle == STYLE_BLOCK ? 7 : 0));
151 | mIndicatorMarginRight = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_margin_right, dp2px(0));
152 | mIndicatorMarginBottom = ta.getDimension(R.styleable.SlidingTabLayout_tl_indicator_margin_bottom, dp2px(mIndicatorStyle == STYLE_BLOCK ? 7 : 0));
153 | mIndicatorGravity = ta.getInt(R.styleable.SlidingTabLayout_tl_indicator_gravity, Gravity.BOTTOM);
154 | mIndicatorWidthEqualTitle = ta.getBoolean(R.styleable.SlidingTabLayout_tl_indicator_width_equal_title, false);
155 |
156 | mUnderlineColor = ta.getColor(R.styleable.SlidingTabLayout_tl_underline_color, Color.parseColor("#ffffff"));
157 | mUnderlineHeight = ta.getDimension(R.styleable.SlidingTabLayout_tl_underline_height, dp2px(0));
158 | mUnderlineGravity = ta.getInt(R.styleable.SlidingTabLayout_tl_underline_gravity, Gravity.BOTTOM);
159 |
160 | mDividerColor = ta.getColor(R.styleable.SlidingTabLayout_tl_divider_color, Color.parseColor("#ffffff"));
161 | mDividerWidth = ta.getDimension(R.styleable.SlidingTabLayout_tl_divider_width, dp2px(0));
162 | mDividerPadding = ta.getDimension(R.styleable.SlidingTabLayout_tl_divider_padding, dp2px(12));
163 |
164 | mTextsize = ta.getDimension(R.styleable.SlidingTabLayout_tl_textsize, sp2px(14));
165 | mTextSelectSize = ta.getDimension(R.styleable.SlidingTabLayout_tl_textSelectSize, sp2px(14));
166 | mTextSelectColor = ta.getColor(R.styleable.SlidingTabLayout_tl_textSelectColor, Color.parseColor("#ffffff"));
167 | mTextUnselectColor = ta.getColor(R.styleable.SlidingTabLayout_tl_textUnselectColor, Color.parseColor("#AAffffff"));
168 | mTextBold = ta.getInt(R.styleable.SlidingTabLayout_tl_textBold, TEXT_BOLD_NONE);
169 | mTextAllCaps = ta.getBoolean(R.styleable.SlidingTabLayout_tl_textAllCaps, false);
170 | String fontPath = ta.getString(R.styleable.SlidingTabLayout_tl_textFontPath);
171 | if(fontPath!=null && !fontPath.isEmpty()){
172 | textTypeface = Typeface.createFromAsset(context.getAssets(), fontPath);
173 | }
174 |
175 | mTabSpaceEqual = ta.getBoolean(R.styleable.SlidingTabLayout_tl_tab_space_equal, false);
176 | mTabWidth = ta.getDimension(R.styleable.SlidingTabLayout_tl_tab_width, dp2px(-1));
177 | mTabPadding = ta.getDimension(R.styleable.SlidingTabLayout_tl_tab_padding, mTabSpaceEqual || mTabWidth > 0 ? dp2px(0) : dp2px(20));
178 |
179 | ta.recycle();
180 | }
181 |
182 | /***
183 | * 关联ViewPager2
184 | * @param vp2
185 | */
186 | public void setViewPager2(ViewPager2 vp2, ArrayList titles) {
187 | if (vp2 == null || vp2.getAdapter() == null) {
188 | throw new IllegalStateException("ViewPager2 or ViewPager2 adapter can not be NULL !");
189 | }
190 |
191 | this.mViewPager2 = vp2;
192 | mTitles = new ArrayList<>();
193 | mTitles.addAll(titles);
194 | this.mViewPager2.unregisterOnPageChangeCallback(pager2Callback);
195 | this.mViewPager2.registerOnPageChangeCallback(pager2Callback);
196 | notifyDataSetChanged();
197 | }
198 |
199 | /***
200 | * 关联ViewPager2
201 | * @param vp2
202 | */
203 | public void setViewPager2(ViewPager2 vp2) {
204 | if (vp2 == null || vp2.getAdapter() == null) {
205 | throw new IllegalStateException("ViewPager2 or ViewPager2 adapter can not be NULL !");
206 | }
207 |
208 | this.mViewPager2 = vp2;
209 | this.mViewPager2.unregisterOnPageChangeCallback(pager2Callback);
210 | this.mViewPager2.registerOnPageChangeCallback(pager2Callback);
211 | notifyDataSetChanged();
212 | }
213 |
214 | /** 关联ViewPager */
215 | public void setViewPager(ViewPager vp) {
216 | if (vp == null || vp.getAdapter() == null) {
217 | throw new IllegalStateException("ViewPager or ViewPager adapter can not be NULL !");
218 | }
219 |
220 | this.mViewPager = vp;
221 | this.mViewPager.removeOnPageChangeListener(this);
222 | this.mViewPager.addOnPageChangeListener(this);
223 | notifyDataSetChanged();
224 | }
225 |
226 | /** 只设置数据 */
227 | public void setTabData(String[] titles) {
228 | if (titles == null || titles.length == 0) {
229 | throw new IllegalStateException("Titles can not be EMPTY !");
230 | }
231 | mTitles = new ArrayList<>();
232 | Collections.addAll(mTitles, titles);
233 |
234 | notifyDataSetChanged();
235 | }
236 |
237 | /** 关联ViewPager,用于不想在ViewPager适配器中设置titles数据的情况 */
238 | public void setViewPager(ViewPager vp, String[] titles) {
239 | if (vp == null || vp.getAdapter() == null) {
240 | throw new IllegalStateException("ViewPager or ViewPager adapter can not be NULL !");
241 | }
242 |
243 | if (titles == null || titles.length == 0) {
244 | throw new IllegalStateException("Titles can not be EMPTY !");
245 | }
246 |
247 | if (titles.length != vp.getAdapter().getCount()) {
248 | throw new IllegalStateException("Titles length must be the same as the page count !");
249 | }
250 |
251 | this.mViewPager = vp;
252 | mTitles = new ArrayList<>();
253 | Collections.addAll(mTitles, titles);
254 |
255 | this.mViewPager.removeOnPageChangeListener(this);
256 | this.mViewPager.addOnPageChangeListener(this);
257 | notifyDataSetChanged();
258 | }
259 |
260 | /** 关联ViewPager,用于连适配器都不想自己实例化的情况 */
261 | public void setViewPager(ViewPager vp, String[] titles, FragmentActivity fa, ArrayList fragments) {
262 | if (vp == null) {
263 | throw new IllegalStateException("ViewPager can not be NULL !");
264 | }
265 |
266 | if (titles == null || titles.length == 0) {
267 | throw new IllegalStateException("Titles can not be EMPTY !");
268 | }
269 |
270 | this.mViewPager = vp;
271 | this.mViewPager.setAdapter(new InnerPagerAdapter(fa.getSupportFragmentManager(), fragments, titles));
272 |
273 | this.mViewPager.removeOnPageChangeListener(this);
274 | this.mViewPager.addOnPageChangeListener(this);
275 | notifyDataSetChanged();
276 | }
277 |
278 | /** 更新数据 */
279 | public void notifyDataSetChanged() {
280 | mTabsContainer.removeAllViews();
281 | if(mTitles==null) mTitles = new ArrayList<>();
282 | this.mTabCount = mViewPager != null ? mViewPager.getAdapter().getCount() : mTitles.size();
283 | View tabView;
284 | for (int i = 0; i < mTabCount; i++) {
285 | tabView = View.inflate(mContext, R.layout._flyco_layout_tab, null);
286 | CharSequence pageTitle = mViewPager != null ? mViewPager.getAdapter().getPageTitle(i) : mTitles.get(i);
287 | addTab(i, pageTitle!=null ? pageTitle.toString() : mTitles.get(i), tabView);
288 | }
289 |
290 | updateTabStyles();
291 | }
292 |
293 | // public void addNewTab(String title) {
294 | // View tabView = View.inflate(mContext, R.layout._flyco_layout_tab, null);
295 | // if (mTitles == null) {
296 | // mTitles = new ArrayList<>();
297 | // }
298 | // mTitles.add(title);
299 | // CharSequence pageTitle = mTitles == null ? mViewPager.getAdapter().getPageTitle(mTabCount) : mTitles.get(mTabCount);
300 | // addTab(mTabCount, pageTitle.toString(), tabView);
301 | // this.mTabCount = mTitles == null ? mViewPager.getAdapter().getCount() : mTitles.size();
302 | //
303 | // updateTabStyles();
304 | // }
305 |
306 | /** 创建并添加tab */
307 | private void addTab(final int position, String title, View tabView) {
308 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
309 | if (tv_tab_title != null) {
310 | if (title != null) tv_tab_title.setText(title);
311 | }
312 |
313 | tabView.setOnClickListener(new OnClickListener() {
314 | @Override
315 | public void onClick(View v) {
316 | int position = mTabsContainer.indexOfChild(v);
317 | if (position != -1) {
318 | if (getCurrentItem() != position) {
319 | if (mSnapOnTabClick) {
320 | setCurrentItem(position, false);
321 | } else {
322 | setCurrentItem(position, true);
323 | }
324 | if (mListener != null) {
325 | mListener.onTabSelect(position);
326 | }
327 | } else {
328 | if (mListener != null) {
329 | mListener.onTabReselect(position);
330 | }
331 | }
332 | }
333 | }
334 | });
335 |
336 | /** 每一个Tab的布局参数 */
337 | LinearLayout.LayoutParams lp_tab = mTabSpaceEqual ?
338 | new LinearLayout.LayoutParams(0, LayoutParams.MATCH_PARENT, 1.0f) :
339 | new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.MATCH_PARENT);
340 | if (mTabWidth > 0) {
341 | lp_tab = new LinearLayout.LayoutParams((int) mTabWidth, LayoutParams.MATCH_PARENT);
342 | }
343 |
344 | mTabsContainer.addView(tabView, position, lp_tab);
345 | }
346 |
347 | private int getCurrentItem(){
348 | if(mViewPager!=null) return mViewPager.getCurrentItem();
349 | return mViewPager2!=null ? mViewPager2.getCurrentItem() : mCurrentTab;
350 | }
351 |
352 | private void setCurrentItem(int position, boolean smoothScroll){
353 | if(mViewPager!=null) mViewPager.setCurrentItem(position, smoothScroll);
354 | else if(mViewPager2!=null) mViewPager2.setCurrentItem(position, smoothScroll);
355 | else {
356 | onPageSelected(position);
357 | smoothScrollToCurrentTab();
358 | invalidate();
359 | }
360 | }
361 |
362 | private void updateTabStyles() {
363 | for (int i = 0; i < mTabCount; i++) {
364 | View v = mTabsContainer.getChildAt(i);
365 | // v.setPadding((int) mTabPadding, v.getPaddingTop(), (int) mTabPadding, v.getPaddingBottom());
366 | TextView tv_tab_title = (TextView) v.findViewById(R.id.tv_tab_title);
367 | if (tv_tab_title != null) {
368 | if(textTypeface!=null)tv_tab_title.setTypeface(textTypeface);
369 | tv_tab_title.setTextColor(i == mCurrentTab ? mTextSelectColor : mTextUnselectColor);
370 | tv_tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
371 | tv_tab_title.setPadding((int) mTabPadding, 0, (int) mTabPadding, 0);
372 | if (mTextAllCaps) {
373 | tv_tab_title.setText(tv_tab_title.getText().toString().toUpperCase());
374 | }
375 |
376 | if (mTextBold == TEXT_BOLD_BOTH) {
377 | tv_tab_title.getPaint().setFakeBoldText(true);
378 | } else if (mTextBold == TEXT_BOLD_NONE) {
379 | tv_tab_title.getPaint().setFakeBoldText(false);
380 | }else if (mTextBold == TEXT_BOLD_WHEN_SELECT) {
381 | tv_tab_title.getPaint().setFakeBoldText(i == mCurrentTab);
382 | }
383 | }
384 | }
385 | }
386 |
387 | protected ViewPager2.OnPageChangeCallback pager2Callback = new ViewPager2.OnPageChangeCallback() {
388 | @Override
389 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
390 | super.onPageScrolled(position, positionOffset, positionOffsetPixels);
391 | SlidingTabLayout.this.onPageScrolled(position, positionOffset, positionOffsetPixels);
392 | }
393 |
394 | @Override
395 | public void onPageSelected(int position) {
396 | super.onPageSelected(position);
397 | SlidingTabLayout.this.onPageSelected(position);
398 | }
399 |
400 | @Override
401 | public void onPageScrollStateChanged(int state) {
402 | super.onPageScrollStateChanged(state);
403 | }
404 | };
405 |
406 | @Override
407 | public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
408 | /**
409 | * position:当前View的位置
410 | * mCurrentPositionOffset:当前View的偏移量比例.[0,1)
411 | */
412 | this.mCurrentTab = position;
413 | this.mCurrentPositionOffset = positionOffset;
414 | scrollToCurrentTab();
415 | invalidate();
416 | }
417 |
418 | @Override
419 | public void onPageSelected(int position) {
420 | this.mCurrentTab = position;
421 | updateTabSelection(position);
422 | }
423 |
424 | @Override
425 | public void onPageScrollStateChanged(int state) {
426 |
427 | }
428 |
429 | private void scrollToCurrentTab(){
430 | scrollToCurrentTab(false);
431 | }
432 | /** HorizontalScrollView滚到当前tab,并且居中显示 */
433 | private void scrollToCurrentTab(boolean isSmooth) {
434 | if (mTabCount <= 0) {
435 | return;
436 | }
437 |
438 | int offset = (int) (mCurrentPositionOffset * mTabsContainer.getChildAt(mCurrentTab).getWidth());
439 | /**当前Tab的left+当前Tab的Width乘以positionOffset*/
440 | int newScrollX = mTabsContainer.getChildAt(mCurrentTab).getLeft() + offset;
441 |
442 | if (mCurrentTab > 0 || offset > 0) {
443 | /**HorizontalScrollView移动到当前tab,并居中*/
444 | newScrollX -= getWidth() / 2 - getPaddingLeft();
445 | calcIndicatorRect();
446 | newScrollX += ((mTabRect.right - mTabRect.left) / 2);
447 | }
448 |
449 | if (newScrollX != mLastScrollX) {
450 | mLastScrollX = newScrollX;
451 | /** scrollTo(int x,int y):x,y代表的不是坐标点,而是偏移量
452 | * x:表示离起始位置的x水平方向的偏移量
453 | * y:表示离起始位置的y垂直方向的偏移量
454 | */
455 | if(isSmooth) smoothScrollTo(newScrollX, 0);
456 | else scrollTo(newScrollX, 0);
457 | }
458 | }
459 | private void smoothScrollToCurrentTab(){
460 | scrollToCurrentTab(true);
461 | }
462 |
463 | private void updateTabSelection(int position) {
464 | for (int i = 0; i < mTabCount; ++i) {
465 | View tabView = mTabsContainer.getChildAt(i);
466 | final boolean isSelect = i == position;
467 | TextView tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
468 |
469 | if (tab_title != null) {
470 | tab_title.setTextColor(isSelect ? mTextSelectColor : mTextUnselectColor);
471 | tab_title.setTextSize(TypedValue.COMPLEX_UNIT_PX, i == mCurrentTab ? mTextSelectSize : mTextsize);
472 | if (mTextBold == TEXT_BOLD_WHEN_SELECT) {
473 | tab_title.getPaint().setFakeBoldText(isSelect);
474 | }
475 | }
476 | }
477 | }
478 |
479 | private float margin;
480 |
481 | private void calcIndicatorRect() {
482 | View currentTabView = mTabsContainer.getChildAt(this.mCurrentTab);
483 | float left = currentTabView.getLeft();
484 | float right = currentTabView.getRight();
485 |
486 | //for mIndicatorWidthEqualTitle
487 | if (mIndicatorStyle == STYLE_NORMAL && mIndicatorWidthEqualTitle) {
488 | TextView tab_title = (TextView) currentTabView.findViewById(R.id.tv_tab_title);
489 | mTextPaint.setTextSize(mTextsize);
490 | float textWidth = mTextPaint.measureText(tab_title.getText().toString());
491 | margin = (right - left - textWidth) / 2;
492 | }
493 |
494 | if (this.mCurrentTab < mTabCount - 1) {
495 | View nextTabView = mTabsContainer.getChildAt(this.mCurrentTab + 1);
496 | float nextTabLeft = nextTabView.getLeft();
497 | float nextTabRight = nextTabView.getRight();
498 |
499 | left = left + mCurrentPositionOffset * (nextTabLeft - left);
500 | right = right + mCurrentPositionOffset * (nextTabRight - right);
501 |
502 | //for mIndicatorWidthEqualTitle
503 | if (mIndicatorStyle == STYLE_NORMAL && mIndicatorWidthEqualTitle) {
504 | TextView next_tab_title = (TextView) nextTabView.findViewById(R.id.tv_tab_title);
505 | mTextPaint.setTextSize(mTextsize);
506 | float nextTextWidth = mTextPaint.measureText(next_tab_title.getText().toString());
507 | float nextMargin = (nextTabRight - nextTabLeft - nextTextWidth) / 2;
508 | margin = margin + mCurrentPositionOffset * (nextMargin - margin);
509 | }
510 | }
511 |
512 | mIndicatorRect.left = (int) left;
513 | mIndicatorRect.right = (int) right;
514 | //for mIndicatorWidthEqualTitle
515 | if (mIndicatorStyle == STYLE_NORMAL && mIndicatorWidthEqualTitle) {
516 | mIndicatorRect.left = (int) (left + margin - 1);
517 | mIndicatorRect.right = (int) (right - margin - 1);
518 | }
519 |
520 | mTabRect.left = (int) left;
521 | mTabRect.right = (int) right;
522 |
523 | if (mIndicatorWidth < 0) { //indicatorWidth小于0时,原jpardogo's PagerSlidingTabStrip
524 |
525 | } else {//indicatorWidth大于0时,圆角矩形以及三角形
526 | float indicatorLeft = currentTabView.getLeft() + (currentTabView.getWidth() - mIndicatorWidth) / 2;
527 |
528 | if (this.mCurrentTab < mTabCount - 1) {
529 | View nextTab = mTabsContainer.getChildAt(this.mCurrentTab + 1);
530 | indicatorLeft = indicatorLeft + mCurrentPositionOffset * (currentTabView.getWidth() / 2 + nextTab.getWidth() / 2);
531 | }
532 |
533 | mIndicatorRect.left = (int) indicatorLeft;
534 | mIndicatorRect.right = (int) (mIndicatorRect.left + mIndicatorWidth);
535 | }
536 | }
537 |
538 | @Override
539 | protected void onDraw(Canvas canvas) {
540 | super.onDraw(canvas);
541 |
542 | if (isInEditMode() || mTabCount <= 0) {
543 | return;
544 | }
545 |
546 | int height = getHeight();
547 | int paddingLeft = getPaddingLeft();
548 | // draw divider
549 | if (mDividerWidth > 0) {
550 | mDividerPaint.setStrokeWidth(mDividerWidth);
551 | mDividerPaint.setColor(mDividerColor);
552 | for (int i = 0; i < mTabCount - 1; i++) {
553 | View tab = mTabsContainer.getChildAt(i);
554 | canvas.drawLine(paddingLeft + tab.getRight(), mDividerPadding, paddingLeft + tab.getRight(), height - mDividerPadding, mDividerPaint);
555 | }
556 | }
557 |
558 | // draw underline
559 | if (mUnderlineHeight > 0) {
560 | mRectPaint.setColor(mUnderlineColor);
561 | if (mUnderlineGravity == Gravity.BOTTOM) {
562 | canvas.drawRect(paddingLeft, height - mUnderlineHeight, mTabsContainer.getWidth() + paddingLeft, height, mRectPaint);
563 | } else {
564 | canvas.drawRect(paddingLeft, 0, mTabsContainer.getWidth() + paddingLeft, mUnderlineHeight, mRectPaint);
565 | }
566 | }
567 |
568 | //draw indicator line
569 |
570 | calcIndicatorRect();
571 | if (mIndicatorStyle == STYLE_TRIANGLE) {
572 | if (mIndicatorHeight > 0) {
573 | mTrianglePaint.setColor(mIndicatorColor);
574 | mTrianglePath.reset();
575 | mTrianglePath.moveTo(paddingLeft + mIndicatorRect.left, height);
576 | mTrianglePath.lineTo(paddingLeft + mIndicatorRect.left / 2 + mIndicatorRect.right / 2, height - mIndicatorHeight);
577 | mTrianglePath.lineTo(paddingLeft + mIndicatorRect.right, height);
578 | mTrianglePath.close();
579 | canvas.drawPath(mTrianglePath, mTrianglePaint);
580 | }
581 | } else if (mIndicatorStyle == STYLE_BLOCK) {
582 | if (mIndicatorHeight < 0) {
583 | mIndicatorHeight = height - mIndicatorMarginTop - mIndicatorMarginBottom;
584 | } else {
585 |
586 | }
587 |
588 | if (mIndicatorHeight > 0) {
589 | if (mIndicatorCornerRadius < 0 || mIndicatorCornerRadius > mIndicatorHeight / 2) {
590 | mIndicatorCornerRadius = mIndicatorHeight / 2;
591 | }
592 |
593 | mIndicatorDrawable.setColor(mIndicatorColor);
594 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
595 | (int) mIndicatorMarginTop, (int) (paddingLeft + mIndicatorRect.right - mIndicatorMarginRight),
596 | (int) (mIndicatorMarginTop + mIndicatorHeight));
597 | mIndicatorDrawable.setCornerRadius(mIndicatorCornerRadius);
598 | mIndicatorDrawable.draw(canvas);
599 | }
600 | } else {
601 | /* mRectPaint.setColor(mIndicatorColor);
602 | calcIndicatorRect();
603 | canvas.drawRect(getPaddingLeft() + mIndicatorRect.left, getHeight() - mIndicatorHeight,
604 | mIndicatorRect.right + getPaddingLeft(), getHeight(), mRectPaint);*/
605 |
606 | if (mIndicatorHeight > 0) {
607 | mIndicatorDrawable.setColor(mIndicatorColor);
608 |
609 | if (mIndicatorGravity == Gravity.BOTTOM) {
610 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
611 | height - (int) mIndicatorHeight - (int) mIndicatorMarginBottom,
612 | paddingLeft + mIndicatorRect.right - (int) mIndicatorMarginRight,
613 | height - (int) mIndicatorMarginBottom);
614 | } else {
615 | mIndicatorDrawable.setBounds(paddingLeft + (int) mIndicatorMarginLeft + mIndicatorRect.left,
616 | (int) mIndicatorMarginTop,
617 | paddingLeft + mIndicatorRect.right - (int) mIndicatorMarginRight,
618 | (int) mIndicatorHeight + (int) mIndicatorMarginTop);
619 | }
620 | mIndicatorDrawable.setCornerRadius(mIndicatorCornerRadius);
621 | mIndicatorDrawable.draw(canvas);
622 | }
623 | }
624 | }
625 |
626 | //setter and getter
627 | public void setCurrentTab(int currentTab) {
628 | this.mCurrentTab = currentTab;
629 | setCurrentItem(currentTab, true);
630 | }
631 |
632 | public void setCurrentTab(int currentTab, boolean smoothScroll) {
633 | this.mCurrentTab = currentTab;
634 | setCurrentItem(currentTab, smoothScroll);
635 | }
636 |
637 | public void setIndicatorStyle(int indicatorStyle) {
638 | this.mIndicatorStyle = indicatorStyle;
639 | invalidate();
640 | }
641 |
642 | public void setTabPadding(float tabPadding) {
643 | this.mTabPadding = dp2px(tabPadding);
644 | updateTabStyles();
645 | }
646 |
647 | public void setTabSpaceEqual(boolean tabSpaceEqual) {
648 | this.mTabSpaceEqual = tabSpaceEqual;
649 | updateTabStyles();
650 | }
651 |
652 | public void setTabWidth(float tabWidth) {
653 | this.mTabWidth = dp2px(tabWidth);
654 | updateTabStyles();
655 | }
656 |
657 | public void setIndicatorColor(int indicatorColor) {
658 | this.mIndicatorColor = indicatorColor;
659 | invalidate();
660 | }
661 |
662 | public void setIndicatorHeight(float indicatorHeight) {
663 | this.mIndicatorHeight = dp2px(indicatorHeight);
664 | invalidate();
665 | }
666 |
667 | public void setIndicatorWidth(float indicatorWidth) {
668 | this.mIndicatorWidth = dp2px(indicatorWidth);
669 | invalidate();
670 | }
671 |
672 | public void setIndicatorCornerRadius(float indicatorCornerRadius) {
673 | this.mIndicatorCornerRadius = dp2px(indicatorCornerRadius);
674 | invalidate();
675 | }
676 |
677 | public void setIndicatorGravity(int indicatorGravity) {
678 | this.mIndicatorGravity = indicatorGravity;
679 | invalidate();
680 | }
681 |
682 | public void setIndicatorMargin(float indicatorMarginLeft, float indicatorMarginTop,
683 | float indicatorMarginRight, float indicatorMarginBottom) {
684 | this.mIndicatorMarginLeft = dp2px(indicatorMarginLeft);
685 | this.mIndicatorMarginTop = dp2px(indicatorMarginTop);
686 | this.mIndicatorMarginRight = dp2px(indicatorMarginRight);
687 | this.mIndicatorMarginBottom = dp2px(indicatorMarginBottom);
688 | invalidate();
689 | }
690 |
691 | public void setIndicatorWidthEqualTitle(boolean indicatorWidthEqualTitle) {
692 | this.mIndicatorWidthEqualTitle = indicatorWidthEqualTitle;
693 | invalidate();
694 | }
695 |
696 | public void setUnderlineColor(int underlineColor) {
697 | this.mUnderlineColor = underlineColor;
698 | invalidate();
699 | }
700 |
701 | public void setUnderlineHeight(float underlineHeight) {
702 | this.mUnderlineHeight = dp2px(underlineHeight);
703 | invalidate();
704 | }
705 |
706 | public void setUnderlineGravity(int underlineGravity) {
707 | this.mUnderlineGravity = underlineGravity;
708 | invalidate();
709 | }
710 |
711 | public void setDividerColor(int dividerColor) {
712 | this.mDividerColor = dividerColor;
713 | invalidate();
714 | }
715 |
716 | public void setDividerWidth(float dividerWidth) {
717 | this.mDividerWidth = dp2px(dividerWidth);
718 | invalidate();
719 | }
720 |
721 | public void setDividerPadding(float dividerPadding) {
722 | this.mDividerPadding = dp2px(dividerPadding);
723 | invalidate();
724 | }
725 |
726 | public void setTextsize(float textsize) {
727 | this.mTextsize = sp2px(textsize);
728 | updateTabStyles();
729 | }
730 |
731 | public void setTextSelectColor(int textSelectColor) {
732 | this.mTextSelectColor = textSelectColor;
733 | updateTabStyles();
734 | }
735 |
736 | public void setTextUnselectColor(int textUnselectColor) {
737 | this.mTextUnselectColor = textUnselectColor;
738 | updateTabStyles();
739 | }
740 |
741 | public void setTextBold(int textBold) {
742 | this.mTextBold = textBold;
743 | updateTabStyles();
744 | }
745 |
746 | public void setTextAllCaps(boolean textAllCaps) {
747 | this.mTextAllCaps = textAllCaps;
748 | updateTabStyles();
749 | }
750 |
751 | public void setSnapOnTabClick(boolean snapOnTabClick) {
752 | mSnapOnTabClick = snapOnTabClick;
753 | }
754 |
755 |
756 | public int getTabCount() {
757 | return mTabCount;
758 | }
759 |
760 | public int getCurrentTab() {
761 | return mCurrentTab;
762 | }
763 |
764 | public int getIndicatorStyle() {
765 | return mIndicatorStyle;
766 | }
767 |
768 | public float getTabPadding() {
769 | return mTabPadding;
770 | }
771 |
772 | public boolean isTabSpaceEqual() {
773 | return mTabSpaceEqual;
774 | }
775 |
776 | public float getTabWidth() {
777 | return mTabWidth;
778 | }
779 |
780 | public int getIndicatorColor() {
781 | return mIndicatorColor;
782 | }
783 |
784 | public float getIndicatorHeight() {
785 | return mIndicatorHeight;
786 | }
787 |
788 | public float getIndicatorWidth() {
789 | return mIndicatorWidth;
790 | }
791 |
792 | public float getIndicatorCornerRadius() {
793 | return mIndicatorCornerRadius;
794 | }
795 |
796 | public float getIndicatorMarginLeft() {
797 | return mIndicatorMarginLeft;
798 | }
799 |
800 | public float getIndicatorMarginTop() {
801 | return mIndicatorMarginTop;
802 | }
803 |
804 | public float getIndicatorMarginRight() {
805 | return mIndicatorMarginRight;
806 | }
807 |
808 | public float getIndicatorMarginBottom() {
809 | return mIndicatorMarginBottom;
810 | }
811 |
812 | public int getUnderlineColor() {
813 | return mUnderlineColor;
814 | }
815 |
816 | public float getUnderlineHeight() {
817 | return mUnderlineHeight;
818 | }
819 |
820 | public int getDividerColor() {
821 | return mDividerColor;
822 | }
823 |
824 | public float getDividerWidth() {
825 | return mDividerWidth;
826 | }
827 |
828 | public float getDividerPadding() {
829 | return mDividerPadding;
830 | }
831 |
832 | public float getTextsize() {
833 | return mTextsize;
834 | }
835 |
836 | public int getTextSelectColor() {
837 | return mTextSelectColor;
838 | }
839 |
840 | public int getTextUnselectColor() {
841 | return mTextUnselectColor;
842 | }
843 |
844 | public int getTextBold() {
845 | return mTextBold;
846 | }
847 |
848 | public boolean isTextAllCaps() {
849 | return mTextAllCaps;
850 | }
851 |
852 | public TextView getTitleView(int tab) {
853 | View tabView = mTabsContainer.getChildAt(tab);
854 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
855 | return tv_tab_title;
856 | }
857 |
858 | //setter and getter
859 |
860 | // show MsgTipView
861 | private Paint mTextPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
862 | private SparseArray mInitSetMap = new SparseArray<>();
863 |
864 | /**
865 | * 显示未读消息
866 | *
867 | * @param position 显示tab位置
868 | * @param num num小于等于0显示红点,num大于0显示数字
869 | */
870 | public void showMsg(int position, int num) {
871 | if (position >= mTabCount) {
872 | position = mTabCount - 1;
873 | }
874 |
875 | View tabView = mTabsContainer.getChildAt(position);
876 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
877 | if (tipView != null) {
878 | UnreadMsgUtils.show(tipView, num);
879 |
880 | if (mInitSetMap.get(position) != null && mInitSetMap.get(position)) {
881 | return;
882 | }
883 |
884 | setMsgMargin(position, 4, 2);
885 | mInitSetMap.put(position, true);
886 | }
887 | }
888 |
889 | /**
890 | * 显示未读红点
891 | *
892 | * @param position 显示tab位置
893 | */
894 | public void showDot(int position) {
895 | if (position >= mTabCount) {
896 | position = mTabCount - 1;
897 | }
898 | showMsg(position, 0);
899 | }
900 |
901 | /** 隐藏未读消息 */
902 | public void hideMsg(int position) {
903 | if (position >= mTabCount) {
904 | position = mTabCount - 1;
905 | }
906 |
907 | View tabView = mTabsContainer.getChildAt(position);
908 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
909 | if (tipView != null) {
910 | tipView.setVisibility(View.GONE);
911 | }
912 | }
913 |
914 | /** 设置未读消息偏移,原点为文字的右上角.当控件高度固定,消息提示位置易控制,显示效果佳 */
915 | public void setMsgMargin(int position, float leftPadding, float bottomPadding) {
916 | if (position >= mTabCount) {
917 | position = mTabCount - 1;
918 | }
919 | View tabView = mTabsContainer.getChildAt(position);
920 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
921 | if (tipView != null) {
922 | TextView tv_tab_title = (TextView) tabView.findViewById(R.id.tv_tab_title);
923 | mTextPaint.setTextSize(mTextsize);
924 | float textWidth = mTextPaint.measureText(tv_tab_title.getText().toString());
925 | float textHeight = mTextPaint.descent() - mTextPaint.ascent();
926 | MarginLayoutParams lp = (MarginLayoutParams) tipView.getLayoutParams();
927 | lp.leftMargin = mTabWidth >= 0 ? (int) (mTabWidth / 2 + textWidth / 2 + dp2px(leftPadding)) : (int) (mTabPadding + textWidth + dp2px(leftPadding));
928 | lp.topMargin = mHeight > 0 ? (int) (mHeight - textHeight) / 2 - dp2px(bottomPadding) : 0;
929 | tipView.setLayoutParams(lp);
930 | }
931 | }
932 |
933 | /** 当前类只提供了少许设置未读消息属性的方法,可以通过该方法获取MsgView对象从而各种设置 */
934 | public MsgView getMsgView(int position) {
935 | if (position >= mTabCount) {
936 | position = mTabCount - 1;
937 | }
938 | View tabView = mTabsContainer.getChildAt(position);
939 | MsgView tipView = (MsgView) tabView.findViewById(R.id.rtv_msg_tip);
940 | return tipView;
941 | }
942 |
943 | private OnTabSelectListener mListener;
944 |
945 | public void setOnTabSelectListener(OnTabSelectListener listener) {
946 | this.mListener = listener;
947 | }
948 |
949 | class InnerPagerAdapter extends FragmentPagerAdapter {
950 | private ArrayList fragments = new ArrayList<>();
951 | private String[] titles;
952 |
953 | public InnerPagerAdapter(FragmentManager fm, ArrayList fragments, String[] titles) {
954 | super(fm);
955 | this.fragments = fragments;
956 | this.titles = titles;
957 | }
958 |
959 | @Override
960 | public int getCount() {
961 | return fragments.size();
962 | }
963 |
964 | @Override
965 | public CharSequence getPageTitle(int position) {
966 | return titles[position];
967 | }
968 |
969 | @Override
970 | public Fragment getItem(int position) {
971 | return fragments.get(position);
972 | }
973 |
974 | @Override
975 | public void destroyItem(ViewGroup container, int position, Object object) {
976 | // 覆写destroyItem并且空实现,这样每个Fragment中的视图就不会被销毁
977 | // super.destroyItem(container, position, object);
978 | }
979 |
980 | @Override
981 | public int getItemPosition(Object object) {
982 | return PagerAdapter.POSITION_NONE;
983 | }
984 | }
985 |
986 | @Override
987 | protected Parcelable onSaveInstanceState() {
988 | Bundle bundle = new Bundle();
989 | bundle.putParcelable("instanceState", super.onSaveInstanceState());
990 | bundle.putInt("mCurrentTab", mCurrentTab);
991 | return bundle;
992 | }
993 |
994 | @Override
995 | protected void onRestoreInstanceState(Parcelable state) {
996 | if (state instanceof Bundle) {
997 | Bundle bundle = (Bundle) state;
998 | mCurrentTab = bundle.getInt("mCurrentTab");
999 | state = bundle.getParcelable("instanceState");
1000 | if (mCurrentTab != 0 && mTabsContainer.getChildCount() > 0) {
1001 | updateTabSelection(mCurrentTab);
1002 | scrollToCurrentTab();
1003 | }
1004 | }
1005 | super.onRestoreInstanceState(state);
1006 | }
1007 |
1008 | protected int dp2px(float dp) {
1009 | final float scale = mContext.getResources().getDisplayMetrics().density;
1010 | return (int) (dp * scale + 0.5f);
1011 | }
1012 |
1013 | protected int sp2px(float sp) {
1014 | final float scale = this.mContext.getResources().getDisplayMetrics().scaledDensity;
1015 | return (int) (sp * scale + 0.5f);
1016 | }
1017 |
1018 | }
1019 |
--------------------------------------------------------------------------------