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();
    }

}


95秀-ViewPager 使用实例的更多相关文章

  1. 仿网易新闻客户端头条ViewPager嵌套实例

    要点: 1.重写组件public boolean onInterceptTouchEvent(MotionEvent event)方法 2.正确使用requestDisallowInterceptTo ...

  2. 95秀-自定义对话框 dialog 合集

    普通的确认对话框 NormalDialog.java import android.app.Dialog; import android.content.Context; import android ...

  3. 95秀-异步http请求完整过程

    最终调用时的代码     private void ansyClearApplyInfor() {         RequestParams params = new RequestParams() ...

  4. 95秀-dialog 进度对话框 实用工具

    工具Util public class DialogUtil {     public static ProgressDialogView progressDialog;     /**      * ...

  5. 95秀-PullToRefreshListView 示例

        正在加载.暂无数据页面 public class RefreshGuideTool {     private RelativeLayout rl_loading_guide;//整个View ...

  6. 95秀-弹窗+listview+动画 示例

    Dialog布局 dialog.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLay ...

  7. 直播【95秀】JNI 基本实现 简洁

    2017-2-8 基本架构 1.使用SurfaceView在UI层面展示视频 2.通过JNI调用C代码控制视频的播放.停止 基本功能 1.从服务器获取正在直播的主播的列表信息 2.进入直播界面 3.可 ...

  8. Android学习记录:ViewPager实现欢迎页

    许多APP在第一次启动的时候,都会有welcome page.近日尝试利用ViewPager来实现Welcome Page. d0711 完成记录,跟新下载地址 =================== ...

  9. ViewPager、Fragment、Matrix综合使用实现Tab滑页效果

    原文地址:http://www.cnblogs.com/kross/p/3372987.html 我们实现一个上面是一个可以左右滑动的页面,下面是三个可点击切换的tab按钮,tab按钮上还有一个激活条 ...

随机推荐

  1. C++对象数组操作误区

    由于语义上的需要导致语法的上缺陷,所以导致对象数组在C++中存在陷阱. C++语境:一个基类指针或引用是可以指向派生类对象的,以此可来表现C++对运行时多态的需求: 创建一个对象数组将返回首元素的首地 ...

  2. seajs常用API整理

    本文来自于https://github.com/seajs/seajs/issues/266

  3. 开始编写正式的iOS 程序(iOS编程指导)

    App设计基础 在确定了你的App主要功能后,需要把它转化为代码.如果你是第一次开发属于自己的iOS App,需要花些时间熟悉基本概念.iOS内置了很多设计样式,多了解下能对你以后有帮助. 初稿 设计 ...

  4. MySQL主从复制详细部署过程

    环境介绍:   采用多实例进行主从复制测试,多实例方法请参考网上其它文档,其实多实例和双服务器对于测试环境来说是一样的.   当前采用3306端口进程为Master,3307端口进程为Slave.   ...

  5. js学习笔记之:数组(二)

    今天来学习一下数组的遍历.删除等知识点:    1 数组的遍历 数组元素的遍历可以使用for循环,采用关键字for...in var aCity =  new Array("北京" ...

  6. highCharts 图表统计控件使用方法

    1.首先引用js文件 在引用上面文件时,保证已经引用了jquery.js文件.且位置在上面两个文件之前. 2. <div id="container" style=" ...

  7. 10 款强大的JavaScript图表图形插件推荐

    转自:http://www.iteye.com/news/24535 网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器 ...

  8. jquery 插件大全

    1.jquery.roundabout.js 超棒的左右3D旋转式幻灯片jQuery插件 2.jquery validate.js 验证表单 3.jquery ui插件 对话框 日期 4.lhgdia ...

  9. 关于PHPstorm 使用技巧

    慢慢更新,一点点积累,都是自己在使用中遇到的问题 设置:(2016.4.15) 1:注释模板,phpstorm 有非常强大的注释模板,可以根据自己的需求随时更改,并设置快捷键,非常方便 新文件注释 P ...

  10. jQuery放大镜插件jqzoom使用

    源码下载,使用指导地址:http://www.mind-projects.it/projects/jqzoom/ 使用教程: 1.导入库文件 <script src="../js/jq ...