android GridView 在TV上，上下翻页的时候平滑滑动的实现

应该做过android tv开发的同学都知道，在TV上使用GridView的时候，如果焦点上下移动的时候，如果移动到在屏幕上可见的第一行或者最后一行的时候，如果再继续上下移动，

的话，是比较生硬呆滞的的上下滚动页面，焦点移动到下一个item上，这是非常不太好的体验效果，我们要的是比较平滑的滚动效果。

首先我们要来了解一下GridView的如下这个方法:

smoothScrollToPositionFromTop(int position,int offset,int duration);

滚动到position项目的位置，并且position项目距离GirdView上边的距离为offset个像素，duration指定滚动需要的时间（毫秒）。

这个方法是今天的主角，虽然是主角，但不是说只有使用这个方法就可以了？当然不是，当然也需要一定的逻辑算法配合。

今天就说说我是如何实现的。

先说说我的思路：

首先你要知道当前item所在的行，才知道按上下按键的时候，要滚动到哪一个postion。

public class AppsGridViewAdapter extends BaseAdapter {private int mCurrentSelectedPosition = 0;private int mLastSelectedPosition = 0;private static final int ITEM_BG_COLORS[] = new int[]{Color.parseColor("#e0c101"),Color.parseColor("#fbaf54"),Color.parseColor("#684cb5"),Color.parseColor("#23a5ba"),Color.parseColor("#03ba9f"),Color.parseColor("#88c04c"),Color.parseColor("#684cb5"),Color.parseColor("#23a5ba"),Color.parseColor("#03ba9f"),Color.parseColor("#88c04c"),Color.parseColor("#e0c101"),Color.parseColor("#fbaf54"),};private int mColorIndex = 0;private List<AppInfo> mApps = new ArrayList<AppInfo>();private Context mContext;private int mGridViewRows = 0;public AppsGridViewAdapter(Context context, List<AppInfo> apps) {this.mContext = context;if(apps!=null)this.mApps = apps;setRows();mColorIndex = 0;}private void setRows() {int remainder = mApps.size() % 6;mGridViewRows =(remainder == 0)? (this.mApps.size() > 0 ?  this.mApps.size() / 6:0) : (mApps.size() / 6) +1;}public int getNumRows() {return mGridViewRows;}public int getNumColumns(){return 6;}@Overridepublic void notifyDataSetChanged() {mColorIndex = 0;super.notifyDataSetChanged();}public void setApps(List<AppInfo> apps){mApps.clear();if(apps!=null)mApps = apps;setRows();}public void addApp(AppInfo app){if(app!=null && app.isValidate())mApps.add(app);setRows();}public void removeApp(AppInfo app){if(app!=null)mApps.remove(app);setRows();}public int getCurrentSelectedPosition() {return mCurrentSelectedPosition;}public int getLastSelectedPosition() {return mLastSelectedPosition;}@Overridepublic int getCount() {return mApps.size();}@Overridepublic Object getItem(int position) {return mApps.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {ViewHolder holder = null;if(convertView == null){convertView = View.inflate(mContext, R.layout.apps_page_gridview_item_layout, null);holder = new ViewHolder();holder.mAppIcon = (ImageView) convertView.findViewById(R.id.app_icon);holder.mAppName = (TextView) convertView.findViewById(R.id.app_name);holder.mAppIconColorBg = (RelativeLayout) convertView.findViewById(R.id.app_icon_color_bg);convertView.setTag(holder);}holder = (ViewHolder) convertView.getTag();holder.mAppName.setText(mApps.get(position).getName());holder.mAppIcon.setBackgroundDrawable(mApps.get(position).getIcon());holder.mAppIconColorBg.setBackgroundColor(ITEM_BG_COLORS[mColorIndex]);++mColorIndex;mColorIndex =( (mColorIndex / 6) != 0 && (mColorIndex / 6) % 2 == 0 ) ? 0 :mColorIndex;return convertView;}private static final class ViewHolder{private ImageView mAppIcon;private TextView mAppName;private RelativeLayout mAppIconColorBg;}}

我们看到，Adapter中定一个了两个方法，可以用来获取多少行，和多少列(列一般是已知的)。

setRows() ;是每次设置给adapter数据的时候，都重新弄设置一下总行数。

getNumRows，返回获取当前所有的行数，getNumColumns返回所有的列数。

OK，接下来，我们就可以通过postion来算出当前选中的postion在哪一行了。

package net.sunniwell.projector.luncher.page;import java.util.List;import net.sunniwell.projector.luncher.CategoryPageActivity;
import net.sunniwell.projector.luncher.R;
import net.sunniwell.projector.luncher.adapter.AppsGridViewAdapter;
import net.sunniwell.projector.luncher.bean.AppInfo;
import net.sunniwell.projector.luncher.engine.PackageAsyncTask;
import net.sunniwell.projector.luncher.engine.PackageAsyncTask.OnQueryPackageStateListener;
import net.sunniwell.projector.luncher.engine.PackageEngine;
import net.sunniwell.projector.luncher.engine.PackageEngine.OnPackageStateChangeListener;
import net.sunniwell.projector.luncher.views.CommonGridView;
import android.content.Intent;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.AdapterView.OnItemSelectedListener;
import android.widget.TextView;
/*** * @author zhanghuagang 2017.7.6**/
public class AppsPage extends BasePage implements OnPackageStateChangeListener, OnItemSelectedListener,OnQueryPackageStateListener ,OnItemClickListener{static{sCategory = 3;}private int mCurrentRow = 0;private TextView mIndexTextView;private CommonGridView mGridView;private AppsGridViewAdapter mAppsAdapter;private PackageAsyncTask mAsyncTask;private PackageEngine mPackageEngine;public AppsPage(CategoryPageActivity activity, ViewGroup contentView,int category) {super(activity, contentView, category);this.mPackageEngine = PackageEngine.getDefault(activity);this.mPackageEngine.setOnPackageStateChangeListener(this);}@Overridepublic void initView() {mIndexTextView = (TextView) mContentView.findViewById(R.id.index_textview);mGridView = (CommonGridView) mContentView.findViewById(R.id.apps_gridview);mGridView.setOnItemSelectedListener(this);mGridView.setOnItemClickListener(this);mAppsAdapter = new AppsGridViewAdapter(mActivity,null);mGridView.setAdapter(mAppsAdapter);mAppsAdapter.notifyDataSetChanged();}@Overridepublic void onResume() {mPackageEngine.register();queryApps();}private void queryApps() {if(mAsyncTask!=null)mAsyncTask.stop();mAsyncTask = new PackageAsyncTask(mActivity, this);mAsyncTask.start();}@Overridepublic void onStop() {}@Overridepublic void onPause() {mPackageEngine.unregister();}@Overridepublic void onDestroy() {}private int getItemIndex(int position){int r = position % mAppsAdapter.getNumColumns() ;if(r  == 0){if(position > 0 ){return (position/mAppsAdapter.getNumColumns())+1;}else{return 1;}}else{return (position/mAppsAdapter.getNumColumns())+1;}}@Overridepublic void onItemSelected(AdapterView<?> parent, View view, int position,long id) {if(getItemIndex(position) > mCurrentRow){mGridView.smoothScrollToPositionFromTop(position, 0,500);}else if(getItemIndex(position) < mCurrentRow){mGridView.smoothScrollToPositionFromTop(position-2, 0,500);}mGridView.onItemSelected(parent, view, position, id);mIndexTextView.setText(getItemIndex(position)+"  |  "+mAppsAdapter.getNumRows());mCurrentRow =getItemIndex(position); }@Overridepublic void onNothingSelected(AdapterView<?> parent) {}@Overridepublic void onFinish(List<AppInfo> apps) {mAppsAdapter.setApps(apps);mAppsAdapter.notifyDataSetChanged();}@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position,long id) {AppInfo app = (AppInfo) mAppsAdapter.getItem(position);if(app!=null){final Intent intent = new Intent();intent.setClassName(app.packageName, app.className);intent.setFlags(Intent.FLAG_ACTIVITY_NEW_TASK);mActivity.startActivity(intent);}}@Overridepublic void onPackageAdded(AppInfo app) {mAppsAdapter.addApp(app);mAppsAdapter.notifyDataSetChanged();}@Overridepublic void onPackageDeleted(AppInfo app) {mAppsAdapter.removeApp(app);mAppsAdapter.notifyDataSetChanged();}
}

