实现ViewPager+fragment的使用
思考实现的原理和机制
- ViewPager主要是实现横向滑动和切换控件视图
我们实现的原理主要如下,viewpager主要用来划动其内部的fragment.那就是说viewpager里面嵌套的是fragment,我们划动的时候,是fragment的切换,,有的人可能会问,为什么不是fragment里面嵌套个viewpager,其实这个也是没错的,但是fragment里面嵌套个viewpager,你还要viewpager里面填充内容,这样其才可以划动,在这个时候你划动的只是viewpager里面的内容,外层的fragment是没有动的.
既然我们知道了原理和机制,思路也清晰,那就开始撸代码吧!
- 第一步声明 一个ViewPager对象
- 第二步 声明一个泛型为Fragment的List list集合;
- 第三步 viewpager+fragment有一个特定的适配器为FragmentPagerAdapter,我们自定义个MyFragmentPagerAdapter
- 第四步 ViewPager绑定适配器 实现我们想要的效果
主Activity代码如下
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.ViewPager;
public class MainActivity extends FragmentActivity {
ViewPager mViewPager;
List<Fragment> mList;
MyFragmentPagerAdapter mAdapter;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView(){
mViewPager = (ViewPager) findViewById(R.id.activity_main_viewpager);
mList = new ArrayList<Fragment>();
setFragment();
mAdapter = new MyFragmentPagerAdapter(getSupportFragmentManager(), mList);
mViewPager.setAdapter(mAdapter);
}
private void setFragment(){
FragmentA fragmentA = new FragmentA();
FragmentA fragmentB = new FragmentA();
mList.add(fragmentA);
mList.add(fragmentB);
}
}
新建的fragment类的代码如下
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class FragmentA extends Fragment {
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
}
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
View view = View.inflate(getActivity(), R.layout.fragement_a, null);
return view;
}
@Override
public void onActivityCreated(Bundle savedInstanceState) {
super.onActivityCreated(savedInstanceState);
}
}
自定义的适配器代码如下
import java.util.List;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
public class MyFragmentPagerAdapter extends FragmentPagerAdapter {
List<Fragment> list;
public MyFragmentPagerAdapter(FragmentManager fm, List<Fragment> list) {
super(fm);
this.list = list;
}
@Override
public Fragment getItem(int arg0) {
return list.get(arg0);
}
@Override
public int getCount() {
return list.size();
}
}
主activity的布局文件如下
<RelativeLayout 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.support.v4.view.ViewPager
android:id="@+id/activity_main_viewpager"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>
</RelativeLayout>
FragmentA的布局文件如下
<RelativeLayout 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" >
<ImageView
android:id="@+id/pager_item_iv"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/ic_launcher"/>
<Button
android:id="@+id/pager_item_btn"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:layout_marginBottom="50dp"
android:layout_centerHorizontal="true"
android:text="进入应用"/>
</RelativeLayout>
上面的代码就是实现一个简单的viewpager+fragment混合使用的列子,你们也可以自己写出更好的Demo,我这个只是实现一个最简单的使用,谢谢你们的阅读,希望能够帮到你们