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" ><translateandroid:duration="300"android:fromXDelta="100%p"android:toXDelta="0" /><alphaandroid: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" ><translateandroid:duration="300"android:fromXDelta="0"android:toXDelta="-100%p" /><alphaandroid: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" ><translateandroid:duration="300"android:fromXDelta="-100%p"android:toXDelta="0" /><alphaandroid: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" ><translateandroid:duration="300"android:fromXDelta="0"android:toXDelta="100%p" /><alphaandroid: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设置样式
<activityandroid: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;@Overridepublic 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" ><includeandroid: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.TabPageIndicatorandroid: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.ViewPagerandroid:id="@+id/vp"android:layout_width="match_parent"android:layout_height="match_parent"android:layout_below="@id/tpi" /><ImageViewandroid: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("车市");}@Overridepublic 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;}}@Overridepublic CharSequence getPageTitle(int position) {return mList.get(position);}@Overridepublic 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;}@Overridepublic void onCreate(Bundle savedInstanceState) {Bundle bundle = getArguments();if (bundle != null) vipType = bundle.getString("vipType");super.onCreate(savedInstanceState);pageName = "vip";}@Overridepublic 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);}@Overridepublic 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后的回调*/@Overridepublic void onEventListener(boolean successed, String msg) {if (successed) updateVipTime();}}
95秀-ViewPager 使用实例的更多相关文章
- 仿网易新闻客户端头条ViewPager嵌套实例
要点: 1.重写组件public boolean onInterceptTouchEvent(MotionEvent event)方法 2.正确使用requestDisallowInterceptTo ...
- 95秀-自定义对话框 dialog 合集
普通的确认对话框 NormalDialog.java import android.app.Dialog; import android.content.Context; import android ...
- 95秀-异步http请求完整过程
最终调用时的代码 private void ansyClearApplyInfor() { RequestParams params = new RequestParams() ...
- 95秀-dialog 进度对话框 实用工具
工具Util public class DialogUtil { public static ProgressDialogView progressDialog; /** * ...
- 95秀-PullToRefreshListView 示例
正在加载.暂无数据页面 public class RefreshGuideTool { private RelativeLayout rl_loading_guide;//整个View ...
- 95秀-弹窗+listview+动画 示例
Dialog布局 dialog.xml <?xml version="1.0" encoding="utf-8"?> <RelativeLay ...
- 直播【95秀】JNI 基本实现 简洁
2017-2-8 基本架构 1.使用SurfaceView在UI层面展示视频 2.通过JNI调用C代码控制视频的播放.停止 基本功能 1.从服务器获取正在直播的主播的列表信息 2.进入直播界面 3.可 ...
- Android学习记录:ViewPager实现欢迎页
许多APP在第一次启动的时候,都会有welcome page.近日尝试利用ViewPager来实现Welcome Page. d0711 完成记录,跟新下载地址 =================== ...
- ViewPager、Fragment、Matrix综合使用实现Tab滑页效果
原文地址:http://www.cnblogs.com/kross/p/3372987.html 我们实现一个上面是一个可以左右滑动的页面,下面是三个可点击切换的tab按钮,tab按钮上还有一个激活条 ...
随机推荐
- C++对象数组操作误区
由于语义上的需要导致语法的上缺陷,所以导致对象数组在C++中存在陷阱. C++语境:一个基类指针或引用是可以指向派生类对象的,以此可来表现C++对运行时多态的需求: 创建一个对象数组将返回首元素的首地 ...
- seajs常用API整理
本文来自于https://github.com/seajs/seajs/issues/266
- 开始编写正式的iOS 程序(iOS编程指导)
App设计基础 在确定了你的App主要功能后,需要把它转化为代码.如果你是第一次开发属于自己的iOS App,需要花些时间熟悉基本概念.iOS内置了很多设计样式,多了解下能对你以后有帮助. 初稿 设计 ...
- MySQL主从复制详细部署过程
环境介绍: 采用多实例进行主从复制测试,多实例方法请参考网上其它文档,其实多实例和双服务器对于测试环境来说是一样的. 当前采用3306端口进程为Master,3307端口进程为Slave. ...
- js学习笔记之:数组(二)
今天来学习一下数组的遍历.删除等知识点: 1 数组的遍历 数组元素的遍历可以使用for循环,采用关键字for...in var aCity = new Array("北京" ...
- highCharts 图表统计控件使用方法
1.首先引用js文件 在引用上面文件时,保证已经引用了jquery.js文件.且位置在上面两个文件之前. 2. <div id="container" style=" ...
- 10 款强大的JavaScript图表图形插件推荐
转自:http://www.iteye.com/news/24535 网上有很多用于绘制图表图形的免费JavaScript插件和图表库,这类插件大量出现的原因,一是人们不再依赖于Flash,二是浏览器 ...
- jquery 插件大全
1.jquery.roundabout.js 超棒的左右3D旋转式幻灯片jQuery插件 2.jquery validate.js 验证表单 3.jquery ui插件 对话框 日期 4.lhgdia ...
- 关于PHPstorm 使用技巧
慢慢更新,一点点积累,都是自己在使用中遇到的问题 设置:(2016.4.15) 1:注释模板,phpstorm 有非常强大的注释模板,可以根据自己的需求随时更改,并设置快捷键,非常方便 新文件注释 P ...
- jQuery放大镜插件jqzoom使用
源码下载,使用指导地址:http://www.mind-projects.it/projects/jqzoom/ 使用教程: 1.导入库文件 <script src="../js/jq ...