95秀-ViewPager 使用实例

Activity的样式

    <style name="under_live_indicator" parent="android:Theme.NoTitleBar">

        <item name="vpiTabPageIndicatorStyle">@style/main_live_tab_title_style</item>

        <item name="android:windowBackground"> @android:color/transparent</item>

        <item name="android:windowIsTranslucent">false</item>

        <item name="android:windowAnimationStyle">@style/Animation.Activity.Translucent.Style</item>

</style>  

---

<style name="main_live_tab_title_style" parent="Widget.TabPageIndicator">

        <item name="android:background">@drawable/main_live_tab_selector</item>

        <item name="android:textSize">16sp</item>

        <item name="android:textColor">@color/main_live_indicator_color</item>

</style>

---

    <style name="Animation.Activity.Translucent.Style" parent="@android:style/Animation.Activity">

        <item name="android:activityOpenEnterAnimation">@anim/slide_in_right</item>

        <item name="android:activityOpenExitAnimation">@anim/slide_out_left</item>

        <item name="android:activityCloseEnterAnimation">@anim/slide_in_left</item>

        <item name="android:activityCloseExitAnimation">@anim/slide_out_right</item>

</style>

页面切换时的补间动画

slide_in_right

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="300"

        android:fromXDelta="100%p"

        android:toXDelta="0" />

    <alpha

        android:duration="300"

        android:fromAlpha="0.0"

        android:toAlpha="1.0" />

</set>

---

slide_out_left

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="300"

        android:fromXDelta="0"

        android:toXDelta="-100%p" />

    <alpha

        android:duration="300"

        android:fromAlpha="1.0"

        android:toAlpha="0.0" />

</set>

---

slide_in_left

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="300"

        android:fromXDelta="-100%p"

        android:toXDelta="0" />

    <alpha

        android:duration="300"

        android:fromAlpha="0.0"

        android:toAlpha="1.0" />

</set>

---

slide_out_right

<?xml version="1.0" encoding="utf-8"?>

<set xmlns:android="http://schemas.android.com/apk/res/android" >

    <translate

        android:duration="300"

        android:fromXDelta="0"

        android:toXDelta="100%p" />

    <alpha

        android:duration="300"

        android:fromAlpha="1.0"

        android:toAlpha="0.0" />

</set>

选择器

main_live_tab_selector，是一张9path图，当获取焦点或选中或点击时显示，否则不显示

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

  <item android:state_focused="false" android:state_selected="true"  android:state_pressed="false" android:drawable="@drawable/main_live_tab_bg" />

</selector>

---

main_live_indicator_color，文字颜色选择器

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

    <item android:state_enabled="false" android:color="#a8a8a8"/>

    <item android:state_pressed="true" android:color="#666666"/>

    <item android:state_selected="true" android:color="#666666"/>

    <item android:color="#a8a8a8"/>

</selector>

为Activity设置样式

         <activity

            android:name="com.lokinfo.m95xiu.MarketActivity"

            android:launchMode="singleTop"

            android:screenOrientation="portrait"

            android:theme="@style/under_live_indicator" >

</activity>

Activity代码

public class MarketActivity extends  BaseFragmentActivity{

    private ViewPager vp_charts;

    private TabPageIndicator tpi_charts;

    private MarketFragmentAdapter mAdapter;

    private int firstItem;

    @Override

    public void onCreate(Bundle savedInstanceState) {

        pageName = "商城";

        super.onCreate(savedInstanceState);

        firstItem = getIntent().getIntExtra("item", 0);

        setContentView(R.layout.activity_viewpager);

        TitleBar titleBar = new TitleBar(this);

        titleBar.setViewText("返回", "商城");

        vp_charts = (ViewPager) findViewById(R.id.vp);

        tpi_charts = (TabPageIndicator) findViewById(R.id.tpi);

        mAdapter = new MarketFragmentAdapter(getSupportFragmentManager());

        vp_charts.setAdapter(mAdapter);

        tpi_charts.setViewPager(vp_charts);

        tpi_charts.setCurrentItem(firstItem);

        

        // 改变 TabPageIndicator 里面的字体左右 的padding 距离

        ViewGroup vg = (ViewGroup) tpi_charts.getChildAt(0);

        int vgChildCount = vg.getChildCount();

        for (int j = 0; j < vgChildCount; j++) {

            View vgChild = vg.getChildAt(j);

            if (vgChild instanceof TextView) {

                ((TextView) vgChild).setPadding(10,11,11,11);

            }

        }

    }

}

---

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="@color/white"

    android:orientation="vertical" >

    <include

        android:id="@+id/title_bar"

        android:layout_width="match_parent"

        android:layout_height="@dimen/title_bar_height"

        android:layout_alignParentTop="true"

        layout="@layout/view_top_bar2" />

    <com.viewpagerindicator.TabPageIndicator

        android:id="@+id/tpi"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_below="@id/title_bar"

        android:background="@color/white" />

    <android.support.v4.view.ViewPager

        android:id="@+id/vp"

        android:layout_width="match_parent"

        android:layout_height="match_parent"

        android:layout_below="@id/tpi" />

    <ImageView

        android:id="@+id/iv_bg"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_alignTop="@id/vp"

        android:background="@drawable/main_bg_top" />

</RelativeLayout>

Adapter代码

public class MarketFragmentAdapter extends FragmentPagerAdapter {

    private List<String> mList;

    public MarketFragmentAdapter(FragmentManager fm) {

        super(fm);

        mList = new ArrayList<String>();

        mList.add("普通VIP");

        mList.add("尊贵VIP");

        mList.add("钻石VIP");

        mList.add("车市");

    }

    @Override

    public Fragment getItem(int position) {

        switch (position) {

        case 0:

            return VipFragment.createVipFragment("VIP");

        case 1:

            return VipFragment.createVipFragment("SVIP");

        case 2:

            return VipFragment.createVipFragment("DVIP");

        case 3:

            return new CarFragment();

        default:

            return null;

        }

    }

    @Override

    public CharSequence getPageTitle(int position) {

        return mList.get(position);

    }

    @Override

    public int getCount() {

        return mList == null ? 0 : mList.size();

    }

}

内容Fragment

public class VipFragment extends BaseFragment implements OnEventListener {

    private NestedGridView gv_vip;

    private List<VipBena> mList;

    private VipAdapter mAdapter;

    private String vipType;

    private TextView tv_vip_time;

    public static VipFragment createVipFragment(String vipType) {

        VipFragment fragment = new VipFragment();

        Bundle bundle = new Bundle();

        bundle.putString("vipType", vipType);

        fragment.setArguments(bundle);

        return fragment;

    }

    @Override

    public void onCreate(Bundle savedInstanceState) {

        Bundle bundle = getArguments();

        if (bundle != null)  vipType = bundle.getString("vipType");

        super.onCreate(savedInstanceState);

        pageName = "vip";

    }

    @Override

    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

        view = inflater.inflate(R.layout.fragment_vip, null);

        initView();

        return view;

    }

    private void initView() {

        gv_vip = (NestedGridView) view.findViewById(R.id.gv_vip);

        tv_vip_time = (TextView) view.findViewById(R.id.tv_vip_time);

        updateVipTime();

        mList = new ArrayList<VipBena>();

        if (vipType.equals("DVIP")) {

            mList.addAll(VipManager.getINSTANCE().getDVipList());

            gv_vip.setNumColumns(2);

        } else if (vipType.equals("SVIP")) {

            mList.addAll(VipManager.getINSTANCE().getSVipList());

            gv_vip.setNumColumns(2);

        } else {

            mList.addAll(VipManager.getINSTANCE().getnormalVipList());

            gv_vip.setNumColumns(2);

        }

        mAdapter = new VipAdapter(context, mList, vipType);

        mAdapter.setEventListener(this);

        gv_vip.setAdapter(mAdapter);

    }

    @Override

    public void onResume() {

        updateVipTime();

        super.onResume();

    }

    private void updateVipTime() {

        if (AppUser.getInstance().isLogin()) {

            tv_vip_time.setVisibility(View.VISIBLE);

            switch (AppUser.getInstance().getUser().getVipType()) {

            case 1:

                tv_vip_time.setText("您是普通VIP，剩余" + AppUser.getInstance().getUser().getVipExpires() + "天");

                break;

            case 2:

                tv_vip_time.setText("您是尊贵VIP，剩余" + AppUser.getInstance().getUser().getVipExpires() + "天");

                break;

            case 3:

                tv_vip_time.setText("您是钻石VIP，剩余" + AppUser.getInstance().getUser().getVipExpires() + "天");

                break;

            default:

                tv_vip_time.setText("您还不是会员，开通会员获取特权");

                break;

            }

        } else {

            tv_vip_time.setVisibility(View.GONE);

        }

    }

    /**

     * 购买vip后的回调

     */

    @Override

    public void onEventListener(boolean successed, String msg) {

        if (successed)  updateVipTime();

    }

}

来自为知笔记(Wiz)