自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

Android自定義View－SlideListView

作者：曉風(fēng)殘?jiān)?/span>
移動(dòng)開發(fā) Android
在 android 中 ListView 可以說是使用最多的控件之一，ListView 有很多的用法和處理事件，比如 item 的點(diǎn)擊和長按事件，在比較多的應(yīng)用中，點(diǎn)擊就是跳轉(zhuǎn)，長按會(huì)彈出一些選擇菜單等。

在 android 中 ListView 可以說是使用最多的控件之一，ListView 有很多的用法和處理事件，比如 item 的點(diǎn)擊和長按事件，在比較多的應(yīng)用中，點(diǎn)擊就是跳轉(zhuǎn)，長按會(huì)彈出一些選擇菜單等。 這里我要介紹的是一個(gè) ListView 側(cè)滑出菜單的自定義控件

效果圖如下：
正常狀態(tài)

側(cè)滑出菜單狀態(tài)

 

分析

主要用到了 Scroller 這個(gè)滑動(dòng)類，剛開始攔截觸摸事件在 action ＝＝MotionEvent.ACTION_DOWN的時(shí)候，根據(jù)出點(diǎn)獲取我們點(diǎn)擊的itemView 然后根據(jù)滑動(dòng)模式（左滑動(dòng) or 右滑動(dòng)）來自動(dòng)獲取左側(cè)或者右側(cè)的寬度；

在 action == MotionEvent.ACTION_MOVE 中根據(jù)移動(dòng)判斷是否可以側(cè)滑，以及側(cè)滑的方向，并使用 itemView.scrollTo(deltaX, 0); 來移動(dòng)itemView ；

***在 ction == MotionEvent.ACTION_UP 中判斷模式和移動(dòng)的距離完成側(cè)滑或者還原到初始狀態(tài)。
實(shí)現(xiàn)

***步 初始化Scroller

  1. scroller = new Scroller(context);  
  2. mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); 

第二步 action ＝＝MotionEvent.ACTION_DOWN

  1. case MotionEvent.ACTION_DOWN:  
  2.                 if (this.mode == MOD_FORBID) {  
  3.                     return super.onTouchEvent(ev);  
  4.                 }  
  5.                 // 如果處于側(cè)滑完成狀態(tài)，側(cè)滑回去，并直接返回  
  6.                 if (isSlided) {  
  7.                     scrollBack();  
  8.                     return false;  
  9.                 }  
  10.                 // 假如scroller滾動(dòng)還沒有結(jié)束，我們直接返回  
  11.                 if (!scroller.isFinished()) {  
  12.                     return false;  
  13.                 }  
  14.    
  15.                 downX = (int) ev.getX();  
  16.                 downY = (int) ev.getY();  
  17.    
  18.                 slidePosition = pointToPosition(downX, downY);  
  19.                 // 無效的position, 不做任何處理  
  20.                 if (slidePosition == AdapterView.INVALID_POSITION) {  
  21.                     return super.onTouchEvent(ev);  
  22.                 }  
  23.    
  24.                 // 獲取我們點(diǎn)擊的item view  
  25.                 itemView = getChildAt(slidePosition - getFirstVisiblePosition());  
  26.                 /*此處根據(jù)設(shè)置的滑動(dòng)模式，自動(dòng)獲取左側(cè)或右側(cè)菜單的長度*/  
  27.                 if (this.mode == MOD_BOTH) {  
  28.                     this.leftLength = -itemView.getPaddingLeft();  
  29.                     this.rightLength = -itemView.getPaddingRight();  
  30.                 } else if (this.mode == MOD_LEFT) {  
  31.                     this.leftLength = -itemView.getPaddingLeft();  
  32.                 } else if (this.mode == MOD_RIGHT) {  
  33.                     this.rightLength = -itemView.getPaddingRight();  
  34.                 }  
  35.                 break; 

第三步 action == MotionEvent.ACTION_MOVE

  1. case MotionEvent.ACTION_MOVE:  
  2.                 if (!canMove  
  3.                         && slidePosition != AdapterView.INVALID_POSITION  
  4.                         && (Math.abs(ev.getX() - downX) > mTouchSlop && Math.abs(ev  
  5.                         .getY() - downY) < mTouchSlop)) {  
  6.                     if (mSwipeLayout != null)  
  7.                         mSwipeLayout.setEnabled(false);  
  8.                     int offsetX = downX - lastX;  
  9.                     if (offsetX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) {  
  10.                         /*從右向左滑*/  
  11.                         canMove = true;  
  12.                     } else if (offsetX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) {  
  13.                         /*從左向右滑*/  
  14.                         canMove = true;  
  15.                     } else {  
  16.                         canMove = false;  
  17.                     }  
  18.                     /*此段代碼是為了避免我們在側(cè)向滑動(dòng)時(shí)同時(shí)觸發(fā)ListView的OnItemClickListener時(shí)間*/  
  19.                     MotionEvent cancelEvent = MotionEvent.obtain(ev);  
  20.                     cancelEvent  
  21.                             .setAction(MotionEvent.ACTION_CANCEL  
  22.                                     | (ev.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT));  
  23.                     onTouchEvent(cancelEvent);  
  24.                 }  
  25.                 if (canMove) {  
  26.                     /*設(shè)置此屬性，可以在側(cè)向滑動(dòng)時(shí)，保持ListView不會(huì)上下滾動(dòng)*/  
  27.                     requestDisallowInterceptTouchEvent(true);  
  28.                     // 手指拖動(dòng)itemView滾動(dòng), deltaX大于0向左滾動(dòng)，小于0向右滾  
  29.                     int deltaX = downX - lastX;  
  30.                     if (deltaX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) {  
  31.                         /*向左滑*/  
  32.                         itemView.scrollTo(deltaX, 0);  
  33.                     } else if (deltaX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) {  
  34.                         /*向右滑*/  
  35.                         itemView.scrollTo(deltaX, 0);  
  36.                     } else {  
  37.                         itemView.scrollTo(0, 0);  
  38.                     }  
  39.                     return true;  
  40.                 }  
  41.                 break; 

第四步 action == MotionEvent.ACTION_UP

  1. case MotionEvent.ACTION_UP:  
  2.                 if (mSwipeLayout != null)  
  3.                     mSwipeLayout.setEnabled(true);  
  4.                 //requestDisallowInterceptTouchEvent(false);  
  5.                 if (canMove){  
  6.                     canMove = false;  
  7.                     scrollByDistanceX();  
  8.                 }  
  9.                 break; 

完整代碼

