Android之仿网易V3.5新特性
来源:互联网 发布:vc浏览器知乎 编辑:程序博客网 时间:2024/05/01 08:34
最近,网易新闻更新到V3.5了,给我印象最深的是第一次进应用时显示新特性的ViewPager变成垂直滑动了。于是,小小的模仿了一下,我们来看看效果:
2014年6月10日已更新到:http://git.oschina.net/way/DirectionalViewPager
增加背景跟随滚动,请前往osChina下载,以下链接作废,多谢合作!!!
本文源码下载地址:http://download.csdn.net/detail/weidi1989/5771921
其实这是一个很简单的代码,一个自定义的ViewPager就可以搞定,引用自JakeWharton的一个开源项目:点击打开链接。
这个项目实际上是在ViewPager的基础上,做了一个扩展,加入了对上下方向滑动的支持,正如项目的名字,使用该项目,可以灵活的改变viewpager的方向,而且仅用一个简单的属性设置就可以做到,我只对该项目提供的例子做了一些简单的改动,就做到了网易新闻这个引导页的效果。
项目中最主要的部分:
DirectionalViewPager:直接继承自ViewPager,主要在onInterceptTouchEvent()和onTouchEvent()里面加入了对于垂直方向滑动的支持.并提供了setOrientation()这个方法,
我们可以同过此方法,直接设置ViewPager的滑动效果,垂直或者是水平
VerticalViewPagerCompat:提供了设置DataSetObserver的方法:setDataSetObserver()
接下来看具体使用的部分:MainActivity
package com.way.newversion;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import com.way.directionalviewpager.DirectionalViewPager;public class MainActivity extends FragmentActivity {private DirectionalViewPager mDirectionalViewPager;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);// Set up the pagermDirectionalViewPager = (DirectionalViewPager) findViewById(R.id.pager);mDirectionalViewPager.setAdapter(new TestFragmentAdapter(getSupportFragmentManager()));mDirectionalViewPager.setOrientation(DirectionalViewPager.VERTICAL);//设置方向垂直即可。}}
实际应用中,我们直接用DirectionalViewPager代替ViewPager,再设置其滑动方向即可,既可以水平,也可以垂直,一个setOritation直接搞定.
看到了吧,实现上下滑动的效果就这么简单.在此不得不致敬JakeWharton这位大牛在开源项目上的贡献,让我们这些开发者受益颇深..
例子中其他部分,我只替换了资源图片:
我们每个界面都是使用的Fragment,由于通用以及简洁性,我这里就只使用一个TestFragment:
package com.way.newversion;import android.os.Bundle;import android.support.v4.app.Fragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.Button;import android.widget.ImageView;public class TestFragment extends Fragment {private static final String KEY_CONTENT = "TestFragment:Content";private static final String KEY_ISLASTPIC = "TestFragment:IsLastPic";private int mContent;private boolean mIsLastPic;public static TestFragment newInstance(int content, boolean isLastPic) {TestFragment fragment = new TestFragment();fragment.mContent = content;fragment.mIsLastPic = isLastPic;return fragment;}@Overridepublic View onCreateView(LayoutInflater inflater, ViewGroup container,Bundle savedInstanceState) {if ((savedInstanceState != null)&& savedInstanceState.containsKey(KEY_CONTENT)) {mContent = savedInstanceState.getInt(KEY_CONTENT);mIsLastPic = savedInstanceState.getBoolean(KEY_ISLASTPIC);}View root = inflater.inflate(R.layout.fragment_layout, container, false);ImageView iv = (ImageView) root.findViewById(R.id.iv);iv.setImageResource(mContent);Button btn = (Button) root.findViewById(R.id.btn);if (mIsLastPic)btn.setVisibility(View.VISIBLE);elsebtn.setVisibility(View.GONE);return root;}@Overridepublic void onSaveInstanceState(Bundle outState) {super.onSaveInstanceState(outState);outState.putInt(KEY_CONTENT, mContent);outState.putBoolean(KEY_ISLASTPIC, mIsLastPic);}}
接下来是所有fragment的Adapter:
package com.way.newversion;import android.support.v4.app.Fragment;import android.support.v4.app.FragmentManager;import android.support.v4.app.FragmentPagerAdapter;class TestFragmentAdapter extends FragmentPagerAdapter {protected static final int[] CONTENT = new int[] {R.drawable.biz_ad_new_version1_img0,R.drawable.biz_ad_new_version1_img1,R.drawable.biz_ad_new_version1_img2,R.drawable.biz_ad_new_version1_img3 };public TestFragmentAdapter(FragmentManager fm) {super(fm);}@Overridepublic Fragment getItem(int position) {boolean isLastPic = false;if (position == CONTENT.length - 1)isLastPic = true;return TestFragment.newInstance(CONTENT[position], isLastPic);}@Overridepublic int getCount() {return CONTENT.length;}}
好了,大概就是这样,有需要的朋友可以下载代码看看,很简单的,最后注意一下,我这里并未实现背景跟随滑动,加上之后会更加栩栩如生,这个就留给大家了。
- Android之仿网易V3.5新特性
- Android之仿网易V3.5新特性
- Android之仿网易V3.5新特性
- Android 仿网易新闻v3.5:上下滑动的引导页
- Android 仿网易新闻v3.5:上下滑动的引导页
- Android 仿网易新闻v3.5:上下滑动的引导页
- Android 仿网易新闻v3.5:上下滑动的引导页
- Android 仿网易新闻v3.5:上下滑动的引导页
- Android 仿网易新闻v3.5:上下滑动的引导页
- FusionCharts Free (FCF) V3 新特性之样式(Styles)
- Android之4.0新特性
- Android新特性之二
- Android应用源码之仿网易客户端源码效果
- Android高仿网易新闻客户端之首页
- Android高仿网易新闻客户端之动态添加标签
- Android高仿网易新闻客户端之侧滑菜单
- 高仿网易4.0新UI框架
- Android下拉刷新(仿网易)
- ACM - 暑期第三天:二叉树遍历
- POJ - 1700 Crossing River【贪心】
- udev详解
- Smack在Android内核的编译
- Yachts
- Android之仿网易V3.5新特性
- 曼昆经济学原理感悟-机会成本和比较优势(二)
- NYOJ 7-街区最短路径问题
- hdu3635 Dragon Balls
- Java菜鸟学习笔记--面向对象篇(十):有爱的打印机实例
- 最近组织游泳社的体会
- Eclipse Bug 笔记
- .NET简谈面向接口编程
- 拉链表