listview简单实现QQ聊天栏侧滑

来源：互联网发布：sublime text 3 linux 编辑：程序博客网时间：2024/05/01 13:45

下面是效果图：

原理：布局方面就是一个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和错误之处，欢迎指正

0 0