以下是完整代碼

  1. package com.jwenfeng.fastdev.view;  
  2.    
  3. import android.content.Context;  
  4. import android.support.v4.widget.SwipeRefreshLayout;  
  5. import android.util.AttributeSet;  
  6. import android.view.MotionEvent;  
  7. import android.view.View;  
  8. import android.view.ViewConfiguration;  
  9. import android.widget.AdapterView;  
  10. import android.widget.ListView;  
  11. import android.widget.Scroller;  
  12.    
  13. /**  
  14.  * 當(dāng)前類注釋: ListView 側(cè)滑出菜單  
  15.  * 項(xiàng)目名：fastdev  
  16.  * 包名：com.jwenfeng.fastdev.view  
  17.  * 作者：jinwenfeng on 16/4/11 10:55  
  18.  * 郵箱：823546371@qq.com  
  19.  * QQ： 823546371  
  20.  * 公司：南京穆尊信息科技有限公司  
  21.  * © 2016 jinwenfeng  
  22.  * ©版權(quán)所有，未經(jīng)允許不得傳播  
  23.  */  
  24. public class SlideListView extends ListView {  
  25.    
  26.     /**下拉刷新view*/  
  27.     private SwipeRefreshLayout mSwipeLayout;  
  28.     /**  
  29.      * 禁止側(cè)滑模式  
  30.      */  
  31.     public static int MOD_FORBID = 0;  
  32.     /**  
  33.      * 從左向右滑出菜單模式  
  34.      */  
  35.     public static int MOD_LEFT = 1;  
  36.     /**  
  37.      * 從右向左滑出菜單模式  
  38.      */  
  39.     public static int MOD_RIGHT = 2;  
  40.     /**  
  41.      * 左右均可以滑出菜單模式  
  42.      */  
  43.     public static int MOD_BOTH = 3;  
  44.     /**  
  45.      * 當(dāng)前的模式  
  46.      */  
  47.     private int mode = MOD_FORBID;  
  48.     /**  
  49.      * 左側(cè)菜單的長度  
  50.      */  
  51.     private int leftLength = 0;  
  52.     /**  
  53.      * 右側(cè)菜單的長度  
  54.      */  
  55.     private int rightLength = 0;  
  56.    
  57.     /**  
  58.      * 當(dāng)前滑動(dòng)的ListView　position  
  59.      */  
  60.     private int slidePosition;  
  61.     /**  
  62.      * 手指按下X的坐標(biāo)  
  63.      */  
  64.     private int downY;  
  65.     /**  
  66.      * 手指按下Y的坐標(biāo)  
  67.      */  
  68.     private int downX;  
  69.     /**  
  70.      * ListView的item  
  71.      */  
  72.     private View itemView;  
  73.     /**  
  74.      * 滑動(dòng)類  
  75.      */  
  76.     private Scroller scroller;  
  77.     /**  
  78.      * 認(rèn)為是用戶滑動(dòng)的最小距離  
  79.      */  
  80.     private int mTouchSlop;  
  81.    
  82.     /**  
  83.      * 判斷是否可以側(cè)向滑動(dòng)  
  84.      */  
  85.     private boolean canMove = false;  
  86.     /**  
  87.      * 標(biāo)示是否完成側(cè)滑  
  88.      */  
  89.     private boolean isSlided = false;  
  90.    
  91.     public SlideListView(Context context) {  
  92.         this(context, null);  
  93.     }  
  94.    
  95.     public SlideListView(Context context, AttributeSet attrs) {  
  96.         this(context, attrs,0);  
  97.     }  
  98.    
  99.     public SlideListView(Context context, AttributeSet attrs, int defStyleAttr) {  
  100.         super(context, attrs, defStyleAttr);  
  101.         scroller = new Scroller(context);  
  102.         mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop();  
  103.     }  
  104.    
  105.     /**  
  106.      * 初始化菜單的滑出模式  
  107.      *  
  108.      * @param mode  
  109.      */  
  110.     public void initSlideMode(int mode) {  
  111.         this.mode = mode;  
  112.     }  
  113.    
  114.     /**  
  115.      * 處理我們拖動(dòng)ListView item的邏輯  
  116.      */  
  117.     @Override  
  118.     public boolean onTouchEvent(MotionEvent ev) {  
  119.         final int action = ev.getAction();  
  120.         int lastX = (int) ev.getX();  
  121.    
  122.         switch (action) {  
  123.             case MotionEvent.ACTION_DOWN:  
  124.                 if (this.mode == MOD_FORBID) {  
  125.                     return super.onTouchEvent(ev);  
  126.                 }  
  127.                 // 如果處于側(cè)滑完成狀態(tài)，側(cè)滑回去，并直接返回  
  128.                 if (isSlided) {  
  129.                     scrollBack();  
  130.                     return false;  
  131.                 }  
  132.                 // 假如scroller滾動(dòng)還沒有結(jié)束，我們直接返回  
  133.                 if (!scroller.isFinished()) {  
  134.                     return false;  
  135.                 }  
  136.    
  137.                 downX = (int) ev.getX();  
  138.                 downY = (int) ev.getY();  
  139.    
  140.                 slidePosition = pointToPosition(downX, downY);  
  141.                 // 無效的position, 不做任何處理  
  142.                 if (slidePosition == AdapterView.INVALID_POSITION) {  
  143.                     return super.onTouchEvent(ev);  
  144.                 }  
  145.    
  146.                 // 獲取我們點(diǎn)擊的item view  
  147.                 itemView = getChildAt(slidePosition - getFirstVisiblePosition());  
  148.                 /*此處根據(jù)設(shè)置的滑動(dòng)模式，自動(dòng)獲取左側(cè)或右側(cè)菜單的長度*/  
  149.                 if (this.mode == MOD_BOTH) {  
  150.                     this.leftLength = -itemView.getPaddingLeft();  
  151.                     this.rightLength = -itemView.getPaddingRight();  
  152.                 } else if (this.mode == MOD_LEFT) {  
  153.                     this.leftLength = -itemView.getPaddingLeft();  
  154.                 } else if (this.mode == MOD_RIGHT) {  
  155.                     this.rightLength = -itemView.getPaddingRight();  
  156.                 }  
  157.                 break;  
  158.             case MotionEvent.ACTION_MOVE:  
  159.                 if (!canMove  
  160.                         && slidePosition != AdapterView.INVALID_POSITION  
  161.                         && (Math.abs(ev.getX() - downX) > mTouchSlop && Math.abs(ev  
  162.                         .getY() - downY) < mTouchSlop)) {  
  163.                     if (mSwipeLayout != null)  
  164.                         mSwipeLayout.setEnabled(false);  
  165.                     int offsetX = downX - lastX;  
  166.                     if (offsetX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) {  
  167.                         /*從右向左滑*/  
  168.                         canMove = true;  
  169.                     } else if (offsetX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) {  
  170.                         /*從左向右滑*/  
  171.                         canMove = true;  
  172.                     } else {  
  173.                         canMove = false;  
  174.                     }  
  175.                     /*此段代碼是為了避免我們在側(cè)向滑動(dòng)時(shí)同時(shí)觸發(fā)ListView的OnItemClickListener時(shí)間*/  
  176.                     MotionEvent cancelEvent = MotionEvent.obtain(ev);  
  177.                     cancelEvent  
  178.                             .setAction(MotionEvent.ACTION_CANCEL  
  179.                                     | (ev.getActionIndex() << MotionEvent.ACTION_POINTER_INDEX_SHIFT));  
  180.                     onTouchEvent(cancelEvent);  
  181.                 }  
  182.                 if (canMove) {  
  183.                     /*設(shè)置此屬性，可以在側(cè)向滑動(dòng)時(shí)，保持ListView不會(huì)上下滾動(dòng)*/  
  184.                     requestDisallowInterceptTouchEvent(true);  
  185.                     // 手指拖動(dòng)itemView滾動(dòng), deltaX大于0向左滾動(dòng)，小于0向右滾  
  186.                     int deltaX = downX - lastX;  
  187.                     if (deltaX < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)) {  
  188.                         /*向左滑*/  
  189.                         itemView.scrollTo(deltaX, 0);  
  190.                     } else if (deltaX > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)) {  
  191.                         /*向右滑*/  
  192.                         itemView.scrollTo(deltaX, 0);  
  193.                     } else {  
  194.                         itemView.scrollTo(0, 0);  
  195.                     }  
  196.                     return true;  
  197.                 }  
  198.                 break;  
  199.    
  200.             case MotionEvent.ACTION_UP:  
  201.                 if (mSwipeLayout != null)  
  202.                     mSwipeLayout.setEnabled(true);  
  203.                 //requestDisallowInterceptTouchEvent(false);  
  204.                 if (canMove){  
  205.                     canMove = false;  
  206.                     scrollByDistanceX();  
  207.                 }  
  208.                 break;  
  209.         }  
  210.    
  211.         return super.onTouchEvent(ev);  
  212.     }  
  213.    
  214.     private void scrollByDistanceX() {  
  215.         if(this.mode == MOD_FORBID){  
  216.             return;  
  217.         }  
  218.         if(itemView.getScrollX() > 0 && (this.mode == MOD_BOTH || this.mode == MOD_RIGHT)){  
  219.             /*從右向左滑*/  
  220.             if (itemView.getScrollX() >= rightLength / 2) {  
  221.                 scrollLeft();  
  222.             }  else {  
  223.                 // 滾回到原始位置  
  224.                 scrollBack();  
  225.             }  
  226.         }else if(itemView.getScrollX() < 0 && (this.mode == MOD_BOTH || this.mode == MOD_LEFT)){  
  227.             /*從左向右滑*/  
  228.             if (itemView.getScrollX() <= -leftLength / 2) {  
  229.                 scrollRight();  
  230.             } else {  
  231.                 // 滾回到原始位置  
  232.                 scrollBack();  
  233.             }  
  234.         }else{  
  235.             // 滾回到原始位置  
  236.             scrollBack();  
  237.         }  
  238.     }  
  239.    
  240.     /**  
  241.      * 往右滑動(dòng)，getScrollX()返回的是左邊緣的距離，就是以View左邊緣為原點(diǎn)到開始滑動(dòng)的距離，所以向右邊滑動(dòng)為負(fù)值  
  242.      */  
  243.     private void scrollRight() {  
  244.         isSlided = true;  
  245.         final int delta = (leftLength + itemView.getScrollX());  
  246.         // 調(diào)用startScroll方法來設(shè)置一些滾動(dòng)的參數(shù)，我們在computeScroll()方法中調(diào)用scrollTo來滾動(dòng)item  
  247.         scroller.startScroll(itemView.getScrollX(), 0, -delta, 0,  
  248.                 Math.abs(delta));  
  249.         postInvalidate(); // 刷新itemView  
  250.     }  
  251.    
  252.     /**  
  253.      * 向左滑動(dòng)，根據(jù)上面我們知道向左滑動(dòng)為正值  
  254.      */  
  255.     private void scrollLeft() {  
  256.         isSlided = true;  
  257.         final int delta = (rightLength - itemView.getScrollX());  
  258.         // 調(diào)用startScroll方法來設(shè)置一些滾動(dòng)的參數(shù)，我們在computeScroll()方法中調(diào)用scrollTo來滾動(dòng)item  
  259.         scroller.startScroll(itemView.getScrollX(), 0, delta, 0,  
  260.                 Math.abs(delta));  
  261.         postInvalidate(); // 刷新itemView  
  262.    
  263.     }  
  264.    
  265.     private void scrollBack() {  
  266.         isSlided = false;  
  267.         scroller.startScroll(itemView.getScrollX(), 0, -itemView.getScrollX(),  
  268.                 0, Math.abs(itemView.getScrollX()));  
  269.         postInvalidate(); // 刷新itemView  
  270.     }  
  271.    
  272.     @Override  
  273.     public void computeScroll() {  
  274.         // 調(diào)用startScroll的時(shí)候scroller.computeScrollOffset()返回true，  
  275.         if (scroller.computeScrollOffset()) {  
  276.             // 讓ListView item根據(jù)當(dāng)前的滾動(dòng)偏移量進(jìn)行滾動(dòng)  
  277.             itemView.scrollTo(scroller.getCurrX(), scroller.getCurrY());  
  278.             postInvalidate();  
  279.         }  
  280.     }  
  281.    
  282.     /**  
  283.      * 提供給外部調(diào)用，用以將側(cè)滑出來的滑回去  
  284.      */  
  285.     public void slideBack() {  
  286.         this.scrollBack();  
  287.     }  
  288.    
  289.     public void setSwipeLayout(SwipeRefreshLayout mSwipeLayout) {  
  290.         this.mSwipeLayout = mSwipeLayout;  
  291.     }  
  292. } 
