使用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



[java] view
plaincopy

/**

* 实现自定义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页面适配器



[java] view
plaincopy

/**

* 实现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自定义适配器



[java] view
plaincopy

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