首页 > 系统 > Android > 正文

Android仿QQ微信侧滑删除效果

2019-12-12 04:10:59
字体:
来源:转载
供稿:网友

仿QQ侧滑删除效果图

1.自定义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());  }}

2.自定义滑动条目

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());  }}

3.所用到的布局文件

―swipecontent.xml代码

<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>

4.主界面代码

public class MainActivity extends Activity {  private List<ApplicationInfo> mAppList;  private DragDelListView mListView;  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_list);    mAppList = getPackageManager().getInstalledApplications(0);    mListView = (DragDelListView) findViewById(R.id.listView);    mListView.setAdapter(new AppAdapter(mAppList));  }  class AppAdapter extends BaseAdapter {    private List<ApplicationInfo> mAppList;    public AppAdapter(List<ApplicationInfo> appList)    {      mAppList=appList;    }    @Override    public int getCount() {      return mAppList.size();    }    @Override    public ApplicationInfo getItem(int position) {      return mAppList.get(position);    }    @Override    public long getItemId(int position) {      return position;    }    @Override    public View getView(final int position, View convertView, ViewGroup parent) {      ViewHolder holder=null;      View menuView=null;      if (convertView == null) {        convertView = View.inflate(getApplicationContext(),            R.layout.swipecontent, null);        menuView = View.inflate(getApplicationContext(),            R.layout.swipemenu, null);        convertView = new DragDelItem(convertView,menuView);        holder=new ViewHolder(convertView);      } else {        holder = (ViewHolder) convertView.getTag();      }        ApplicationInfo item = getItem(position);        holder.iv_icon.setImageDrawable(item.loadIcon(getPackageManager()));        holder.tv_name.setText(item.loadLabel(getPackageManager()));        holder.tv_open.setOnClickListener(new View.OnClickListener() {          @Override          public void onClick(View arg0) {            Toast.makeText(MainActivity.this, "置顶:"+position, Toast.LENGTH_SHORT).show();          }        });        holder.tv_del.setOnClickListener(new View.OnClickListener() {          @Override          public void onClick(View arg0) {            Toast.makeText(MainActivity.this, "删除:"+position, Toast.LENGTH_SHORT).show();          }        });      return convertView;    }    class ViewHolder {      ImageView iv_icon;      TextView tv_name;      TextView tv_open,tv_del;      RelativeLayout relativeLayout;      public ViewHolder(View view) {        iv_icon = (ImageView) view.findViewById(R.id.iv_icon);        tv_name = (TextView) view.findViewById(R.id.tv_name);        tv_open=(TextView)view.findViewById(R.id.tv_open);        tv_del=(TextView)view.findViewById(R.id.tv_del);        relativeLayout = (RelativeLayout) view.findViewById(R.id.rl_layout);        //改变relativeLayout宽度        WindowManager wm = (WindowManager) getApplicationContext().getSystemService(Context.WINDOW_SERVICE);        int width = wm.getDefaultDisplay().getWidth();        relativeLayout.setMinimumWidth(width-60);        view.setTag(this);      }    }  }}

主界面布局代码

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent"  >    <com.draglistview.DragDelListView      android:id="@+id/listView"      android:layout_width="match_parent"      android:layout_height="match_parent" /></RelativeLayout>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持武林网。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表