Android开发技巧——实现底部图标文字的导航栏（已更新）

本文章的导航栏代码参考了viewpagerindicator的实现。本文叙述的是之前版本的qq或微信中，底部的图标加文字的导航栏的实现。

 

2014-09-14 13:59:42更新：library的代码已经从Demo中分离出来，见文末。

 

本例子依赖viewpagerindicator的两个接口：IconPagerAdapter及PageIndicator。这两个接口的方法如下：

[java] view plaincopyprint?

1. package com.viewpagerindicator;  
2.   
3. public interface IconPagerAdapter {  
4.     int getIconResId(int index);  
5.     int getCount();  
6. }  

[java] view plaincopyprint?

1. package com.viewpagerindicator;  
2.   
3. import android.support.v4.view.ViewPager;  
4.   
5. public interface PageIndicator extends ViewPager.OnPageChangeListener {  
6.     void setViewPager(ViewPager view);  
7.     void setViewPager(ViewPager view, int initialPosition);  
8.     void <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(int item);  
9.     void setOnPageChangeListener(ViewPager.OnPageChangeListener listener);  
10.     void notifyDataSetChanged();  
11. }  

在本例子中，我把这两个类单独拿出来了。如果你的项目已经有依赖该库，则就不需要再去复制它们。

下面先上两张效果图。

   

在图中，上面的内容区域是viewpager，下面的是导航栏indicator。点击导航栏可以切换上面的页面，当然，滑动上面的页面下面的导航栏也可以切换。

接着说一下它的实现。类的代码不复杂，大部分参照了viewpagerindicator中的TabPageIndicator类来实现，不过在这里我继承的是LinearLayout，代码如下：

[java] view plaincopyprint?

