安卓gridview控件的使用

前Android TV 开发的资料不是蛮多,经过一系列的搜索,目前比较适用的框架推荐

冰雪情缘TV?/?Android-TV-Frame ? ?项目地址:

在我们TV开发中用到最多的可能就是网格和列表了,今天我们先讲讲GridView,有人就会想现在不都是在用recyclerview吗? 但是我告诉你,在TV开发中目前如果不使用google自己的LeackbackTV框架的话目前的原生recyclerview在开发中你会发现,上下左右快速滑动的时候焦点不能预期的达到效果,当然后面我会讲解recyclerview在开发过程中的使用

系统中的原生GridView在开发过程中会出现哪些问题呢,我们又可以怎么解决?

首先为了让GridView能够上下左右焦点位置不乱跑,我使用的是Androd-tv-frame中的GridViewTV控件,具体代码请看上面连接中的源码

然后在使用GridView过程中一般需要用到的监听事件

gridView.setOnItemSelectedListener? ? ?选中事件.

//选中事件
gridView.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener(){
@Override
public void onItemSelected (AdapterView < ? > parent, View view,int position, long id){
curposition = position;
}
@Override public void onNothingSelected (AdapterView < ? > parent){
}
});

//点击事件

gridView.setOnItemClickListener(new AdapterView.OnItemClickListener(){
@Override public void onItemClick (AdapterView < ? > parent, View view,int position, long id){
}
});

//是否获取焦点事件

gridView.setOnFocusChangeListener(new View.OnFocusChangeListener(){
@Override public void onFocusChange (View view,boolean b){
}
});

此处需要特别说明的是 ? ?gridView.setFocusable(true);? ?改变控件是否可以获得焦点,然而同时会触发 setOnFocusChangeListener事件

在GridView开发过程中还有很坑爹的问题,GridView在初始化或者重新setAdapter后在4.3版本以上会抢焦点默认选中第一个Item ,不光是GridView listview也是如此的情况,所以要避免这种情况的话需要给gridView.setFocusable(false)使得gridview不能抢焦

其实在开发中如果在4.3版本一下你需要默认第一个Item也是有方法的,可以看看

接着说说我们在GridView开发中需要判断是否焦点在Item边缘地带了可以使用如下方法做判断,仅供参考需要自己完善自己逻辑

/**
* 判断当前选中的位置在屏幕中的相对位置
*
* @param
* @return
*/
public static final int LEFT = 0;
public static final int RIGHT = 1;
public static final int BOTTOM = 2;
public static final int TOP = 3;
public int getGridSelectionState() {
int selection = gridView.getSelectedItemPosition();
int total = mLiveData.size();
if (total <= 0) {
return -1;
}
if(selection
return TOP;
}
if (selection + gridView.getNumColumns() >= total) {
return BOTTOM;
}
if (selection % gridView.getNumColumns() == 0) {
return LEFT;
} else if (selection % gridView.getNumColumns() == gridView.getNumColumns()-1) {
return RIGHT;
} else {
return -1;
}
}

如果这时候你还需要通过方向来确定的话可以使用如下代码

private int direction = -1;
@Override
public boolean dispatchKeyEvent(KeyEvent event) {
switch (event.getKeyCode()) {
case KeyEvent.KEYCODE_DPAD_LEFT:
direction = 1;
break;
case KeyEvent.KEYCODE_DPAD_RIGHT:
direction = 2;
break;
case KeyEvent.KEYCODE_DPAD_UP:
direction = 3;
break;
case KeyEvent.KEYCODE_DPAD_DOWN:
direction = 4;
break;
default:
direction = -1;
break;
}
return super.dispatchKeyEvent(event);
}

有的时候我们需要分页加载数据怎么办,我的思路是判断当前选中的Item的位置是否在最底下,如果是就进行网络请求,在页面的OnkeyDown事件中监听,其实将逻辑封装在自定义Gridview中然后暴露回调接口出来

@Override

public boolean onKeyDown(int keyCode, KeyEvent event) {
switch (keyCode) {
case KeyEvent.KEYCODE_DPAD_DOWN:
if (isGridFoucse) { //
if (getGridSelectionState() == BOTTOM && isHaveMore) { //翻页
//TODO:加载数据
return true;
}
}
break;
}
return false;
}

接着可能就是选中放大的效果了,之前我一直使用的还是上面框架中的放大效果,移动放大框效果很给力,只是在过程中你特别需要注意设置两个属性

android:clipToPadding="false" ? ?android:clipChildren="false" ?? 具体有什么用处你可以问问度娘,会解释的很清楚。

但是由于后期配合项目整体UI的要求,框架不适合,那么又如何有放大选中的效果呢,我的思路是设置Item放大后的背景,先隐藏当选中的时候对View进行放大正好是背景的大小,这就需要我们自己计算Item的宽高了,给个我实现的案例

先看看xml

xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="@dimen/px449"
android:layout_height="@dimen/px323"
android:orientation="vertical">
android:id="@+id/root_layout"
android:layout_width="@dimen/px400"
android:layout_height="@dimen/px286"
android:layout_centerInParent="true"
android:background="@drawable/shape_rect_grid_item_bg"
android:orientation="vertical"
android:padding="@dimen/px4">
android:id="@+id/grid_border"
android:layout_width="@dimen/px449"
android:layout_height="@dimen/px322"
android:layout_centerInParent="true"
android:background="@drawable/border_bg"
android:focusable="false"
android:visibility="invisible"/>
然后就是在选中中放大效果
gridView.setOnItemSelectedListener(new AdapterView.OnItemSelectedListener() {
@Override
public void onItemSelected(AdapterView> parent, View view,
int position, long id) {
if (isGridFoucse && view != null) {
if (mOldView != null) {
LiveGridAdapter.ViewHolder oldholder = (LiveGridAdapter.ViewHolder) mOldView.getTag();
setGridBg(oldholder,false);
}
if (view != null) {
LiveGridAdapter.ViewHolder holder = (LiveGridAdapter.ViewHolder) view.getTag();
view.bringToFront();
setGridBg(holder, true);
}
mOldView = view;
curposition = position;
}
}
@Override
public void onNothingSelected(AdapterView> parent) {
}
});
private void setGridBg(final LiveGridAdapter.ViewHolder oldholder,boolean toBig){
if(toBig){
oldholder.root_layout.animate().scaleX(1.09f).scaleY(1.09f).setDuration(DEFAULT_TRAN_DUR_ANIM)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
if (oldholder.grid_border != null) {
oldholder.grid_border.setVisibility(View.VISIBLE);
}
}
@Override
public void onAnimationEnd(Animator animation) {
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}else{
oldholder.root_layout.animate().scaleX(1.0f).scaleY(1.0f).setDuration(DEFAULT_TRAN_DUR_ANIM)
.setListener(new Animator.AnimatorListener() {
@Override
public void onAnimationStart(Animator animation) {
if (oldholder.grid_border != null) {
oldholder.grid_border.setVisibility(View.INVISIBLE);
}
}
@Override
public void onAnimationEnd(Animator animation) {
}
@Override
public void onAnimationCancel(Animator animation) {
}
@Override
public void onAnimationRepeat(Animator animation) {
}
});
}
}

其实网上还有很多自定义Gridview 的放大效果,大家可以去搜索下看看