关闭

gridview整页翻页的滑动,上滑和下滑

标签: gridview翻页smoothScrollToPositi
2587人阅读 评论(0) 收藏 举报
分类:


提前声明:本篇博客是基于电视机顶盒的,全部操作是用遥控器。

转载请注明出处:http://blog.csdn.net/harryweasley/article/details/46784667


在看本篇文章之前,你需要了解平滑滚动的相关知识。

关于gridview的平滑滚动,你可以查看http://blog.csdn.net/harryweasley/article/details/46714059



先看下本应用的截图,如图所示:


本例子是一页有6个完整的item,相信大家都看出来了。


整理成excel的文档来看下,如下图所示:



其中标红的,就是每一页的完整最后一行的第一个位置。


思路是这样的:假设gridview在3的位置,当我再次向下点击按钮的时候,整个页码翻动,翻动到6的位置,并且6是和最顶边靠齐。


如图所示:



假设gridview现在在6的位置,当我再次点击向上按钮的时候,整个页码向上翻动,和之前的页面一模一样。





总体功能在这里:

package com.example.test;

import java.util.ArrayList;

import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.View.OnKeyListener;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.TextView;

public class MainActivity extends Activity {

	GridView gv;
	/**
	 * 选择的position的值
	 */
	int selected;
	/**
	 * 是否有向上的动画
	 */
	boolean isUp = false;
	/**
	 * 是否有向下的动画
	 */
	boolean isDown = false;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gv = (GridView) findViewById(R.id.gridview);
		gv.setAdapter(new MyBaseAdapter(this));

		gv.setOnItemSelectedListener(new OnItemSelectedListener() {

			@Override
			public void onItemSelected(AdapterView<?> parent, View view,
					int position, long id) {
				selected = position;

				if (isDown) {
					isDown = false;
					gv.smoothScrollToPositionFromTop(position, 0, 1000);
				}
				if (isUp) {
					isUp = false;
					// 让该页的第一行对齐最顶边
					gv.smoothScrollToPositionFromTop(position - 3, 0, 1000);
				}
			}

			@Override
			public void onNothingSelected(AdapterView<?> parent) {

			}
		});

		gv.setOnKeyListener(new OnKeyListener() {

			@Override
			public boolean onKey(View v, int keyCode, KeyEvent event) {
				// 如果在某一页的完整最后一行,并且点击向下按钮
				if (isAllPageDown() && keyCode == KeyEvent.KEYCODE_DPAD_DOWN
						&& event.getAction() == KeyEvent.ACTION_DOWN) {

					isDown = true;
				}

				// 如果在每一页的第一行并且点击向上按钮
				if (isAllPageUp() && keyCode == KeyEvent.KEYCODE_DPAD_UP
						&& event.getAction() == KeyEvent.ACTION_DOWN) {
					isUp = true;
				}

				return false;
			}
		});
	}

	// 是否在某一页的完整最后一行
	private boolean isAllPageUp() {
		// 求出一共有多少页,这里不需要-1,因为向上滑动需要最后的那一行
		int rawNum = 20 / 6 + 1;
		for (int i = 1; i <= rawNum; i++) {
			if (selected == 6 * i) {
				return true;
			}
			if (selected == 6 * i + 1) {
				return true;
			}
			if (selected == 6 * i + 2) {
				return true;
			}

		}
		return false;
	}

	// 如果在某一页的完整最后一行,并且点击向下按钮
	private boolean isAllPageDown() {
		// 求出一共有多少页-1,因为向下滑动不需要最后的那一行
		int rawNum = 20 / 6;
		for (int i = 1; i <= rawNum; i++) {
			if (selected == 3 + 6 * (i - 1)) {
				return true;
			}
			if (selected == 3 + 6 * (i - 1) + 1) {
				return true;
			}
			if (selected == 3 + 6 * (i - 1) + 2) {
				return true;
			}

		}
		return false;
	}

	class MyBaseAdapter extends BaseAdapter {
		private Context context;
		ArrayList<Integer> list = new ArrayList<Integer>();

		public MyBaseAdapter(Context context) {
			this.context = context;
			for (int i = 0; i < 20; i++) {
				list.add(i);
			}
		}

		@Override
		public int getCount() {

			return list.size();
		}

		@Override
		public Object getItem(int position) {

			return null;
		}

		@Override
		public long getItemId(int position) {

			return 0;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			ViewHolder holder;
			if (convertView == null) {
				convertView = LayoutInflater.from(context).inflate(
						R.layout.item_program, parent, false);
				holder = new ViewHolder();
				holder.imageView = (ImageView) convertView
						.findViewById(R.id.program_image);
				holder.name = (TextView) convertView
						.findViewById(R.id.program_name);
				convertView.setTag(holder);
			} else {
				holder = (ViewHolder) convertView.getTag();
			}
			holder.name.setText("应用" + list.get(position));
			return convertView;
		}

		class ViewHolder {
			ImageView imageView;
			TextView name;
		}

	}

}



整个代码已经上传,下载路径为:http://download.csdn.net/detail/harryweasley/8874079


你看到我这篇文章,每行是3个item,一页2行,一页一共有6个item,那么如果是其他的情况,又该如何处理呢?

下一篇文章,我将进行总结,写出适应各种gridview的页面布局的方法,文章链接http://blog.csdn.net/harryweasley/article/details/46811981


2
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:411610次
    • 积分:5453
    • 等级:
    • 排名:第4919名
    • 原创:100篇
    • 转载:138篇
    • 译文:1篇
    • 评论:144条
    最新评论