責(zé)任編輯：陳琳 來源： 曉風(fēng)殘?jiān)碌牟┛?/a>
AndroidViewList
相關(guān)推薦

2016-12-26 15:25:59

Android自定義View

2016-11-16 21:55:55

源碼分析自定義view androi

2017-03-02 13:33:19

Android自定義View

2012-05-18 10:52:20

TitaniumAndroid模塊自定義View模塊

2013-05-20 17:33:44

Android游戲開發(fā)自定義View

2013-01-06 10:43:54

Android開發(fā)View特效

2017-03-14 15:09:18

AndroidView圓形進(jìn)度條

2021-10-26 10:07:02

鴻蒙HarmonyOS應(yīng)用

2011-08-02 11:17:13

iOS開發(fā) View

2013-04-01 14:35:10

Android開發(fā)Android自定義x

2017-05-19 10:03:31

AndroidBaseAdapter實(shí)踐

2015-02-12 15:33:43

微信SDK

2010-02-07 14:02:16

Android 界面

2017-05-18 12:36:16

android萬能適配器列表視圖

2013-01-09 17:22:38

Android開發(fā)Camera

2015-02-12 15:38:26

微信SDK

2011-08-18 17:32:55

iPhone開發(fā)Table Cell

2013-05-02 14:08:18

2014-12-10 10:37:45

Android自定義布局

2015-02-11 17:49:35

Android源碼自定義控件
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)