1. package com.githang.navigatordemo;  
2.   
3. import android.content.Context;  
4. import android.support.v4.view.PagerAdapter;  
5. import android.support.v4.view.ViewPager;  
6. import android.util.AttributeSet;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.ImageView;  
10. import android.widget.LinearLayout;  
11. import android.widget.TextView;  
12.   
13. import com.viewpagerindicator.IconPagerAdapter;  
14. import com.viewpagerindicator.PageIndicator;  
15.   
16.   
17. import static android.view.ViewGroup.LayoutParams.MATCH_PARENT;  
18.   
19. /** 
20.  * User: Geek_Soledad([e-mail]) 
21.  * Date: 2014-08-27 
22.  * Time: 09:20 
23.  * FIXME 
24.  */  
25. public class IconTabPageIndicator extends LinearLayout implements PageIndicator {  
26.     /** 
27.      * Title text used when no title is provided by the adapter. 
28.      */  
29.     private static final CharSequence EMPTY_TITLE = "";  
30.   
31.     /** 
32.      * Interface for a callback when the selected tab has been reselected. 
33.      */  
34.     public interface OnTabReselectedListener {  
35.         /** 
36.          * Callback when the selected tab has been reselected. 
37.          * 
38.          * @param position Position of the current center item. 
39.          */  
40.         void onTabReselected(int position);  
41.     }  
42.   
43.     private Runnable mTabSelector;  
44.   
45.     private final View.OnClickListener mTabClickListener = new View.OnClickListener() {  
46.         public void onClick(View view) {  
47.             TabView tabView = (TabView) view;  
48.             final int oldSelected = mViewPager.getCurrentItem();  
49.             final int newSelected = tabView.getIndex();  
50.             mViewPager.<span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(newSelected, false);  
51.             if (oldSelected == newSelected && mTabReselectedListener != null) {  
52.                 mTabReselectedListener.onTabReselected(newSelected);  
53.             }  
54.         }  
55.     };  
56.   
57.     private final LinearLayout mTabLayout;  
58.   
59.     private ViewPager mViewPager;  
60.     private ViewPager.OnPageChangeListener mListener;  
61.   
62.     private int mSelectedTabIndex;  
63.   
64.     private OnTabReselectedListener mTabReselectedListener;  
65.   
66.     private int mTabWidth;  
67.   
68.     public IconTabPageIndicator(Context context) {  
69.         this(context, null);  
70.     }  
71.   
72.     public IconTabPageIndicator(Context context, AttributeSet attrs) {  
73.         super(context, attrs);  
74.         setHorizontalScrollBarEnabled(false);  
75.   
76.         mTabLayout = new LinearLayout(context, null, R.attr.tabPageIndicator);  
77.         addView(mTabLayout, new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));  
78.     }  
79.   
80.     public void setOnTabReselectedListener(OnTabReselectedListener listener) {  
81.         mTabReselectedListener = listener;  
82.     }  
83.   
84.     @Override  
85.     public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
86.         final int widthMode = View.MeasureSpec.getMode(widthMeasureSpec);  
87.         final boolean lockedExpanded = widthMode == View.MeasureSpec.EXACTLY;  
88.   
89.         final int childCount = mTabLayout.getChildCount();  
90.   
91.         if (childCount > 1 && (widthMode == MeasureSpec.EXACTLY || widthMode == MeasureSpec.AT_MOST)) {  
92.             mTabWidth = MeasureSpec.getSize(widthMeasureSpec) / childCount;  
93.         } else {  
94.             mTabWidth = -1;  
95.         }  
96.   
97.         final int oldWidth = getMeasuredWidth();  
98.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
99.         final int newWidth = getMeasuredWidth();  
100.   
101.         if (lockedExpanded && oldWidth != newWidth) {  
102.             // Recenter the tab display if we're at a new (scrollable) size.  
103.             <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(mSelectedTabIndex);  
104.         }  
105.     }  
106.   
107.     private void animateToTab(final int position) {  
108.         final View tabView = mTabLayout.getChildAt(position);  
109.         if (mTabSelector != null) {  
110.             removeCallbacks(mTabSelector);  
111.         }  
112.         mTabSelector = new Runnable() {  
113.             public void run() {  
114.                 final int scrollPos = tabView.getLeft() - (getWidth() - tabView.getWidth()) / 2;  
115.                 mTabSelector = null;  
116.             }  
117.         };  
118.         post(mTabSelector);  
119.     }  
120.   
121.     @Override  
122.     public void onAttachedToWindow() {  
123.         super.onAttachedToWindow();  
124.         if (mTabSelector != null) {  
125.             // Re-post the selector we saved  
126.             post(mTabSelector);  
127.         }  
128.     }  
129.   
130.     @Override  
131.     public void onDetachedFromWindow() {  
132.         super.onDetachedFromWindow();  
133.         if (mTabSelector != null) {  
134.             removeCallbacks(mTabSelector);  
135.         }  
136.     }  
137.   
138.     private void addTab(int index, CharSequence text, int iconResId) {  
139.         final TabView tabView = new TabView(getContext());  
140.         tabView.mIndex = index;  
141.         tabView.setOnClickListener(mTabClickListener);  
142.         tabView.setText(text);  
143.   
144.         if (iconResId > 0) {  
145.             tabView.setIcon(iconResId);  
146.         }  
147.   
148.         mTabLayout.addView(tabView, new LinearLayout.LayoutParams(0, MATCH_PARENT, 1));  
149.     }  
150.   
151.     @Override  
152.     public void onPageScrollStateChanged(int arg0) {  
153.         if (mListener != null) {  
154.             mListener.onPageScrollStateChanged(arg0);  
155.         }  
156.     }  
157.   
158.     @Override  
159.     public void onPageScrolled(int arg0, float arg1, int arg2) {  
160.         if (mListener != null) {  
161.             mListener.onPageScrolled(arg0, arg1, arg2);  
162.         }  
163.     }  
164.   
165.     @Override  
166.     public void onPageSelected(int arg0) {  
167.         <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(arg0);  
168.         if (mListener != null) {  
169.             mListener.onPageSelected(arg0);  
170.         }  
171.     }  
172.   
173.     @Override  
174.     public void setViewPager(ViewPager view) {  
175.         if (mViewPager == view) {  
176.             return;  
177.         }  
178.         if (mViewPager != null) {  
179.             mViewPager.setOnPageChangeListener(null);  
180.         }  
181.         final PagerAdapter adapter = view.getAdapter();  
182.         if (adapter == null) {  
183.             throw new IllegalStateException("ViewPager does not have adapter instance.");  
184.         }  
185.         mViewPager = view;  
186.         view.setOnPageChangeListener(this);  
187.         notifyDataSetChanged();  
188.     }  
189.   
190.     public void notifyDataSetChanged() {  
191.         mTabLayout.removeAllViews();  
192.         PagerAdapter adapter = mViewPager.getAdapter();  
193.         IconPagerAdapter iconAdapter = null;  
194.         if (adapter instanceof IconPagerAdapter) {  
195.             iconAdapter = (IconPagerAdapter) adapter;  
196.         }  
197.         final int count = adapter.getCount();  
198.         for (int i = 0; i < count; i++) {  
199.             CharSequence title = adapter.getPageTitle(i);  
200.             if (title == null) {  
201.                 title = EMPTY_TITLE;  
202.             }  
203.             int iconResId = 0;  
204.             if (iconAdapter != null) {  
205.                 iconResId = iconAdapter.getIconResId(i);  
206.             }  
207.             addTab(i, title, iconResId);  
208.         }  
209.         if (mSelectedTabIndex > count) {  
210.             mSelectedTabIndex = count - 1;  
211.         }  
212.         <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(mSelectedTabIndex);  
213.         requestLayout();  
214.     }  
215.   
216.     @Override  
217.     public void setViewPager(ViewPager view, int initialPosition) {  
218.         setViewPager(view);  
219.         <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(initialPosition);  
220.     }  
221.   
222.     @Override  
223.     public void <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(int item) {  
224.         if (mViewPager == null) {  
225.             throw new IllegalStateException("ViewPager has not been bound.");  
226.         }  
227.         mSelectedTabIndex = item;  
228.         mViewPager.<span style="BACKGROUND-COLOR: #ff9632">setCurrent</span>Item(item, false);  
229.   
230.         final int tabCount = mTabLayout.getChildCount();  
231.         for (int i = 0; i < tabCount; i++) {  
232.             final View child = mTabLayout.getChildAt(i);  
233.             final boolean isSelected = (i == item);  
234.             child.setSelected(isSelected);  
235.             if (isSelected) {  
236.                 animateToTab(item);  
237.             }  
238.         }  
239.     }  
240.   
241.     @Override  
242.     public void setOnPageChangeListener(ViewPager.OnPageChangeListener listener) {  
243.         mListener = listener;  
244.     }  
245.   
246.     private class TabView extends LinearLayout {  
247.         private int mIndex;  
248.         private ImageView mImageView;  
249.         private TextView mTextView;  
250.   
251.         public TabView(Context context) {  
252.             super(context, null, R.attr.tabView);  
253.             View view = View.inflate(context, R.layout.tab_view, null);  
254.             mImageView = (ImageView) view.findViewById(R.id.tab_image);  
255.             mTextView = (TextView) view.findViewById(R.id.tab_text);  
256.             this.addView(view);  
257.         }  
258.   
259.         @Override  
260.         public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
261.             super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
262.   
263.             // Re-measure if we went beyond our maximum size.  
264.             if (mTabWidth > 0) {  
265.                 super.onMeasure(MeasureSpec.makeMeasureSpec(mTabWidth, MeasureSpec.EXACTLY),  
266.                         heightMeasureSpec);  
267.             }  
268.         }  
269.   
270.         public void setText(CharSequence text) {  
271.             mTextView.setText(text);  
272.         }  
273.   
274.         public void setIcon(int resId) {  
275.             if (resId > 0) {  
276.                 mImageView.setImageResource(resId);  
277.             }  
278.         }  
279.   
280.         public int getIndex() {  
281.             return mIndex;  
282.         }  
283.     }  
284. }  

