Android 用HorizontalScrollView实现ListView的Item滑动删除，滑动错乱冲突

用HorizontalScrollView实现类似微信的滑动删除

测试于：Android2.2+

对于Android来说按键操作已经在减少，越来越多的手势操作层出不穷，今天介绍一款LIstView的Item滑动删除的实现方式。

原理：

利用HorizontalScrollView可以横向滚动的特点实现滑动，根据动态的设置要展示的区域宽度，使得其余选项操作被挤出屏幕外面，从而实现单条滑动菜单的样式。

实现步骤：

实现Listview的Item布局文件item_list.layout

<?xml version="1.0" encoding="utf-8"?>

<HorizontalScrollView xmlns:android="http://schemas.android.com/apk/res/android"

    android:id="@+id/hsv"

    android:layout_width="wrap_content"

    android:layout_height="80dip"

    android:scrollbars="none" >

    <LinearLayout

        android:layout_width="wrap_content"

        android:layout_height="match_parent"

        android:orientation="horizontal" >

        <LinearLayout

            android:id="@+id/ll_content"

            android:layout_width="match_parent"

            android:layout_height="match_parent" >

            <TextView

                android:id="@+id/tv"

                android:layout_width="match_parent"

                android:layout_height="match_parent"

                android:gravity="center"

                android:text="" />

        </LinearLayout>

        <LinearLayout

            android:id="@+id/ll_action"

            android:layout_width="wrap_content"

            android:layout_height="match_parent"

            android:orientation="horizontal" >

            <Button

                android:id="@+id/button1"

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:background="@android:color/darker_gray"

                android:paddingLeft="20dip"

                android:paddingRight="20dip"

                android:text="@string/action1" />

            <Button

                android:id="@+id/button2"

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:layout_marginLeft="2dip"

                android:layout_marginRight="2dip"

                android:background="@android:color/darker_gray"

                android:paddingLeft="20dip"

                android:paddingRight="20dip"

                android:text="@string/action2" />

            <Button

                android:id="@+id/button3"

                android:layout_width="wrap_content"

                android:layout_height="match_parent"

                android:background="@android:color/darker_gray"

                android:paddingLeft="20dip"

                android:paddingRight="20dip"

                android:text="@string/action3" />

        </LinearLayout>

    </LinearLayout>

</HorizontalScrollView>

准备MainActivity初始化Listview

package com.yzy.horizontalscrollview;

import android.app.Activity;

import android.os.Bundle;

import android.util.DisplayMetrics;

import android.widget.ListView;

import com.yzy.horizontalscrollview.R;

public class MainActivity extends Activity {

    private ListView mListView;

    private MyAdapter mAdapter;

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

        mListView = (ListView) findViewById(R.id.listView);

        DisplayMetrics dm = new DisplayMetrics();

        getWindowManager().getDefaultDisplay().getMetrics(dm);

        mAdapter = new MyAdapter(this, dm.widthPixels);

        mListView.setAdapter(mAdapter);

    }

}

继承BaseAdapter实现自定义的适配器MyAdapter

package com.yzy.horizontalscrollview;

import java.util.ArrayList;

import java.util.List;

import android.content.Context;

import android.view.LayoutInflater;

import android.view.MotionEvent;

import android.view.View;

import android.view.ViewGroup;

import android.view.ViewGroup.LayoutParams;

import android.widget.BaseAdapter;

import android.widget.Button;

import android.widget.HorizontalScrollView;

import android.widget.TextView;

import com.yzy.horizontalscrollview.R;

public class MyAdapter extends BaseAdapter implements View.OnClickListener {

    // 数据源，用于存放颜色值的。

    private List<Integer> colors;

    private Context mContext;

    // 屏幕宽度,由于我们用的是HorizontalScrollView,所以按钮选项应该在屏幕外

    private int mScreentWidth;

    private View view;

    /**

     * 构造方法

     *

     * @param context

     * @param screenWidth

     */

