listview简单实现QQ聊天栏侧滑

下面是效果图：

原理：布局方面就是一个listview里面的item根布局为横向的HorizontalScrollView

下面是XML代码：

<com.tianxia.administrator.zidingyiui.UI_ScrollView   android:id="@+id/scroll"
                      xmlns:android="http://schemas.android.com/apk/res/android"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:scrollbars="none"
    >

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        >
        <com.tianxia.administrator.zidingyiui.UI_RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            >
            <ImageView
                android:id="@+id/item_image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:scaleType="centerInside"
                android:src="@mipmap/ic_launcher"
                android:layout_marginLeft="10dp"/>
            <TextView
                android:id="@+id/wenben"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:padding="10dp"
                android:layout_toRightOf="@id/item_image"
                android:layout_marginLeft="20dp"
                android:text="文本"
                android:textSize="15sp"
                />
        </com.tianxia.administrator.zidingyiui.UI_RelativeLayout>

        <Button
            android:id="@+id/zhiding"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:text="置顶"/>

        <Button
            android:id="@+id/shanchu"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="10dp"
            android:text="删除"/>

    </LinearLayout>

</com.tianxia.administrator.zidingyiui.UI_ScrollView>

很简单的item布局。里面的自定义的

RelativeLayout

只做了一件事，就是在测量的时候设置布满整个屏幕，这样剩下的2个button就在屏幕外面去了。下面是代码部分：

<pre name="code" class="java"> public UI_RelativeLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        init();
    }
   private void init(){
        widthPixels = getResources().getDisplayMetrics().widthPixels;

   }
    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        setMinimumWidth(widthPixels);
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    }

自定义scrollview里面写了2个方法：

/**
 * 判断是否打开
 *
 * @return
 */
public boolean is_Open() {
    if(this.getScrollX()>30)
    return true;
    return  false;
}

/**
 * 关闭
 */
public void close() {
   this.fullScroll(ScrollView.FOCUS_UP);
}

这2个方法一个是判断是这个item当前的状态是否向右滑动了，一个是把当前的item滑动到开始位置。

下面是listview的代码部分：

   @Override
    public boolean dispatchTouchEvent(MotionEvent ev) {
        int action = ev.getAction();
        float x = ev.getX();
        float y = ev.getY();
        switch (action) {
            case MotionEvent.ACTION_DOWN:
                lastX = x;
                lastY = y;
                flag = true;
                break;
            case MotionEvent.ACTION_MOVE:
                if (flag) {
                    if (Math.abs((lastX - x)) < 30 && Math.abs((lastY - y)) > 30 && !is_Ok()) {
                        closeAll();
                        flag = false;
                    }
                }
                break;
            case MotionEvent.ACTION_UP:
                int position = pointToPosition((int) lastX, (int) lastY);
                View view = getChildAt(position - getFirstVisiblePosition());
                if (view != null) {
                    UI_ScrollView scrollView = (UI_ScrollView) view;
                    scrollViews.add(scrollView);
                    if (Math.abs((lastX - x)) < 30 && Math.abs((lastY - y)) < 30 && is_Ok())
                    {//移动距离小于30
                        super.performItemClick(view, position, view.getId());
                    }else{
                        closeAll();
                    }
                }
                break;
            default:
                break;
        }
        return super.dispatchTouchEvent(ev);
    }

    /**
     * 关闭全部scrollView
     */
    private void closeAll() {
        Iterator<UI_ScrollView> iterator = scrollViews.iterator();
        while(iterator.hasNext()){
            UI_ScrollView next = iterator.next();
            if(next.is_Open())
                next.close();
        }

    }

    /**
     * 检查有没有没有关闭的scrollview
     * 全部关闭返回true
     * 有一个及以上的没有关闭返回false
     */
    private boolean is_Ok() {
        Iterator<UI_ScrollView> iterator = scrollViews.iterator();
        while(iterator.hasNext()){
            UI_ScrollView next = iterator.next();
            if(next.is_Open())
                return  false;
        }
        return  true;
    }

scrollViews是存放自定scrollview的一个hashset。

里面处理的逻辑有：

1.在上下滑动的时候判断item所有是否处于打开状态。如果是则关闭

2.在<span style="font-size: 15.0667px; font-family: 宋体;">ACTION_UP抬起手指时，如果是点击就分配给onItemclick.因为自定义的</span><span style="font-size: 15.0667px; font-family: 宋体;">scrollView把占了item的全部，使得item的点击失效，这里手动分配。</span>

<span style="font-size: 15.0667px; font-family: 宋体;">Adapter的代码：</span>

<span style="font-size: 15.0667px; font-family: 宋体;"></span><pre name="code" class="java">      ViewHolder viewHolder=null;
              if(convertView==null){
                  viewHolder=new ViewHolder();
                  convertView = LayoutInflater.from(MainActivity.this).inflate(R.layout.item, null);
                  viewHolder.btn  = (Button) convertView.findViewById(R.id.shanchu);
                  viewHolder.btn1 = (Button) convertView.findViewById(R.id.zhiding);
                  viewHolder.scrollView= (UI_ScrollView) convertView.findViewById(R.id.scroll);
                  convertView.setTag(viewHolder);
              }else{
                  viewHolder= (ViewHolder) convertView.getTag();
              }
            viewHolder.btn.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        Toast.makeText(MainActivity.this,"点击了删除",Toast.LENGTH_SHORT).show();
                    }
                });
            viewHolder.btn1.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    Toast.makeText(MainActivity.this,"点击了置顶",Toast.LENGTH_SHORT).show();
                }
            });
            viewHolder.scrollView.fullScroll(ScrollView.FOCUS_UP);
            return convertView;
        }
        class ViewHolder{
            Button btn;
            Button btn1;
            UI_ScrollView scrollView;
        }

Adapter没什么好说的。就是每次进来的时候把scrollview置为初始位置，因为item是复用的，且为了保证删除一个item后全部的item处于初始位置，就是没有滑动的位置。

<span style="font-family:宋体;">总结：以上基本上就实现了QQ侧滑的效果，且保证了item的点击事件的生效，置顶删除的点击事件有效。像QQ一样保证了永远只有一个item是打开的。打开的时候点击item先关闭侧滑，再点击才能item生效。上下滑动的时候也需要关闭item,要实现置顶的话只需要在数据中调用list的add（int postion,String str<span style="white-space:pre">	</span>）方法然后刷新listview，删除差不多，调用remove就OK。</span>

以上如有bug和错误之处，欢迎指正