Android之仿网易V3.5新特性

来源：互联网发布：淘宝咸鱼官方下载编辑：程序博客网时间：2024/04/30 21:05

最近，网易新闻更新到V3.5了，给我印象最深的是第一次进应用时显示新特性的ViewPager变成垂直滑动了。于是，小小的模仿了一下，我们来看看效果：

本文源码下载地址：http://download.csdn.net/detail/weidi1989/5771921

其实这是一个很简单的代码，一个自定义的ViewPager就可以搞定，引用自JakeWharton的一个开源项目：点击打开链接。

这个项目实际上是在ViewPager的基础上，做了一个扩展，加入了对上下方向滑动的支持，正如项目的名字，使用该项目，可以灵活的改变viewpager的方向,而且仅用一个简单的属性设置就可以做到,我只对该项目提供的例子做了一些简单的改动，就做到了网易新闻这个引导页的效果。

项目中最主要的部分:

DirectionalViewPager:直接继承自ViewPager,主要在onInterceptTouchEvent()和onTouchEvent()里面加入了对于垂直方向滑动的支持.并提供了setOrientation()这个方法,

我们可以同过此方法，直接设置ViewPager的滑动效果，垂直或者是水平

VerticalViewPagerCompat:提供了设置DataSetObserver的方法:setDataSetObserver()

接下来看具体使用的部分:MainActivity

[java] view plaincopy
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;  
  
    @Override  
    protected void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.activity_main);  
        // Set up the pager  
        mDirectionalViewPager = (DirectionalViewPager) findViewById(R.id.pager);  
        mDirectionalViewPager.setAdapter(new TestFragmentAdapter(  
                getSupportFragmentManager()));  
        mDirectionalViewPager.setOrientation(DirectionalViewPager.VERTICAL);//设置方向垂直即可。  
  
    }  
  
}  

实际应用中，我们直接用DirectionalViewPager代替ViewPager，再设置其滑动方向即可，既可以水平，也可以垂直，一个setOritation直接搞定.

看到了吧，实现上下滑动的效果就这么简单.在此不得不致敬JakeWharton这位大牛在开源项目上的贡献,让我们这些开发者受益颇深..

例子中其他部分,我只替换了资源图片:

我们每个界面都是使用的Fragment，由于通用以及简洁性，我这里就只使用一个TestFragment:

[java] view plaincopy
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;  
    }  
  
    @Override  
    public 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);  
        else  
            btn.setVisibility(View.GONE);  
        return root;  
    }  
  
    @Override  
    public void onSaveInstanceState(Bundle outState) {  
        super.onSaveInstanceState(outState);  
        outState.putInt(KEY_CONTENT, mContent);  
        outState.putBoolean(KEY_ISLASTPIC, mIsLastPic);  
    }  
}  

接下来是所有fragment的Adapter：

[java] view plaincopy
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);  
    }  
  
    @Override  
    public Fragment getItem(int position) {  
        boolean isLastPic = false;  
        if (position == CONTENT.length - 1)  
            isLastPic = true;  
        return TestFragment.newInstance(CONTENT[position], isLastPic);  
    }  
  
    @Override  
    public int getCount() {  
        return CONTENT.length;  
    }  
}  

好了，大概就是这样，有需要的朋友可以下载代码看看，很简单的，最后注意一下，我这里并未实现背景跟随滑动，加上之后会更加栩栩如生，这个就留给大家了。

0 0