我的getItemIndex(int postion)就是根据position获取当前所在行的。

然后我们在onItemSelected对平滑滑动做处理。

如果下一个获取焦点的item所在行小于当前行，说明是向上按的，如果是大于当前行，说明是向下按住的。

这里我们特殊的处理的向下按的，position-2，这个意思就是当我向下按的时候，每次移动两个postion的距离，并且postion和边缘距离为0

android GridView 在TV上，上下翻页的时候平滑滑动的实现相关推荐

Android自定义控件之3D上下翻页效果的倒计时控件
这是一个自定义的倒计时控件,具有3D上下翻页翻转效果.最近项目中需要做一个倒计时控件,需要和iOS端的效果保持一样.大致效果是这样的,如下图所示: 由于暂时还不会怎么样制作gif动态图,所以想看具体效 ...
在PHP当中制作隔行换色的效果以及制作上下翻页的效果！
首先说明隔行换色的效果,需要用到tr:nth_child(odd);或者括号里的值是even,odd是从第一行开始隔一行,even是从第二行开始: 具体代码如下图案所示: 1 <style> ...
手机qq浏览器怎么设置上下翻页按钮手机qq浏览器设置上下翻页按钮的方法
1.打开qq浏览器,点击右下角"我的". 手机qq浏览器怎么设置上下翻页按钮?手机qq浏览器设置上下翻页按钮的方法[多图] 2.点击右上角设置图标. 手机qq浏览器怎么设置上下翻页 ...
HTML5手机页面触屏滑动上下翻页特效
和手机桌面管理的翻页特效一样,这个是html5实现上下翻页下载地址: http://www.webkfa.com/one328/w1026.html
html表格翻页简单,利用jQuery实现一个简单的表格上下翻页效果
前言本文主要介绍的是利用jQuery实现一个简单的表格上下翻页效果,注:实现原理与轮播图相似.下面话不多说,来看看详细的实现方法吧. html: 日期参与团购场次团购结果当前状态 02.08 第一 ...
康佳android 9tv,康佳易TV史上最大规模系统升级安卓4.4体验
康佳作为家电领域的领跑企业,不仅注重硬件上的研发,以核芯驱动技术发展,不断提高电视的性能:更以软件方面的研发见长,创新的研发出了YIUI易柚系统,致力于打造最专业的电视操控系统.YIUI易柚一经推出, ...
CentOs上下翻页
在windows上虚拟机中安装的CentOS,在命令窗口输入某个命令后,显示的内容较多,但是我想看前面几行的内容,可以使用下面的按键进行上下翻页的操作: 向上翻页查看 Shift + PgUp 向下翻 ...
html 上下翻页效果代码,原生js实现可以带上下翻页的翻页功能（代码）
本篇文章给大家带来的内容是关于原生js实现可以带上下翻页的翻页功能(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 翻页功能在渲染数据时经常用到,下面是使用原生JS去实现的一个 ...
Linux 命令之 less -- 分屏上下翻页浏览文件内容（查看文件内容/显示文件内容）
文章目录介绍语法格式常用选项浏览文本内容的快捷键向前滚屏向后滚屏跳跃搜索退出 less 参考示例 (一)查看文件 (二)ps查看进程信息并通过less分页显示 (三)查看命令历史使用 ...

android GridView 在TV上，上下翻页的时候平滑滑动的实现

android GridView 在TV上，上下翻页的时候平滑滑动的实现相关推荐

最新文章

热门文章