首頁 > Java > java教程 > Android仿QQ微信側滑刪除效果

Android仿QQ微信側滑刪除效果

高洛峰
發布: 2017-01-13 10:22:24
原創
1607 人瀏覽過

仿QQ側滑動刪除效果圖

Android仿QQ微信側滑刪除效果

自訂listview

public class DragDelListView extends ListView {
 
  private boolean moveable=false;
  private boolean closed=true;
  private float mDownX,mDownY;
  private int mTouchPosition,oldPosition=-1;
  private DragDelItem mTouchView,oldView;
  private Context context;
  public DragDelListView(Context context) {
    super(context);
    init(context);
  }
  public DragDelListView(Context context, AttributeSet attrs, int defStyle) {
    super(context, attrs, defStyle);
    init(context);
  }
  public DragDelListView(Context context, AttributeSet attrs) {
    super(context, attrs);
    init(context);
  }
  private void init(Context context) {
    this.context=context;
  }
 
 
  @Override
  public boolean onTouchEvent(MotionEvent ev) {
    switch (ev.getAction()) {
    case MotionEvent.ACTION_DOWN:
      mTouchPosition = pointToPosition((int) ev.getX(), (int) ev.getY());
      mTouchView=(DragDelItem)getChildAt(mTouchPosition - getFirstVisiblePosition());
      mDownX = ev.getX();
      mDownY=ev.getY();
      if(oldPosition==mTouchPosition ||closed)
      {
        moveable=true;
        mTouchView.mDownX =(int)mDownX;
      }else
      {
        moveable=false;
        if(oldView!=null)
        {
          oldView.smoothCloseMenu();
        }
      }
      oldPosition=mTouchPosition;
      oldView=mTouchView;
      break;
    case MotionEvent.ACTION_MOVE:
      if (Math.abs(mDownX-ev.getX()) < Math.abs(mDownY-ev.getY()) * dp2px(2)) {
        break; 
      } 
      if (moveable) 
      {
        int dis = (int) (mTouchView.mDownX -ev.getX());
        if(mTouchView.state==mTouchView.STATE_OPEN)
          dis+=mTouchView.mMenuView.getWidth();
        mTouchView.swipe(dis);
        ev.setAction(MotionEvent.ACTION_CANCEL);
      }
 
      break;
    case MotionEvent.ACTION_UP:
 
      if (moveable) 
      {
        if ((mTouchView.mDownX -ev.getX()) > (mTouchView.mMenuView.getWidth()/2)) {
          // open
          mTouchView.smoothOpenMenu();
          closed=false;
        } else {
          // close
          mTouchView.smoothCloseMenu();
          closed=true;
        }
        ev.setAction(MotionEvent.ACTION_CANCEL);
      }
      break;
    }
    return super.onTouchEvent(ev);
  }
 
  private int dp2px(int dp) {
    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp,
        getContext().getResources().getDisplayMetrics());
  }
 
 
}
登入後複製

自訂滑動條目

public class DragDelItem extends LinearLayout {
 
  public static final int STATE_CLOSE = 0;
  public static final int STATE_OPEN = 1;
  private View mContentView;
  public View mMenuView;
  public int mDownX;
  public int state = STATE_CLOSE;
  public boolean isFling;
  private int mBaseX;
  private Scroller scroll;
 
  public DragDelItem(View contentView, View menuView) {
    super(contentView.getContext());
    scroll=new Scroller(getContext());
    mContentView = contentView;
    mMenuView = menuView;
    init();
  }
 
  private DragDelItem(Context context, AttributeSet attrs) {
    super(context, attrs);
  }
 
  private DragDelItem(Context context) {
    super(context);
  }
 
 
  private void init() {
    setLayoutParams(new AbsListView.LayoutParams(LayoutParams.MATCH_PARENT,
        LayoutParams.WRAP_CONTENT));
    LayoutParams contentParams = new LayoutParams(
        LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT);
    mContentView.setLayoutParams(contentParams);
 
    mMenuView.setLayoutParams(new LayoutParams(LayoutParams.WRAP_CONTENT,
        LayoutParams.WRAP_CONTENT));
 
    addView(mContentView);
    addView(mMenuView);
 
  }
 
 
  public void swipe(int dis) {
    if (dis > mMenuView.getWidth()) {
      dis = mMenuView.getWidth();
    }
    if (dis < 0) {
      dis = 0;
    }
    mContentView.layout(-dis, mContentView.getTop(),
        mContentView.getWidth() - dis, getMeasuredHeight());
    mMenuView.layout(mContentView.getWidth() - dis, mMenuView.getTop(),
        mContentView.getWidth() + mMenuView.getWidth() - dis,
        mMenuView.getBottom());
  }
 
  @Override
  public void computeScroll() {
    if (state == STATE_OPEN) {
      if (scroll.computeScrollOffset()) {
        swipe(scroll.getCurrX());
        postInvalidate();
      }
    } else {
      if (scroll.computeScrollOffset()) {
        swipe(mBaseX - scroll.getCurrX());
        postInvalidate();
      }
    }
  }
 
  public void smoothCloseMenu() {
    state = STATE_CLOSE;
    mBaseX = -mContentView.getLeft();
    scroll.startScroll(0, 0, mBaseX, 0, 350);
    postInvalidate();
  }
 
  public void smoothOpenMenu() {
 
    state = STATE_OPEN;
    scroll.startScroll(-mContentView.getLeft(), 0,
        mMenuView.getWidth()/2, 0, 350);
    postInvalidate();
  }
 
  @Override
  protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
    super.onMeasure(widthMeasureSpec, heightMeasureSpec);
 
    mMenuView.measure(MeasureSpec.makeMeasureSpec(0,
        MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
        getMeasuredHeight(), MeasureSpec.EXACTLY));
    mContentView.measure(MeasureSpec.makeMeasureSpec(0,
        MeasureSpec.UNSPECIFIED), MeasureSpec.makeMeasureSpec(
        getMeasuredHeight(), MeasureSpec.EXACTLY));
 
  }
 
  @Override
  protected void onLayout(boolean changed, int l, int t, int r, int b) {
    mContentView.layout(0, 0, getMeasuredWidth(),
        mContentView.getMeasuredHeight());
    mMenuView.layout(getMeasuredWidth(), 0,
        getMeasuredWidth() + mMenuView.getMeasuredWidth(),
        mContentView.getMeasuredHeight());
 
  }
 
}
登入後複製

所使用的佈局檔案 
介面版面碼

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:id="@+id/rl_layout"
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="#999999"
  android:padding="8dp" >
    <ImageView
      android:id="@+id/iv_icon"
      android:layout_width="50dp"
      android:layout_height="50dp"
      android:src="@drawable/ic_launcher" />
 
    <TextView
      android:id="@+id/tv_name"
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_centerVertical="true"
      android:layout_marginLeft="10dp"
      android:layout_toRightOf="@+id/iv_icon"
      android:text="name"
      android:textColor="@android:color/black"
      android:textSize="18sp" />
</RelativeLayout>
 
—swipemenu.xml代码
 
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:orientation="horizontal"
  >
 
  <TextView
    android:id="@+id/tv_open"
    android:layout_width="90dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#C2C2C2"
    android:text="置顶"
    android:textColor="@android:color/white"
    android:textSize="18sp" />
  <TextView
    android:id="@+id/tv_del"
    android:layout_width="90dp"
    android:layout_height="match_parent"
    android:gravity="center"
    android:background="#FF0000"
    android:text="删除"
    android:textColor="@android:color/white"
    android:textSize="18sp" />
 
</LinearLayout>
登入後複製

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支援PHP中文網。

更多Android仿QQ微信側滑刪除效果相關文章請關注PHP中文網!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板