`
ycljf86
  • 浏览: 74723 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

androidtv 开发系列 二 recycleview item放大效果

 
阅读更多
Recycleview 的使用这里就不多说了,这里主要说说在开发 tv的时候遇到的一些问题和解决的思路

1 焦点的获取和移动
   android 系统本身就支持遥控器的操作,英文名字叫D-pad(Direction pad), 也就是 上下左右移动. 这里要注意的就是焦点会丢失的问题,我的项目中有几行的数据,每行都是一个recycleview,发现移动了几下 焦点就找不到了。这里有个属性要设置下
   RecyclerView ll = new RecyclerView(context);
     //http://blog.csdn.net/wx123ww/article/details/51567982
       ll.setDescendantFocusability(FOCUS_AFTER_DESCENDANTS);//父控件和子控件之间的焦点获取的关系,意思是焦点优先级是 父亲在后代后面  不加这行会出现焦点有时丢失的问题


2 获得焦点后的放大效果
焦点放大 基本就是利用动画 来放大,主要是在item加上 onfocuschange 监听 .  需要注意的就是以下几个坑
(1 )放不大 发现放大图片被截掉了,总是感觉在一个框里出不去
   加上属性
 
     ll.setClipToPadding(false);
        ll.setClipChildren(false);
 


  item.xml 里面 只能有一个view 是focueable的,否则也不会放大,比如我的item.xml里面有如下的结构。 我两边都 focsable=true。然后我在relativelayout加 onfocuschange,发现压根没效果。去掉 imageview的 focusable就好了。
  relativelayout
                      -- imageview


(2) 能左右放大 但是上下不行 或者放大不了
   recycleveiw 最好 要padding个距离,以便图片放大后有空间展示


(3) 放大后 图片被 遮挡住了,不能在最前面
   这里就涉及到recycleview 绘制里面的元素 顺序问题了,默认recycleview从左到右一个个绘制,你虽然图片放大了,但是绘制的时候,后边的图片就会绘制在你的获得焦点的图片上面,
解决思路是 重新定制 绘制顺序,让获得焦点的最后绘制,主要实现 ChildDrawingOrderCallback 接口,
  MyAdapter  extends RecyclerView.Adapter<RecyclerView.ViewHolder> implements RecyclerView.ChildDrawingOrderCallback{
  private ViewGroup viewGroup;

 private final LayoutInflater mLayoutInflater;
    private final Context mContext;
    private List<String> list;
    private Animation zoomin,zoomout;
    private RecyclerView recyclerView;
    private ViewGroup viewGroup;


    public MyAdapter(Context mContext, List<String> list,TopRecycleView recyclerView) {
        this.mContext = mContext;
        this.list = list;
        this.recyclerView=recyclerView;
        mLayoutInflater = LayoutInflater.from(mContext);
        zoomin = AnimationUtils.loadAnimation(mContext, R.anim.zoomin);
        zoomout =AnimationUtils.loadAnimation(mContext, R.anim.zoomout);
    }

 @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        viewGroup=parent;
        return new MovieHolder(mLayoutInflater.inflate(R.layout.item_tv, null));
    }

 @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        MovieHolder cHolder = (MovieHolder) holder;


        cHolder.placeholder.setAnimation(zoomin);
        cHolder.placeholder.setAnimation(zoomout);

        cHolder.placeholder.setOnFocusChangeListener(new View.OnFocusChangeListener() {
            @Override
            public void onFocusChange(View view, boolean b) {


                if(b){
                    //zoom in
//                    if(Build.VERSION.SDK_INT>=21) {
//                        ViewCompat.animate(view).scaleX(1.17f).scaleY(1.17f).translationZ(1).start();
//                    }

                    //view.bringToFront();
                    //zoomin.setFillAfter(true);//这两句基本没用

                    view.startAnimation(zoomin);

                    //recyclerView.requestLayout();会全部抖动下

                    /**下面的 3种 代码是同等效果*/

                    /**1*****/
                    //recyclerView.invalidate();//recyclerView 是传过来的

                    /**2***因为目前例子 placeholder 上面还有个Layout, layout上面才是 **/
                    //ViewGroup viewGroup=(ViewGroup) view.getParent().getParent();
                    //viewGroup.invalidate();

                    /**3*****/
                    viewGroup.invalidate();


                }else{
                    //restore
//                    if(Build.VERSION.SDK_INT>=21) {
//                        ViewCompat.animate(view).scaleX(1f).scaleY(1f).translationZ(0).start();
//                    }
                    //zoomout.setFillAfter(true);
                    view.startAnimation(zoomout);
                }

            }
        });
    }


/**改变绘制顺序,让获得焦点的最后绘制,从而浮在其他item上面 http://www.aichengxu.com/view/11147419*/
    @Override
    public int onGetChildDrawingOrder(int childCount, int i) {
        View focusedChild = viewGroup.getFocusedChild();
        int focusViewIndex =viewGroup.indexOfChild(focusedChild);
        if (focusViewIndex == -1) {
            return i;
        }

        int focusid=focusViewIndex;

        if (focusViewIndex == i) {
            focusid = i;
            return childCount - 1;
        } else if (i == childCount - 1) {
            return focusid;
        } else {
            return i;
        }
    }
}



在你的调用的地方
 recyclerView.setChildDrawingOrderCallback(myAdapter);//这句很关键,让获得焦点item浮在其他item上面


未解决的问题,如何能够让选中的item 保持在recycleview的中间,现在每次移动到边上的元素时,都是在边上显示。


分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics