ViewPager默認的效果是左右翻頁,然而可能一些項目的需要,我們需要那種上下翻頁的效果,在GitHub上我找到了可以上下翻頁效果的ViewPager的Demo,作者Jake Wharton無疑是個大神,有需要的可以直接取GitHub上看他的Demo,地址爲:https://github.com/JakeWharton/Android-DirectionalViewPager
我簡單的做了一點點修改,首先來說一下我遇到了問題
1)導入項目時我發現PagerAdapter.DataSetObserver這個類找不到,控制檯信息提示的是我的v4包衝突了,然後我刪掉了我項目裏的v4包,導入了Demo裏的v4包,然後錯誤就沒了,我就在想是什麼原因呢,然後我看了兩個v4包的結構,(不支持的v4包是我項目本身的,我sdk已經更新到6.0)下面來看一下兩個v4包的結構
首先是Demo裏的v4包 然後是我項目本身的v4包(新建項目每次自帶)
我想不用說,就知道爲什麼找不到這個類了吧,最新的v4包裏沒有了DataSetObserver這個類
2)第二點就是創建VerticalViewPagerCompat這個類的時候,必須放在android.support.v4.view這個報下,包的名字不能更改。
我項目中直接引入了VerticalViewPagerCompat類和DirectionalViewPager類,然後再主類中測試了一下,效果還不錯,運行圖片如下:
主類MainActivity的代碼如下
package com.example.verticalviewpager;
import com.directionalviewpager.DirectionalViewPager;
import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
public class MainActivity extends FragmentActivity {
private DirectionalViewPager mDirectionalViewPager;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
mDirectionalViewPager = (DirectionalViewPager) findViewById(R.id.pager);
mDirectionalViewPager.setAdapter(new TestFragmentAdapter(
getSupportFragmentManager()));
mDirectionalViewPager.setOrientation(DirectionalViewPager.VERTICAL);
}
}
主佈局文件如下:
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.directionalviewpager.DirectionalViewPager
android:id="@+id/pager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" />
</LinearLayout>
適配器使用的FragmentPagerAdapter,使用方法和ViewPager一樣
TestFragment的代碼如下:
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.setScaleType(ScaleType.FIT_XY);
iv.setImageResource(mContent);
return root;
}
@Override
public void onSaveInstanceState(Bundle outState) {
super.onSaveInstanceState(outState);
outState.putInt(KEY_CONTENT, mContent);
outState.putBoolean(KEY_ISLASTPIC, mIsLastPic);
}
}
TestFragmentAdapter的代碼如下:
class TestFragmentAdapter extends FragmentPagerAdapter {
protected static final int[] CONTENT = new int[] {
R.drawable.a1,
R.drawable.a2,
R.drawable.a3,
R.drawable.a5 };
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;
}
}
適配器佈局fragment_layout如下;
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<ImageView
android:id="@+id/iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
/>
</LinearLayout>
這裏只是簡單的使用了一下這個可以上下切換的ViewPager,一些特效切換效果還需要自己根據需要添加
Demo的下載地址爲:http://download.csdn.net/detail/shihuiyun/9562979 有需要的可以下載看看