改动的地方主要是增加一个表示导航栏按钮宽度的变量，以及导航栏的view的实现，及两个onMeasure方法。由于在这里我继承的是LinearLayout，也就是当导航栏栏目较多时，不会通过左右滑动来显示或隐藏其他按钮，而是直接平分，该部分的代码如下：

[java] view plaincopyprint?

1. public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
2.         final int widthMode = View.MeasureSpec.getMode(widthMeasureSpec);  
3.         final boolean lockedExpanded = widthMode == View.MeasureSpec.EXACTLY;  
4.   
5.         final int childCount = mTabLayout.getChildCount();  
6.   
7.         if (childCount > 1 && (widthMode == MeasureSpec.EXACTLY || widthMode == MeasureSpec.AT_MOST)) {  
8.             mTabWidth = MeasureSpec.getSize(widthMeasureSpec) / childCount;  
9.         } else {  
10.             mTabWidth = -1;  
11.         }  
12.   
13.         final int oldWidth = getMeasuredWidth();  
14.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
15.         final int newWidth = getMeasuredWidth();  
16.   
17.         if (lockedExpanded && oldWidth != newWidth) {  
18.             // Recenter the tab display if we're at a new (scrollable) size.  
19.             <span style="BACKGROUND-COLOR: #ffd700">setCurrent</span>Item(mSelectedTabIndex);  
20.         }  
21.     }  

