如下面這個圖:
需要實現的功能是:用手指在某條記錄上從左往右劃一下,出現一條橫線,用于表示這個菜已經上過了;倒過來劃,取消這條橫線,表示這個菜沒上過。
如何實現呢?
看我的吧!
首先需要一個Item的布局,在布局的最上方有一個ImageView用于顯示這條橫線,如果沒有就把這個ImageView背景設置成透明,這個ImageView同這條記錄等寬等高!
布局如下:
然后就是寫ListView了:
實現手勢:
再下來就要實現Adapter,提供一段偽代碼:
這里對iv_line也要實現OnTouchListener,并且view是個全局變量,需要在手勢當中判斷一下if(view!=null),確保程序沒問題,并且獲得對象view.getTag()。最后一定要返回false,確保ListView的OnTouchListener能夠繼續下去!
整個觸摸流程是:
先ImageView中的onTouch起作用-->在ListView中的onTouch起作用-->手勢

需要實現的功能是:用手指在某條記錄上從左往右劃一下,出現一條橫線,用于表示這個菜已經上過了;倒過來劃,取消這條橫線,表示這個菜沒上過。
如何實現呢?
看我的吧!
首先需要一個Item的布局,在布局的最上方有一個ImageView用于顯示這條橫線,如果沒有就把這個ImageView背景設置成透明,這個ImageView同這條記錄等寬等高!
布局如下:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="@dimen/list_item_height" > <LinearLayout android:id="@+id/container" android:layout_width="match_parent" android:layout_height="match_parent" android:gravity="center_vertical" android:orientation="horizontal" > <TextView android:id="@+id/tv_0" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="2" android:gravity="center" android:paddingBottom="20dp" android:paddingTop="20dp" android:singleLine="true" android:text="名稱" android:textColor="@color/white" android:textSize="@dimen/font_xxxbig" /> <TextView android:id="@+id/tv_1" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_gravity="center" android:gravity="center" android:paddingBottom="20dp" android:paddingTop="20dp" android:singleLine="true" android:text="數量" android:textColor="@color/white" android:textSize="@dimen/font_xxxbig" android:layout_weight="1" /> <TextView android:id="@+id/tv_2" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:gravity="center" android:paddingBottom="20dp" android:paddingTop="20dp" android:singleLine="true" android:text="價格" android:textColor="@color/white" android:textSize="@dimen/font_xxxbig" /> </LinearLayout> <ImageView android:id="@+id/iv_line" android:layout_width="match_parent" android:layout_height="match_parent" android:visibility="visible" /> </FrameLayout>
然后就是寫ListView了:
listView = (ListView) findViewById(R.id.listView); listView.setOnItemClickListener(onItemClickListener); listView.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub mDetector.onTouchEvent(event); return false; } });
實現手勢:
mDetector=new GestureDetector(new GestureDetector.OnGestureListener() { @Override public boolean onSingleTapUp(MotionEvent e) { // TODO Auto-generated method stub return false; } @Override public void onShowPress(MotionEvent e) { // TODO Auto-generated method stub } @Override public boolean onScroll(MotionEvent e1, MotionEvent e2, float distanceX, float distanceY) { // TODO Auto-generated method stub return false; } @Override public void onLongPress(MotionEvent e) { // TODO Auto-generated method stub } @Override public boolean onFling(MotionEvent e1, MotionEvent e2, float velocityX, float velocityY) { // TODO Auto-generated method stub final int FLING_MIN_DISTANCE = 100, FLING_MIN_VELOCITY = 200; if (e2.getX() - e1.getX() > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY) { //從左往右 if(view!=null){ Combos instance=(Combos)view.getTag(); if(instance!=null){ if(instance.getStatus()==ST_NORMAL){ instance.setStatus(ST_FINISH); adapter.notifyDataSetChanged(); //dosomething() } } } } else if(e1.getX() - e2.getX() > FLING_MIN_DISTANCE && Math.abs(velocityX) > FLING_MIN_VELOCITY){//從右往左 if(view!=null){ Combos instance=(Combos)view.getTag(); if(instance!=null){ if(instance.getStatus()==ST_FINISH){ instance.setStatus(ST_NORMAL); adapter.notifyDataSetChanged(); //dosomething() } } } } return false; } @Override public boolean onDown(MotionEvent e) { // TODO Auto-generated method stub return true; } }); };
再下來就要實現Adapter,提供一段偽代碼:
class DetailAdapter extends BaseAdapter { @Override public int getCount() { // TODO Auto-generated method stub return selectedList.size(); } @Override public Object getItem(int position) { // TODO Auto-generated method stub return selectedList.get(position); } @Override public long getItemId(int position) { // TODO Auto-generated method stub return position; } @Override public View getView(int position, View convertView, ViewGroup parent) { // TODO Auto-generated method stub final Combos instance = selectedList.get(position); convertView = LayoutInflater.from(context).inflate(R.layout.item_for_consume_detail_activity, null); ImageView iv_line = (ImageView) convertView.findViewById(R.id.iv_line); //根據狀態判斷該顯示“線”還是“透明” if(instance.getStatus()==ST_FINISH){ iv_line.setBackgroundResource(R.drawable.line_huacai); }else{ iv_line.setBackgroundColor(Color.TRANSPARENT); } iv_line.setTag(instance); iv_line.setOnTouchListener(new View.OnTouchListener() { @Override public boolean onTouch(View v, MotionEvent event) { // TODO Auto-generated method stub view=v; return false; } }); return convertView; } }
這里對iv_line也要實現OnTouchListener,并且view是個全局變量,需要在手勢當中判斷一下if(view!=null),確保程序沒問題,并且獲得對象view.getTag()。最后一定要返回false,確保ListView的OnTouchListener能夠繼續下去!
整個觸摸流程是:
先ImageView中的onTouch起作用-->在ListView中的onTouch起作用-->手勢
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
