Android仿QQ微信侧滑删除效果

仿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;}@Overridepublic 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）） {// openmTouchView.smoothOpenMenu（）;closed=false;} else {// closemTouchView.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（））;}@Overridepublic 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（）;}@Overrideprotected 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））;}@Overrideprotected 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" ><ImageViewandroid:id="@+id/iv_icon"android:layout_width="50dp"android:layout_height="50dp"android:src="@drawable/ic_launcher" /><TextViewandroid: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"><TextViewandroid: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" /><TextViewandroid: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;@Overrideprotected 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;}@Overridepublic int getCount（） {return mAppList.size（）;}@Overridepublic ApplicationInfo getItem（int position） {return mAppList.get（position）;}@Overridepublic long getItemId（int position） {return position;}@Overridepublic 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（） {@Overridepublic void onClick（View arg0） {Toast.makeText（MainActivity.this, "置顶:"+position, Toast.LENGTH_SHORT）.show（）;}}）;holder.tv_del.setOnClickListener（new View.OnClickListener（） {@Overridepublic 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.DragDelListViewandroid:id="@+id/listView"android:layout_width="match_parent"android:layout_height="match_parent" /></RelativeLayout>

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。