1.build
compile 'com.shizhefei:ViewPagerIndicator:1.1.3'
2.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/grayE">
<android.support.v4.view.ViewPager
android:id="@+id/viewPager"
android:layout_width="match_parent"
android:layout_height="0dip"
android:layout_weight="1"
android:overScrollMode="never">
</android.support.v4.view.ViewPager>
<View
android:layout_width="match_parent"
android:layout_height="0.6dip"
android:background="@color/grayE"/>
<com.shizhefei.view.indicator.FixedIndicatorView
android:id="@+id/indicator"
android:layout_width="match_parent"
android:layout_height="54dip">
</com.shizhefei.view.indicator.FixedIndicatorView>
</LinearLayout>
3.java
public class MainActivity extends FragmentActivity {
private LayoutInflater inflater;
private IndicatorViewPager indicatorViewPager;
@Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
setupLayout();
}
private void setupLayout() {
ViewPager viewPager = (ViewPager) findViewById(R.id.viewPager);
viewPager.setOffscreenPageLimit(5);
final Indicator indicator = (Indicator) findViewById(R.id.indicator);
indicatorViewPager = new IndicatorViewPager(indicator, viewPager);
inflater = LayoutInflater.from(getApplicationContext());
indicatorViewPager.setAdapter(adapter);
indicatorViewPager.setOnIndicatorPageChangeListener(new IndicatorViewPager.OnIndicatorPageChangeListener() {
@Override
public void onIndicatorPageChange(int preItem, int currentItem) {
if (preItem != -1) {
indicatorViewPager.getIndicatorView().getItemView(preItem).findViewById(R.id.imageView).setSelected(false);
((TextView) indicatorViewPager.getIndicatorView().getItemView(preItem).findViewById(R.id.textView)).setTextColor(getResources().getColor(R.color.black2));
}
indicatorViewPager.getIndicatorView().getItemView(currentItem).findViewById(R.id.imageView).setPressed(true);
((TextView) indicatorViewPager.getIndicatorView().getItemView(currentItem).findViewById(R.id.textView)).setTextColor(getResources().getColor(R.color.text_red));
}
});
((TextView) indicatorViewPager.getIndicatorView().getItemView(0).findViewById(R.id.textView)).setTextColor(getResources().getColor(R.color.text_red));
indicatorViewPager.setCurrentItem(0, true);
}
private IndicatorViewPager.IndicatorFragmentPagerAdapter adapter = new IndicatorViewPager.IndicatorFragmentPagerAdapter(getSupportFragmentManager()) {
private int[] images = {R.drawable.main0_select, R.drawable.main1_select, R.drawable.main2_select, R.drawable.main3_select, R.drawable.main4_select};
private int[] texts = {R.string.main0, R.string.main1, R.string.main2, R.string.main3, R.string.main4};
private Fragment[] fragments = {MainFragment.newInstance(), ScenicFragment.newInstance(), ServiceFragment.newInstance(), ShopFragment.newInstance(), MineFragment.newInstance()};
@Override
public int getCount() {
return images.length;
}
@Override
public View getViewForTab(int position, View convertView, ViewGroup container) {
if (convertView == null) {
convertView = inflater.inflate(R.layout.main_bottom_item, container, false);
ImageView imageView = (ImageView) convertView.findViewById(R.id.imageView);
imageView.setImageResource(images[position]);
TextView textView = (TextView) convertView.findViewById(R.id.textView);
textView.setText(texts[position]);
}
return convertView;
}
@Override
public Fragment getFragmentForPage(int position) {
return fragments[position];
}
};
}