    public MyAdapter(Context context, int screenWidth) {

        // 初始化

        mContext = context;

        mScreentWidth = screenWidth;

        // 填充list的内容模拟数据，否则应该异步执行

        colors = new ArrayList<Integer>();

        for (int i = 0; i < 15; i++) {

            colors.add(R.color.blue);

        }

    }

    @Override

    public int getCount() {

        return colors.size();

    }

    @Override

    public Object getItem(int position) {

        return colors.get(position);

    }

    @Override

    public long getItemId(int position) {

        return position;

    }

    @Override

    public View getView(int position, View convertView, ViewGroup parent) {

        ViewHolder holder;

        // 如果没有设置过,初始化convertView

        if (convertView == null) {

            // 获得设置的view

            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list, parent, false);

            // 初始化holder

            holder = new ViewHolder();

            holder.hSView = (HorizontalScrollView) convertView.findViewById(R.id.hsv);

            holder.action = convertView.findViewById(R.id.ll_action);

            holder.btOne = (Button) convertView.findViewById(R.id.button1);

            holder.btTwo = (Button) convertView.findViewById(R.id.button2);

            holder.btThree = (Button) convertView.findViewById(R.id.button3);

            holder.tvContent = (TextView) convertView.findViewById(R.id.tv);

            // 设置内容view的大小为屏幕宽度,这样按钮就正好被挤出屏幕外

            holder.content = convertView.findViewById(R.id.ll_content);

            LayoutParams lp = holder.content.getLayoutParams();

            lp.width = mScreentWidth;

            convertView.setTag(holder);

        } else {

            // 有直接获得ViewHolder

            holder = (ViewHolder) convertView.getTag();

        }

        // 把位置放到view中,这样点击事件就可以知道点击的是哪一条item

        holder.btOne.setTag(position);

        holder.btTwo.setTag(position);

        holder.btThree.setTag(position);

        // 设置监听事件

        convertView.setOnTouchListener(new View.OnTouchListener()

        {

            @Override

            public boolean onTouch(View v, MotionEvent event)

            {

                switch (event.getAction())

                {

                    case MotionEvent.ACTION_DOWN:

                        if (view != null) {

                            ViewHolder viewHolder1 = (ViewHolder) view.getTag();

                            viewHolder1.hSView.smoothScrollTo(0, 0);

                        }

                    case MotionEvent.ACTION_UP:

                        // 获得ViewHolder

                        ViewHolder viewHolder = (ViewHolder) v.getTag();

                        view = v;

                        // 获得HorizontalScrollView滑动的水平方向值.

                        int scrollX = viewHolder.hSView.getScrollX();

                        // 获得操作区域的长度

                        int actionW = viewHolder.action.getWidth();

                        // 注意使用smoothScrollTo,这样效果看起来比较圆滑,不生硬

                        // 如果水平方向的移动值<操作区域的长度的一半,就复原

                        if (scrollX < actionW / 2)

                        {

                            viewHolder.hSView.smoothScrollTo(0, 0);

                        }

                        else// 否则的话显示操作区域

                        {

                            viewHolder.hSView.smoothScrollTo(actionW, 0);

                        }

                        return true;

                }

                return false;

            }

        });

        // 这里防止删除一条item后,ListView处于操作状态,直接还原

        if (holder.hSView.getScrollX() != 0) {

            holder.hSView.scrollTo(0, 0);

        }

        // 设置背景颜色,设置填充内容.

        holder.content.setBackgroundResource(colors.get(position));

        holder.tvContent.setText("" + position);

        // 设置监听事件

        holder.btOne.setOnClickListener(this);

        holder.btTwo.setOnClickListener(this);

        holder.btThree.setOnClickListener(this);

