Android TV listview的侧滑动画

原创 2016年08月30日 17:45:02
  • 在Android TV 的编程中,会遇到各种各样与手机端不同的问题,其中交互方式(没有触屏)带来的各种问题尤多.其中比如在lisview中,要想实现item侧滑,我们没法出发其中的onTouchEvent事件,所以在github上面的诸如SlideListview等不适用于TV端.那么我们换种思路,如果从listview角度开发起来比较困难的话,那我们从item的自身view来控制自己的滑动就会变得更加简单.
  • item布局代码如下:

 <com.wx.message.widget.ScrollLinearLayout
            android:id="@+id/list_content"
            android:layout_width="match_parent"
            android:layout_height="95dp"
            android:background="@drawable/list_bg"
            android:clickable="true"
            android:focusable="true"
            android:orientation="horizontal"
            android:duplicateParentState="true">

            <ImageView
                android:id="@+id/msg_list_user"
                android:src="@drawable/user"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="39dp"
                android:clickable="false"
                android:focusable="false"
                android:scaleType="fitXY" />

            <TextView
                android:id="@+id/msg_level"
                android:layout_width="160dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="39dp"
                android:focusable="false"
                android:gravity="center_vertical"
                android:textColor="@color/white"
                android:textSize="24dp" />

            <TextView
                android:id="@+id/msg_title"
                android:layout_width="457dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginLeft="20dp"
                android:focusable="false"
                android:gravity="center_vertical"
                android:maxLines="1"
                android:textColor="@color/snow"
                android:textSize="20sp" />

            <TextView
                android:id="@+id/msg_create_date"
                android:layout_width="110dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center_vertical"
                android:layout_marginRight="0dp"
                android:focusable="false"
                android:gravity="center_vertical"
                android:textColor="@color/snow"
                android:textSize="20dp" />

            <com.wx.message.widget.UButton
                android:id="@+id/msg_delete_ly"
                style="@style/button_delete"
                android:layout_width="113dp"
                android:layout_height="96dp"
                android:layout_gravity="center"
                android:layout_marginLeft="10dp"
                android:clickable="false"
                android:focusable="false"
                android:gravity="center"
                android:text="@string/msg_del"
                android:textColor="@color/white"
                android:textSize="24dp"
                android:visibility="visible"/>
        </com.wx.message.widget.ScrollLinearLayout>

对于该item使用自己定义的ScrollLinearLayout,完成对滑动动画的操作,其中将数字等直接放入代码中的行为不可取,这里为了演示更加直观.

public class ScrollLinearLayout extends LinearLayout {

    private Scroller mScroller;

    public ScrollLinearLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        mScroller = new Scroller(context);
    }

    public void startSrcoll() {
        mScroller.startScroll(0, 0, 136, 0, 4000);
        invalidate();
    }

    public void scrollBack(){
        mScroller.startScroll(136, 0, -136, 0, 4000);
        invalidate();
    }

    @Override
    public void computeScroll() {
        if (mScroller.computeScrollOffset()) {
            // 产生了动画效果,根据当前值 每次滚动一点
            scrollTo(mScroller.getCurrX(), mScroller.getCurrY());
            // 此时同样也需要刷新View ,否则效果可能有误差
            postInvalidate();
        }
    }
    private class LlayoutOnKeyListener implements View.OnKeyListener {
        int pos = -1;
        ScrollLinearLayout scrollContent;
        public LlayoutOnKeyListener(int position, ScrollLinearLayout scrolllayout) {
//          super();
            pos = position;
            scrollContent = scrolllayout;
        }

        @Override
        public boolean onKey(View v, int keyCode, KeyEvent event) {
            ScrollLinearLayout scroll = (ScrollLinearLayout) v;
            if (event.getAction() == KeyEvent.ACTION_DOWN) {
                //按右键弹出删除btn
                if (keyCode == KeyEvent.KEYCODE_DPAD_RIGHT) {
                    scrollContent.startSrcoll();
                }
            }

            return false;
        }

    }

左滑同上,调用scrollback方法即可.


如果在布局中有子控件存在,需要注意子控件的焦点获取问题,焦点在布局上还是在子控件上可以自己设置,多考虑焦点情况,也是TV开发中需要尤为注意的问题.

焦点在第一个

焦点在删除按钮

版权声明:本文为博主原创文章,未经博主允许不得转载。

Android使用ListView实现滚轮的动画效果

之前收到一个需求,需要把一个数据展示列表页面做成像滚轮那样的动画效果:中间最大然后向上下两端逐渐缩小。我想了想IOS那边自带滚轮组件,安卓得自己去实现,目前网上仿IOS的滚轮组件的也有一些,但是感觉不...

Android TV listView焦点平滑移动

智能电视 listView 焦点 平滑移动

Android开发笔记(一百二十)两种侧滑布局

SlidingPaneLayout SlidingPaneLayout是Android在android-support-v4.jar中推出的一个可滑动面板的布局,在前面《Android开发笔记(一百零...
  • aqi00
  • aqi00
  • 2016年08月19日 17:20
  • 2205

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

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

Android TV 开发-listview(GridView)使用键盘获取焦点时,选中上次失去焦点时的item,而不是就近的item

在电视上开发Android应用时,经常要做有二级菜单的应用,例如:但当我们按左键的时候,左边listview的最近的item会被选中,即如下效果:但是在电视上开发应用的时候,我们希望是上一次被选中的i...

android listView滑动时控制顶部控件 带动画

代码仅为个人笔记,勿喷 关键代码: --------------------------------------------------------------------------------...
  • beikin
  • beikin
  • 2016年04月11日 00:32
  • 775

android tv 焦点居中自定义listview控件的实现

android tv 开发,常用控件之:焦点居中的listview的实现

[Android TV 按键响应]listview的textview跑马灯在鼠标控制下失效的问题

问题:遥控按键选中的选项有跑马灯效果,但是鼠标事件来说,没有跑马灯效果 解题过程:重写一个类继承textview,永远获取焦点,不行。即使我再OnhoverListener里面实现onHover并且对...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android TV listview的侧滑动画
举报原因:
原因补充:

(最多只允许输入30个字)