最近项目用到了测拉菜单,类似于微信与QQ的形似,自己研究了一下,主要是自定义View与ViewDragHelper,实现起来非常容易,但是扩展性不好,这里介绍一个git上的SwipeLayout。附上git地址:https://github.com/daimajia/AndroidSwipeLayout/wiki/usage
public class MainActivity extends AppCompatActivity { private ArrayList<String> lists = new ArrayList<String>(); private ListView lv; public SwipeLayout mSwipeLayout; public ArrayList<SwipeLayout> swipeLayoutArrayList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout_lv); swipeLayoutArrayList = new ArrayList<SwipeLayout>(); lv = (ListView) findViewById(R.id.lv); for (int i = 0; i < 50; i++) { lists.add("hello" + i); } lv.setAdapter(new GridViewAdapter()); lv.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { if (swipeLayoutArrayList.size() > 0) { for (int i = 0; i < swipeLayoutArrayList.size(); i++) { swipeLayoutArrayList.get(i).close(); } } } }); } public class GridViewAdapter extends BaseAdapter { @Override public int getCount() { return lists.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { View view = View.inflate(MainActivity.this, R.layout.activity_main, null); TextView tv = (TextView) view.findViewById(R.id.tv); tv.setText(lists.get(position)); TextView delete = (TextView) view.findViewById(R.id.delete); TextView remark = (TextView) view.findViewById(R.id.remark); delete.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { System.out.println("delete"); } }); remark.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { System.out.println("remark"); } }); SwipeLayout swipeLayout = (SwipeLayout) view.findViewById(R.id.sample1); swipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown); swipeLayout.setClickToClose(true); swipeLayout.addDrag(SwipeLayout.DragEdge.Right, view.findViewById(R.id.bottom_wrapper)); swipeLayout.addSwipeListener(new SwipeLayout.SwipeListener() { @Override public void onClose(SwipeLayout layout) { //when the SurfaceView totally cover the BottomView. swipeLayoutArrayList.remove(layout); System.out.println("onClose"); } @Override public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) { //you are swiping. // System.out.println("onUpdate"); } @Override public void onStartOpen(SwipeLayout layout) { if (swipeLayoutArrayList.size() > 0) { for (int i = 0; i < swipeLayoutArrayList.size(); i++) { swipeLayoutArrayList.get(i).close(); } } System.out.println("onStartOpen"); } @Override public void onOpen(SwipeLayout layout) { //when the BottomView totally show. swipeLayoutArrayList.add(layout); System.out.println("onOpen"); } @Override public void onStartClose(SwipeLayout layout) { System.out.println("onStartClose"); } @Override public void onHandRelease(SwipeLayout layout, float xvel, float yvel) { //when user's hand released. System.out.println("onHandRelease"); } }); return view; } } }
<?xml version="1.0" encoding="utf-8"?> <com.daimajia.swipe.SwipeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="80dp" android:id="@+id/sample1"> <!-- Bottom View Start--> <LinearLayout android:background="#66ddff00" android:id="@+id/bottom_wrapper" android:layout_width="160dp" android:weightSum="2" android:orientation="horizontal" android:layout_height="match_parent"> <TextView android:id="@+id/delete" android:layout_weight="1" android:textSize="22sp" android:text="删除" android:gravity="center" android:layout_width="wrap_content" android:layout_height="match_parent" /> <TextView android:id="@+id/remark" android:layout_weight="1" android:textSize="22sp" android:text="备注" android:gravity="center" android:layout_width="wrap_content" android:layout_height="match_parent" /> <!--What you want to show--> </LinearLayout> <!-- Bottom View End--> <!-- Surface View Start --> <LinearLayout android:padding="10dp" android:background="#ffffff" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="horizontal"> <!--What you want to show in SurfaceView--> <TextView android:id="@+id/tv" android:textSize="22sp" android:gravity="center" android:layout_width="wrap_content" android:layout_height="wrap_content" /> </LinearLayout> <!-- Surface View End --> </com.daimajia.swipe.SwipeLayout>XML文件注意FrontView与BackView的位置。
package com.example.jiangwei18.myswipelayout; import android.content.Context; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.AbsListView; import android.widget.BaseAdapter; import android.widget.ListView; import android.widget.TextView; import com.daimajia.swipe.SimpleSwipeListener; import com.daimajia.swipe.SwipeLayout; import com.daimajia.swipe.adapters.BaseSwipeAdapter; import java.util.ArrayList; public class MainActivity extends AppCompatActivity { private ArrayList<String> lists = new ArrayList<String>(); private ListView lv; public ArrayList<SwipeLayout> swipeLayoutArrayList; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.layout_lv); swipeLayoutArrayList = new ArrayList<SwipeLayout>(); lv = (ListView) findViewById(R.id.lv); lv.setOnScrollListener(new AbsListView.OnScrollListener() { @Override public void onScrollStateChanged(AbsListView view, int scrollState) { } @Override public void onScroll(AbsListView view, int firstVisibleItem, int visibleItemCount, int totalItemCount) { if(swipeLayoutArrayList.size()>0){ for(int i =0;i<swipeLayoutArrayList.size();i++){ swipeLayoutArrayList.get(i).close(); } swipeLayoutArrayList.clear(); } } }); lv.setAdapter(new GridViewAdapter(MainActivity.this)); for (int i = 0; i < 50; i++) { lists.add("hello" + i); } } public class GridViewAdapter extends BaseSwipeAdapter { private Context mContext; public GridViewAdapter(Context mContext) { this.mContext = mContext; } @Override public int getSwipeLayoutResourceId(int position) { return R.id.sample1; } //ATTENTION: Never bind listener or fill values in generateView. // You have to do that in fillValues method. @Override public View generateView(int position, ViewGroup parent) { return LayoutInflater.from(mContext).inflate(R.layout.activity_main, null); } @Override public void fillValues(int position, View convertView) { TextView t = (TextView)convertView.findViewById(R.id.tv); t.setText(lists.get(position)); SwipeLayout mSwipeLayout = (SwipeLayout) convertView.findViewById(getSwipeLayoutResourceId(position)); mSwipeLayout.addDrag(SwipeLayout.DragEdge.Right, convertView.findViewById(R.id.bottom_wrapper)); mSwipeLayout.setClickToClose(true); mSwipeLayout.setShowMode(SwipeLayout.ShowMode.LayDown); mSwipeLayout.addSwipeListener(new SimpleSwipeListener(){ @Override public void onStartOpen(SwipeLayout layout) { super.onStartOpen(layout); } @Override public void onHandRelease(SwipeLayout layout, float xvel, float yvel) { super.onHandRelease(layout, xvel, yvel); } @Override public void onUpdate(SwipeLayout layout, int leftOffset, int topOffset) { super.onUpdate(layout, leftOffset, topOffset); } @Override public void onClose(SwipeLayout layout) { super.onClose(layout); } @Override public void onStartClose(SwipeLayout layout) { super.onStartClose(layout); } @Override public void onOpen(SwipeLayout layout) { swipeLayoutArrayList.add(layout); super.onOpen(layout); } }); TextView delete = (TextView) convertView.findViewById(R.id.delete); TextView remark = (TextView) convertView.findViewById(R.id.remark); delete.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { System.out.println("delete"); } }); remark.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { System.out.println("remark"); } }); } @Override public int getCount() { return lists.size(); } @Override public Object getItem(int position) { return null; } @Override public long getItemId(int position) { return position; } } }