使用ViewPager+GridView实现横向滑动的效果(二)

                   上一篇文章初步学习了使用ViewPager(http://blog.csdn.net/jiangqq781931404/article/details/9363919)

            现在正是开始使用ViewPager+GridView方法实现横向滑动效果；

                   


                  上面就是实现的效果，当然用手去滑动，是可以进行横向滑动，到时候有兴趣的可以把例子代码部署到手机中进行测试一下：

            实现该效果的方法，其实还是比较简单的

           1：在布局文件中加入<android.support.v4.view.ViewPager

        android:paddingTop="250dip"

        android:layout_height="wrap_content"

        android:layout_width="wrap_content"        

        android:id="@+id/myviewpager"

        android:layout_weight="7"

        android:layout_gravity="center_vertical"

        android:clickable="true"

        android:focusable="true"

        />    引入ViewPager包

          2:然后创建出GridView把数据添加进去，

          3:使用ViewPager进行显示

         

         接下去直接看代码直截了当

         MainActivity.java

         /**
* 实现自定义ViewPager+GridView
* @author jiangqq
* @time 2013/07/17 17:55
*/
public class MainActivity extends Activity {
private MyViewPagerAdapter adapter;
private List<GridView> mLists;
private ViewPager mViewPager;
private String[] mStrs = new String[] { "01", "02", "03", "04", "05", "06",
"07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17",
"18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28",
"29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39",
"40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50",
"51", "52", "53", "54", "55", "56", "57", "58", "59", "60" };
private int index = 0;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
init();
mViewPager = (ViewPager) findViewById(R.id.myviewpager);
mViewPager.setOnPageChangeListener(new MyOnPageChanger());
adapter = new MyViewPagerAdapter(this, mLists);
mViewPager.setAdapter(adapter);

}

public void init() {

final int PageCount = (int) Math.ceil(mStrs.length / 28.0f);
mLists = new ArrayList<GridView>();

for (int i = 0; i < PageCount; i++) {
GridView gv = new GridView(this);
gv.setAdapter(new MyGridViewAdapter(this, mStrs, i));
gv.setGravity(Gravity.CENTER);
gv.setClickable(true);
gv.setFocusable(true);
gv.setNumColumns(7);
gv.setOnItemClickListener(new OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> arg0, View arg1,
int arg2, long arg3) {
Toast.makeText(MainActivity.this,
"正在播放第" + mStrs[index*28+arg2] + "集",
Toast.LENGTH_SHORT).show();
}
});
mLists.add(gv);
}
}

/**
* ViewPager页面选项卡进行切换时候的监听器处理
* @author jiangqingqing
*
*/
class MyOnPageChanger implements OnPageChangeListener
{
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {

}
@Override
public void onPageSelected(int arg0) {

index=arg0;
Log.i("jiangqq", "当前在第"+index+"页");
}

}     MyViewPagerAdapter.java  ViewPager页面适配器
  /**
* 实现ViewPager页卡
* @author jiangqq
*
*/
public class MyViewPagerAdapter extends PagerAdapter{
private List<GridView> mLists;
public MyViewPagerAdapter(Context context, List<GridView> array) {
this.mLists=array;
}
@Override
public int getCount() {
return mLists.size();
}

@Override
public boolean isViewFromObject(View arg0, Object arg1) {

return arg0 == arg1;
}
@Override
public Object instantiateItem(View arg0, int arg1)
{
((ViewPager) arg0).addView(mLists.get(arg1));
return mLists.get(arg1);
}

@Override
public void destroyItem(View arg0, int arg1, Object arg2)
{
((ViewPager) arg0).removeView((View) arg2);
}
    GridView自定义适配器
  public class MyGridViewAdapter extends BaseAdapter {

private Context mContext;
private List<String> mLists;
public static final int PAGE_SIZE = 28; // 每一屏幕显示28 Button
public MyGridViewAdapter(Context pContext, String[] pStrs, int page) {
this.mContext = pContext;
mLists = new ArrayList<String>();
int i = page *PAGE_SIZE;
int end = i +PAGE_SIZE;
while ((i < pStrs.length) && (i < end)) {
mLists.add(pStrs[i]);
i++;
}
}
@Override
public int getCount() {

return mLists.size();
}
@Override
public Object getItem(int position) {

return mLists.get(position);
}
@Override
public long getItemId(int position) {
return position;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {

Holder _Holder = null;
if (null == convertView) {
_Holder = new Holder();
LayoutInflater mInflater = LayoutInflater.from(mContext);
convertView = mInflater.inflate(R.layout.gridview_item, null);
_Holder.btn_gv_item = (Button) convertView
.findViewById(R.id.btn_gv_item);
_Holder.btn_gv_item.setFocusable(false);
convertView.setTag(_Holder);
} else {
_Holder = (Holder) convertView.getTag();
}
_Holder.btn_gv_item.setText(mLists.get(position));

return convertView;
}

private static class Holder {
Button btn_gv_item;
}
     
     上面也是主要代码,详细例子代码已经上传:

      http://download.csdn.net/detail/jiangqq781931404/5774891