viewpagerindicator ViewPager指示器

MainActivity

/** * 设置style 1.manifest中设置theme 2.style api11 3.图片 * 4.适配器中的方法 getPageTitle(int position) */public class MainActivity extends FragmentActivity {    private ViewPager vp;    private TabPageIndicator tabPageIndicator;    private List<Fragment> list = new ArrayList<Fragment>();    String titles[] = { "推荐", "军事", "情感", "法治", "生活", "运动" };    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        // 设置成没有标题条        requestWindowFeature(Window.FEATURE_NO_TITLE);        setContentView(R.layout.activity_main);        initView();        preparefragment();        vp.setAdapter(new MyFragmentPagerAdapter(getSupportFragmentManager(),                list, titles));        tabPageIndicator.setViewPager(vp);    }    private void preparefragment() {        for (int i = 0; i < titles.length; i++) {            // 设置fragment传值setArguments(args);            Myfragment myfragment = new Myfragment();            Bundle args = new Bundle();            args.putString("url", titles[i]);            myfragment.setArguments(args);            list.add(myfragment);        }    }    private void initView() {        tabPageIndicator = (TabPageIndicator) findViewById(R.id.tabpageindicator);        vp = (ViewPager) findViewById(R.id.vp);    }}

fragment

import com.example.day04_viewpagerindicator.R;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;public class Myfragment extends Fragment{private View view;@Overridepublic View onCreateView(LayoutInflater inflater,        @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {    view = inflater.inflate(R.layout.fragment_view, container, false);    return view;}@Override    public void onActivityCreated(@Nullable Bundle savedInstanceState) {        super.onActivityCreated(savedInstanceState);        TextView tv_fragment = (TextView)view.findViewById(R.id.tv_fragment);        Bundle bundle = getArguments();        String string = bundle.getString("url");        tv_fragment.setText(string);    }}

ViewPager适配器

import java.util.List;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;public class MyFragmentPagerAdapter extends FragmentPagerAdapter {List<Fragment> list; String[] titles;    public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list, String[] titles) {        super(fm);        this.list=list;        this.titles=titles;    }    @Override    public Fragment getItem(int arg0) {        return list.get(arg0);    }    @Override    public int getCount() {        return list.size();    }    //控制tabpageindicator显示的内容@Override    public CharSequence getPageTitle(int position) {        return titles[position];    }}

manifest

 android:theme="@style/StyledIndicators"

Styles

<style name="StyledIndicators" parent="@android:style/Theme.Light">        <item name="vpiTabPageIndicatorStyle">@style/CustomTabPageIndicator</item>    </style>    <style name="CustomTabPageIndicator" parent="Widget.TabPageIndicator">        <item name="android:background">@drawable/tab_indicator</item>        <item name="android:textAppearance">@style/CustomTabPageIndicator.Text</item>        <item name="android:textSize">14sp</item>        <item name="android:dividerPadding" tools:targetApi="11">8dp</item>        <item name="android:showDividers" tools:targetApi="11">middle</item>        <item name="android:paddingLeft">10dp</item>        <item name="android:paddingRight">10dp</item>        <item name="android:fadingEdge">horizontal</item>        <item name="android:fadingEdgeLength">8dp</item>    </style>    <!-- 点击了是红的 -->    <style name="CustomTabPageIndicator.Text" parent="android:TextAppearance.Medium">        <item name="android:typeface">monospace</item>        <item name="android:textColor">@drawable/selector_tabtext</item>    </style>

drawable–selector_tabtext.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" />    <item android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" />         <item android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/base_tabpager_indicator_selected" />    <item android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/base_tabpager_indicator_selected" /></selector>

drawable–tab_indicator.xml

<selector xmlns:android="http://schemas.android.com/apk/res/android">    <item android:state_selected="false" android:state_pressed="false" android:drawable="@android:color/transparent" />    <item android:state_selected="false" android:state_pressed="true" android:drawable="@android:color/transparent" />         <item android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/base_tabpager_indicator_selected" />    <item android:state_selected="true"  android:state_pressed="true" android:drawable="@drawable/base_tabpager_indicator_selected" /></selector>

drawable