在ViewPager中使用Fragment实现界面左右滑动

Myth丶恋晨 2022-08-18 00:43 268阅读 0赞

布局文件主要有activity\_main和各个view：

在activity\_main布局中引入android.support.v4包

各个布局基本相同，这里只贴了view1的布局

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical" >
        
        <TextView
            android:id="@+id/view1" 
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center"
            android:text="view1"/>
    
    </LinearLayout>

主要代码有MainActivity、MyFragmentAdapter和各个Fragment：

package com.example.testslide;
    
    import java.util.ArrayList;
    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 {
    	
    	private ArrayList<Fragment> fragmentList;
    	private ViewPager viewPager;
    	private MyFragmentAdapter myFragmentAdapter;
    	private Fragment1 f1;
    	private Fragment2 f2;
    	private Fragment3 f3;
    
    	@Override
    	protected void onCreate(Bundle savedInstanceState) {
    		super.onCreate(savedInstanceState);
    		setContentView(R.layout.activity_main);
    		
    		fragmentList = new ArrayList<Fragment>();
    		
    		f1 = new Fragment1();
    		f2 = new Fragment2();
    		f3 = new Fragment3();		
    		
    		fragmentList.add(f1);
    		fragmentList.add(f2);
    		fragmentList.add(f3);
    		
    		viewPager = (ViewPager) findViewById(R.id.viewpager);
    		
    		myFragmentAdapter = new MyFragmentAdapter(getSupportFragmentManager(), fragmentList);
    		viewPager.setAdapter(myFragmentAdapter);
    		
    	}
    }

MyFragmentAdapter需要继承FragmentPagerAdapter

package com.example.testslide;
    
    import java.util.ArrayList;
    
    import android.support.v4.app.Fragment;
    import android.support.v4.app.FragmentManager;
    import android.support.v4.app.FragmentPagerAdapter;
    
    public class MyFragmentAdapter extends FragmentPagerAdapter {
    	
    	private ArrayList<Fragment> fragmentList;
    
    	public MyFragmentAdapter(FragmentManager fm, ArrayList<Fragment> fragmentList) {
    		super(fm);
    		this.fragmentList = fragmentList;
    		// TODO Auto-generated constructor stub
    	}
    
    	@Override
    	public Fragment getItem(int arg0) {
    		// TODO Auto-generated method stub
    		return fragmentList.get(arg0);
    	}
    
    	@Override
    	public int getCount() {
    		// TODO Auto-generated method stub
    		return fragmentList.size();
    	}
    
    }

其他Fragment代码相似，这里只贴了Fragment1的代码

package com.example.testslide;
    
    import android.os.Bundle;
    import android.support.v4.app.Fragment;
    import android.view.LayoutInflater;
    import android.view.View;
    import android.view.ViewGroup;
    
    public class Fragment1 extends Fragment{
    
    	@Override
    	public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    		// TODO Auto-generated method stub
    		
    		View view1 = inflater.inflate(R.layout.view1, container, false);
    		return view1;
    	}
    }

最后的效果图：

![20151201105256166][]

[20151201105256166]: /images/20220731/d9e2a654bf004bf39197820c83f0c546.png