当导航按钮大于1个时，直接平分。每个导航按钮的宽度即为mTabWidth。

然后重写TabView的onMeasure方法，当mTabWidth大于0时，设置它的宽度为mTabWidth，如下：

[java] view plaincopyprint?

1. @Override  
2. public void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
3.     super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
4.   
5.     // Re-measure if we went beyond our maximum size.  
6.     if (mTabWidth > 0) {  
7.         super.onMeasure(MeasureSpec.makeMeasureSpec(mTabWidth, MeasureSpec.EXACTLY),  
8.                 heightMeasureSpec);  
9.     }  
10. }  

在这里的TabView中，我则直接使用布局文件来写，上面是一个ImageView，下面是一个TextView，代码如下（tab_view.xml）：

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2.   
3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
4.               android:orientation="vertical"  
5.               android:layout_width="match_parent"  
6.               android:background="@android:color/white"  
7.               android:gravity="center_horizontal"  
8.               android:addStatesFromChildren="true"  
9.               android:layout_height="wrap_content">  
10.   
11.     <ImageView  
12.         android:id="@+id/tab_image"  
13.         android:layout_width="27dp"  
14.         android:layout_marginTop="2dp"  
15.         android:adjustViewBounds="true"  
16.         android:contentDescription="@null"  
17.         android:layout_height="27dp" />  
18.   
19.     <TextView  
20.         android:id="@+id/tab_text"  
21.         android:layout_marginTop="2dp"  
22.         android:gravity="center_horizontal|bottom"  
23.         android:padding="2dp"  
24.         android:layout_width="wrap_content"  
25.         android:textColor="@color/tab_text_selector"  
26.         android:textSize="12sp"  
27.         android:layout_height="match_parent" />  
28. </LinearLayout>  

再看TabView内部类的构造方法代码：

[java] view plaincopyprint?

1.  private class TabView extends LinearLayout {  
2.   
3.         public TabView(Context context) {  
4.             super(context, null, R.attr.tabView);  
5.             View view = View.inflate(context, R.layout.tab_view, null);  
6.             mImageView = (ImageView) view.findViewById(R.id.tab_image);  
7.             mTextView = (TextView) view.findViewById(R.id.tab_text);  
8.             this.addView(view);  
9.         }  
10. }  

TabView是继承自LinearLayout，然后通过布局文件tab_view获取一个view，并将它加到TabView当中。但是我们并没有定义TabView本身的布局参数，所以加到它里面的view并不是居中的，而是靠左。所以我们还需要设置这个TabView的参数，通过我们定义的属性R.attr.tabView，然后调用它父类的构造方法super(context, null, R.attr.tabView)。

在IconTabPageIndicator的构造方法当中，你同样可以看到导航栏的容器——mTabLayout，同样是通过属性来创建的。如下代码：

[java] view plaincopyprint?

1. public IconTabPageIndicator(Context context, AttributeSet attrs) {  
2.     super(context, attrs);  
3.     setHorizontalScrollBarEnabled(false);  
4.   
5.     mTabLayout = new LinearLayout(context, null, R.attr.tabPageIndicator);  
6.     addView(mTabLayout, new ViewGroup.LayoutParams(MATCH_PARENT, MATCH_PARENT));  
7. }  

