ViewPagerIndicator的简单实用

ViewPagerIndicator是一个出来很久了框架了，非常的好用这里就不过多介绍了。在ViewPagerIndicator的众多indicator中最常用的就是TabPageIndicator了，下面就以TabPageIndicator简单的说一下ViewPagerIndicator的用法。

1、资源引用
以AndroidStudio为例
（1）先去下载ViewPagerIndicator项目。
（2）在下载资源以后，打开AndroidStudio点击File—>Project Structure—->点击左上角加号—->选择 Import Eclipse ADT Project完成以后选择Dependencies然后右上角加号选择Module dependency。最后选择相应的资源添加上就可以了
2、布局文件
布局长这个样子很简单

<? xml version= "1.0" encoding= "utf-8" ?>
< LinearLayout xmlns: android ="http://schemas.android.com/apk/res/android"
    android :layout_width= "match_parent"
    android :layout_height= "match_parent"
    android :orientation= "vertical">

    <com.viewpagerindicator.TabPageIndicator
        android:id= "@+id/indicator_TabPage"
        android:layout_width= "match_parent"
        android:layout_height= "50dp"
        android:fillViewport= "false" >

    </com.viewpagerindicator.TabPageIndicator >

    <android.support.v4.view.ViewPager
        android:id= "@+id/vp_tabIndicator"
        android:layout_width= "match_parent"
        android:layout_height= "match_parent"
        />

</LinearLayout >

3、Activity类

package example.lc.com.viewpageindicatortext;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;

import com.viewpagerindicator.IconPagerAdapter;
import com.viewpagerindicator.TabPageIndicator;

import example.lc.com.viewpageindicatortext.fragment.NewFragment;

/**
* Created by HP on 2016/8/29.
*/
public class TabPageIndicator_AC extends FragmentActivity {

    private String[] tabs;
    private TabPageIndicator mTabindicator;
    private ViewPager vp_tabIndicator;

    private MyAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super .onCreate(savedInstanceState);
        setContentView(R.layout. tabpageindicator_ac);
        initArrays();
        initViews();
    }

    private void initArrays() {
        tabs = getResources().getStringArray(R.array. indicator_titles);
    }

    private void initViews() {
        mTabindicator = (TabPageIndicator) findViewById(R.id. indicator_TabPage);
        vp_tabIndicator = (ViewPager) findViewById(R.id. vp_tabIndicator);
        adapter = new MyAdapter(getSupportFragmentManager());
        vp_tabIndicator .setAdapter( adapter);
        //给ViewPagerIndicator设置ViewPager
        mTabindicator.setViewPager( vp_tabIndicator);
        vp_tabIndicator .setOffscreenPageLimit( 1);
    }

    private class MyAdapter extends FragmentPagerAdapter implements IconPagerAdapter {
        public MyAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem( int position) {
            NewFragment fragment = new NewFragment();
            Bundle bundle = new Bundle();
            bundle.putString( "title", tabs[position]);
            fragment.setArguments(bundle);
            return fragment;
        }

        /**
         * 定义tittle标题
         */
        @Override
        public CharSequence getPageTitle( int position) {
            return tabs [position % tabs . length];
        }

        @Override
        public int getIconResId( int index) {
            return 0 ;
        }

        @Override
        public int getCount() {
            return tabs .length ;
        }
    }
}

这个类做的事情也很简单，就是分别将ViewPage和Indicator设置好，最后通过setViewPager()方法将二者进行关联。
3、Fragment类
（1）BaseFragment

package example.lc.com.viewpageindicatortext.fragment;

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
* Created by HP on 2016/9/8.
*/
public class BaseFragment extends Fragment {
    private static final String TAG= "BaseFragment";

    //判断当前Fragment是否可见
    private boolean isVisible ;
    @Override
    public void onAttach(Context context) {
        super .onAttach(context);
        Log.e( TAG ,"onAttach" );

    }

    @Override
    public void onCreate(@Nullable Bundle savedInstanceState) {
        super .onCreate(savedInstanceState);
        Log.e( TAG ,"onCreate" );
    }

    @Override
    public void setUserVisibleHint( boolean isVisibleToUser) {
        super .setUserVisibleHint(isVisibleToUser);
        if (getUserVisibleHint())
        {
            isVisible= true;
            TrueVisible();
        }
        else
        {
            isVisible= false;
            FalseVisible();
        }
    }

    private void FalseVisible() {
        Log.e( TAG ,"FalseVisible" );
    }

    private void TrueVisible() {
        Log.e( TAG ,"TrueVisible" );
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        Log.e( TAG ,"onCreateView" );
        return super .onCreateView(inflater, container, savedInstanceState);

    }

}

（2）NewFragment.java

package example.lc.com.viewpageindicatortext.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;
import android.widget.Toast;

import example.lc.com.viewpageindicatortext.R;

/**
* Created by HP on 2016/9/4.
*/
public class NewFragment extends BaseFragment {

    private TextView tv_item;
    private String content;

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout. fragment_item, container, false);
        Bundle bundle = getArguments();
        content = bundle.getString( "title");
        initViews(view);
        return view;
    }

    private void initViews(View view) {
        tv_item = (TextView) view.findViewById(R.id. tv_item);
        tv_item .setText( content);
        Toast.makeText(getActivity(), content,Toast. LENGTH_SHORT );
    }
}

4、其他资源

< resources>
    <string name= "app_name">ViewPageIndicatorText</ string>
    <string-array name= "indicator_titles">
        < item>要闻</ item>
        < item>视频</ item>
        < item>天津</ item>
        < item>财经</ item>
        < item>娱乐</ item>
        < item>体育</ item>
        < item>科技</ item>
        < item>社会</ item>
        </ string-array>

</resources >

5、运行效果