        return convertView;

    }

    /**

     * ViewHolder

     *

     * @Title:

     * @Description:主要是避免了不断的view获取初始化.

     * @Author:yzy

     * @Since:2013-10-22

     */

    class ViewHolder {

        public HorizontalScrollView hSView;

        public View content;

        public TextView tvContent;

        public View action;

        public Button btOne;

        public Button btTwo;

        public Button btThree;

    }

    @Override

    public void onClick(View v) {

        int position = (Integer) v.getTag();

        switch (v.getId()) {

            case R.id.button1:

                colors.add(R.color.blue);

                break;

            case R.id.button2:

                colors.remove(position);

                break;

            case R.id.button3:

                if (colors.get(position) == R.color.blue) {

                    colors.set(position, R.color.red);

                } else {

                    colors.set(position, R.color.blue);

                }

                break;

            default:

                break;

        }

        // 刷新ListView内容

        notifyDataSetChanged();

    }

}

效果图：

还有很多的实现方式，希望大家多多指教哦，附件里面是源码本人测试通过的。

下载：ListViewHorizontalScrollview.zip

最近在开发中遇到HorizontalScrollView嵌套ScrollView导致滑动卡的情况，急横向水平滑动的View和垂直水平滑动的View，都在接收处理滑动时间，但是这种情况下触摸事件就会发生冲突。导致滑动非常卡，甚至出现程序停止响应。这种情况下我们需要重写view。下面是两个简单的例子，重写水平滑动View只接收水平方向上滑动的事件。我们使用手势GestureDetector来作区分

import android.content.Context;

import android.util.AttributeSet;

import android.view.GestureDetector;

import android.view.GestureDetector.SimpleOnGestureListener;

import android.view.MotionEvent;

import android.view.View;

import android.widget.HorizontalScrollView;

public class CustomHScrollView extends HorizontalScrollView{

    private GestureDetector mGestureDetector;

    private View.OnTouchListener mGestureListener;

    private static final String TAG = "CustomHScrollView";

    /**

     * @function CustomHScrollView constructor

     * @param context Interface to global information about an application environment.

     *

     */

    public CustomHScrollView(Context context) {

        super(context);

// TODO Auto-generated constructor stub

        mGestureDetector = new GestureDetector(new HScrollDetector());

        setFadingEdgeLength(0);

    }

    /**

     * @function CustomHScrollView constructor

     * @param context Interface to global information about an application environment.

     * @param attrs A collection of attributes, as found associated with a tag in an XML document.

     */

    public CustomHScrollView(Context context, AttributeSet attrs) {

        super(context, attrs);

// TODO Auto-generated constructor stub

        mGestureDetector = new GestureDetector(new HScrollDetector());

        setFadingEdgeLength(0);

    }

    /**

     * @function CustomHScrollView constructor

     * @param context Interface to global information about an application environment.

     * @param attrs A collection of attributes, as found associated with a tag in an XML document.

     * @param defStyle style of view

     */

    public CustomHScrollView(Context context, AttributeSet attrs,

                             int defStyle) {

        super(context, attrs, defStyle);

// TODO Auto-generated constructor stub

        mGestureDetector = new GestureDetector(new HScrollDetector());

        setFadingEdgeLength(0);

    }

    @Override

    public boolean onInterceptTouchEvent(MotionEvent ev) {

        return super.onInterceptTouchEvent(ev) && mGestureDetector.onTouchEvent(ev);

    }

    // Return false if we're scrolling in the y direction

    class HScrollDetector extends SimpleOnGestureListener {

        @Override

        public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) {

            if(Math.abs(distanceX) > Math.abs(distanceY)) {

                return true;

            }

            return false;

        }

    }

}

Android 用HorizontalScrollView实现ListView的Item滑动删除，滑动错乱冲突的更多相关文章