定义属性的方法如下，先在res/values下新建一个attrs.xml的文件，然后加入以下内容：

[html] view plaincopyprint?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <declare-styleable name="TabView">  
4.         <attr name="tabPageIndicator" format="reference" />  
5.         <attr name="tabView" format="reference" />  
6.     </declare-styleable>  
7. </resources>  

即在这里声明两个属性，一个是tabPageIndicator，另一个是tabView，它们都是引用类型的。

但仅仅这样还是不够的，因为我们只是声明了两个属性，并没有设定属性的具体内容，所以我们还需要在styles.xml文件当中设置我们的主题，代码如下(styles.xml)：

[html] view plaincopyprint?

1. <style name="AppTheme" parent="Theme.AppCompat.Light">  
2.       <item name="tabView">@style/TabView</item>  
3.       <item name="tabPageIndicator">@style/TabIndicator</item>  
4.   </style>  
5.   <style name="TabIndicator"/>  
6.   <style name="TabView">  
7.       <item name="android:addStatesFromChildren">true</item>  
8.       <item name="android:orientation">vertical</item>  
9.       <item name="android:gravity">bottom|center_horizontal</item>  
10.       <item name="android:layout_width">0dp</item>  
11.       <item name="android:background">@android:color/white</item>  
12.       <item name="android:layout_height">match_parent</item>  
13.   </style>  

到此，我们的IconTabPageIndicator就实现好了。接下来在我们的程序中使用它：

activity的布局文件(activity_my.xml)：

[html] view plaincopyprint?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     tools:context=".MyActivity">  
6.   
7.     <com.githang.navigatordemo.IconTabPageIndicator  
8.         android:id="@+id/indicator"  
9.         android:layout_alignParentBottom="true"  
10.         android:layout_width="match_parent"  
11.         android:layout_height="wrap_content"/>  
12.     <android.support.v4.view.ViewPager  
13.         android:layout_above="@id/indicator"  
14.         android:id="@+id/view_pager"  
15.         android:layout_width="match_parent"  
16.         android:layout_height="match_parent"/>  
17. </RelativeLayout>  

fragment的布局文件(fragment.xml)：

[html] view plaincopyprint?

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent"  
5.     android:paddingLeft="@dimen/activity_horizontal_margin"  
6.     android:paddingRight="@dimen/activity_horizontal_margin"  
7.     android:paddingTop="@dimen/activity_vertical_margin"  
8.     android:gravity="center"  
9.     android:paddingBottom="@dimen/activity_vertical_margin"  
10.     android:background="#eee"  
11.     tools:context=".MyActivity">  
12.   
13.     <TextView  
14.         android:id="@+id/text"  
15.         android:textAppearance="@android:style/TextAppearance.Large"  
16.         android:layout_width="wrap_content"  
17.         android:layout_height="wrap_content"/>  
18. </RelativeLayout>  

MyActivity类的代码：

[java] view plaincopyprint?

