用TabLayout，ViewPager实现左右滑动切换页面的效果

package com.andy.multifragment; import android.support.v4.app.Fragment; import android.os.Bundle; import android.util.Log; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; import java.util.ArrayList; import java.util.List; import java.util.Random; /** * Created by Administrator on 2016/6/24. */ public class SampleFragment extends Fragment { public static final String KEY_RANGE = "KEY_RANGES"; private int mRange; LinearLayout mLayout; private List<Integer> mStudentId = new ArrayList<>(); private List<Integer> mStudentScore = new ArrayList<>(); private String[][] studentName = new String[][]{ {"张一", "张二", "张三", "张四"}, {"李一", "李二", "李三", "李四"}, {"卓一", "卓二", "卓三", "卓四"}, {"王一", "王二", "王三", "王四"} }; private int[] imageIds = new int[] {R.drawable.tiger, R.drawable.nongyu , R.drawable.qingzhao, R.drawable.libai}; public static SampleFragment getNewInstance(Bundle bundle) { SampleFragment fragment = new SampleFragment(); fragment.setArguments(bundle); return fragment; } @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); mRange = getArguments().getInt(KEY_RANGE, 1); initData(); } @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View rootView = inflater.inflate(R.layout.fragment, container, false); mLayout = (LinearLayout) rootView.findViewById(R.id.linearLayoutRoot); initView(inflater); return rootView; } @Override public void onViewCreated(View view, Bundle savedInstanceState) { super.onViewCreated(view, savedInstanceState); view = LayoutInflater.from(getActivity()).inflate(R.layout.fragment, null); } public void initData() { Random rand = new Random(); int randId = rand.nextInt(10000) + 10000; for (int i = 0; i <= 3; i++) { mStudentId.add(Integer.valueOf(randId + i)); int score = rand.nextInt(50)+50; mStudentScore.add(Integer.valueOf(score)); } } public void initView(LayoutInflater inflater) { View view = null; for (int i = -1; i <= 3; i++) { if (i == -1) { view = inflater.inflate(R.layout.item_student_title, null); } else { view = inflater.inflate(R.layout.item_student_content, null); ImageView header = (ImageView)view.findViewById(R.id.student_image); TextView id = (TextView)view.findViewById(R.id.student_id); TextView name = (TextView)view.findViewById(R.id.student_name); TextView score = (TextView)view.findViewById(R.id.student_score); header.setImageResource(imageIds[i]); id.setText(String.valueOf(mStudentId.get(i))); score.setText(String.valueOf(mStudentScore.get(i).intValue())); switch (mRange){ case 1: name.setText(studentName[i][0]); break; case 2: name.setText(studentName[i][1]); break; case 3: name.setText(studentName[i][2]); break; case 4: name.setText(studentName[i][3]); break; } } if (i % 2 == 0) { view.setBackgroundResource(R.color.achi_conent_bg); } Log.d("andylog ", "initView" + String.valueOf(i)); mLayout.addView(view); } } }