【转】Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
原文网址:http://blog.csdn.net/xiaanming/article/details/17539199 转帖请注明本文出自xiaanming的博客(http://blog.csdn. ...
[转]Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...
Android 使用Scroller实现绚丽的ListView左右滑动删除Item效果
转帖请注明本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/17539199),请尊重他人的辛勤劳动成果,谢谢! 我在上一 ...
Android 使用NineOldAndroids实现绚丽的ListView左右滑动删除Item效果
本文出自xiaanming的博客(http://blog.csdn.net/xiaanming/article/details/18311877) 今天还是给大家带来自定义控件的编写,自定义一个Lis ...
Android 高级UI设计笔记03：使用ListView实现左右滑动删除Item
1. 这里就是实现一个很简单的功能,使用ListView实现左右滑动删除Item: (1)当我们在ListView的某个Item,向左滑动显示一个删除按钮,用户点击按钮,即可以删除该项item,并且有 ...
android中listview的item滑动删除效果（已解决listview点击问题）
领导看到iphone上tableview有个滑动删除的效果,要求在android上也实现,搜了下资料,实现起来比较简单,可弄到后面,居然不能点击了,把一篇文章中的代码修改了一下,捣鼓了一番,搞定,下面 ...
Android ListView实现单击item出现删除按钮以及滑动出现删除按钮
我自己一个人弄的公司的产品客户端,所以还是想记录下来以免忘记或者丢失... 在我的上一篇博文(点击打开链接)是一个文件管理的东西,基础组件也是ListView所以在此只是改动一下而已. 单击: 点击出 ...
Android 自己定义ScrollView ListView 体验各种纵向滑动的需求
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38950509.本文出自[张鸿洋的博客] 1.概述群里的一个哥们有个需求是这种: ...
Android 自定义 HorizontalScrollView 打造再多图片（控件）也不怕 OOM 的横向滑动效果
转载请标明出处:http://blog.csdn.net/lmj623565791/article/details/38140505 自从Gallery被谷歌废弃以后,Google推荐使用ViewPa ...

随机推荐

毛毛虫学习日记_SQL
五毛叶的SQL学习: 1.SELECT:(A 表名,a 字段) SELECT A.b, C.c , D.d(a,b,c,d,e...各种自己需要的字段) FROM A(中心表名) LEFT /INN ...
获得Window窗口权限的三种方法
1.第一种方法:利用视图控制器自带的View的window属性: 具体使用 self.view.window.rootViewController = ... 2.第二种方法:通过导入APPDele ...
【剑指offer】出现次数超过一半的数字
题目描述:数组中有一个数字出现的次数超过数组长度的一半,请找出这个数字.例如输入一个长度为9的数组{1,2,3,2,2,2,5,4,2}.由于数字2在数组中出现了5次,超过数组长度的一半,因此输出2. ...
新浪ip地址转换接口
通过IP地址获取对应的地区信息通常有两种方法:1)自己写程序,解析IP对应的地区信息,需要数据库.2)根据第三方提供的API查询获取地区信息. 第一种方法,参见文本<通过纯真IP数据库获取IP地 ...
commonJS
摘自阮一峰博客:http://javascript.ruanyifeng.com/nodejs/module.html 目录概述 module对象 module.exports属性 exports变 ...
点击每个li节点，都弹出其文本值及修改
点击每个li节点,都弹出其文本值 1,获取所有的li节点 var liNodes=document.GetElementsByTagName("li"); 2,使用for循环进行遍 ...
Linux测试环境部署tomcat（二）
安装配置tomcat 1:在http://tomcat.apache.org/download-80.cgi下载最新安装包 2:安装tomcat 将apache-tomcat-8.0.21.tar.g ...
学习笔记-Java编程思想
2016-01-03 Swith(整数选择因子):必须是int或char这样的整数值. Java中不包含goto语句,但是可以通过标识符实现类似的控制.
ado.net五大对象
五大对象分别是: 1. Connection:与数据源建立连接. 2. Command:对数据源执行SQL命令并返回结果. 3. DataReader:读取数据源的数据,只允许对将数据源以只读.顺向的 ...
openacs与easycwmp的对接
原创作品,转载请注明出处 copyright:weishusheng 2015.3.18 email:642613208@qq.com 平台: Linux version 2.6.32-279.e ...

Android 用HorizontalScrollView实现ListView的Item滑动删除 ，滑动错乱 冲突

Android 用HorizontalScrollView实现ListView的Item滑动删除 ，滑动错乱 冲突的更多相关文章

随机推荐

热门专题

Android 用HorizontalScrollView实现ListView的Item滑动删除，滑动错乱冲突

Android 用HorizontalScrollView实现ListView的Item滑动删除，滑动错乱冲突的更多相关文章