1. package com.githang.navigatordemo;  
2.   
3. import android.os.Bundle;  
4. import android.support.v4.app.Fragment;  
5. import android.support.v4.app.FragmentActivity;  
6. import android.support.v4.app.FragmentManager;  
7. import android.support.v4.app.FragmentPagerAdapter;  
8. import android.support.v4.view.ViewPager;  
9.   
10. import com.viewpagerindicator.IconPagerAdapter;  
11.   
12. import java.util.ArrayList;  
13. import java.util.List;  
14.   
15.   
16. public class MyActivity extends FragmentActivity {  
17.   
18.     private ViewPager mViewPager;  
19.     private IconTabPageIndicator mIndicator;  
20.     @Override  
21.     protected void onCreate(Bundle savedInstanceState) {  
22.         super.onCreate(savedInstanceState);  
23.         setContentView(R.layout.activity_my);  
24.   
25.         initViews();  
26.     }  
27.   
28.     private void initViews() {  
29.         mViewPager = (ViewPager) findViewById(R.id.view_pager);  
30.         mIndicator = (IconTabPageIndicator) findViewById(R.id.indicator);  
31.         List<BaseFragment> fragments = initFragments();  
32.         FragmentAdapter adapter = new FragmentAdapter(fragments, getSupportFragmentManager());  
33.         mViewPager.setAdapter(adapter);  
34.         mIndicator.setViewPager(mViewPager);  
35.     }  
36.   
37.     private List<BaseFragment> initFragments() {  
38.         List<BaseFragment> fragments = new ArrayList<BaseFragment>();  
39.   
40.         BaseFragment userFragment = new BaseFragment();  
41.         userFragment.setTitle("用户");  
42.         userFragment.setIconId(R.drawable.tab_user_selector);  
43.         fragments.add(userFragment);  
44.   
45.         BaseFragment noteFragment = new BaseFragment();  
46.         noteFragment.setTitle("记事本");  
47.         noteFragment.setIconId(R.drawable.tab_record_selector);  
48.         fragments.add(noteFragment);  
49.   
50.         BaseFragment contactFragment = new BaseFragment();  
51.         contactFragment.setTitle("联系人");  
52.         contactFragment.setIconId(R.drawable.tab_user_selector);  
53.         fragments.add(contactFragment);  
54.   
55.         BaseFragment recordFragment = new BaseFragment();  
56.         recordFragment.setTitle("记录");  
57.         recordFragment.setIconId(R.drawable.tab_record_selector);  
58.         fragments.add(recordFragment);  
59.   
60.         return fragments;  
61.     }  
62.   
63.     class FragmentAdapter extends FragmentPagerAdapter implements IconPagerAdapter {  
64.         private List<BaseFragment> mFragments;  
65.   
66.         public FragmentAdapter(List<BaseFragment> fragments, FragmentManager fm) {  
67.             super(fm);  
68.             mFragments = fragments;  
69.         }  
70.   
71.         @Override  
72.         public Fragment getItem(int i) {  
73.             return mFragments.get(i);  
74.         }  
75.   
76.         @Override  
77.         public int getIconResId(int index) {  
78.             return mFragments.get(index).getIconId();  
79.         }  
80.   
81.         @Override  
82.         public int getCount() {  
83.             return mFragments.size();  
84.         }  
85.   
86.         @Override  
87.         public CharSequence getPageTitle(int position) {  
88.             return mFragments.get(position).getTitle();  
89.         }  
90.     }  
91.   
92. }  

BaseFragment类的代码：

[java] view plaincopyprint?

1. package com.githang.navigatordemo;  
2.   
3. import android.os.Bundle;  
4. import android.support.annotation.Nullable;  
5. import android.support.v4.app.Fragment;  
6. import android.view.LayoutInflater;  
7. import android.view.View;  
8. import android.view.ViewGroup;  
9. import android.widget.TextView;  
10.   
11. /** 
12.  * User: Geek_Soledad([e-mail]) 
13.  * Date: 2014-08-27 
14.  * Time: 09:01 
15.  * FIXME 
16.  */  
17. public class BaseFragment extends Fragment {  
18.     private String title;  
19.     private int iconId;  
20.   
21.     public String getTitle() {  
22.         return title;  
23.     }  
24.   
25.     public void setTitle(String title) {  
26.         this.title = title;  
27.     }  
28.   
29.     public int getIconId() {  
30.         return iconId;  
31.     }  
32.   
33.     public void setIconId(int iconId) {  
34.         this.iconId = iconId;  
35.     }  
36.   
37.     @Override  
38.     public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {  
39.         View view = inflater.inflate(R.layout.fragment, null, false);  
40.         TextView textView = (TextView) view.findViewById(R.id.text);  
41.         textView.setText(getTitle());  
42.         return view;  
43.     }  
44. }  

项目代码下载地址：http://zdz.la/xvS4Ab

修订版下载地址：http://download.csdn.net/detail/maosidiaoxian/7913269

git 代码地址：http://git.oschina.net/msdx/IconTabPageIndicator/tree/1.0

最新代码已经将library的代码分离出来： CSDN传送门