2. 程式人生 > >Android雙向側邊滑動實現

Android雙向側邊滑動實現

阿新 • • 發佈：2019-02-07

Android雙向滑動實現

記得在很早之前，我寫了一篇關於Android滑動選單的文章，其中有一個朋友在評論中留言，希望我可以幫他將這個滑動選單改成雙向滑動的方式。當時也沒想花太多時間，簡單修改了一下就發給了他，結果沒想到後來卻有一大批的朋友都來問我要這份雙向滑動選單的程式碼。由於這份程式碼寫得很不用心，我發了部分朋友之後實在不忍心繼續發下去了，於是決定專門寫一篇文章來介紹更好的Android雙向滑動選單的實現方法。

在開始動手之前先來講一下實現原理，在一個Activity的佈局中需要有三部分，一個是左側選單的佈局，一個是右側選單的佈局，一個是內容佈局。左側選單居螢幕左邊緣對齊，右側選單居螢幕右邊緣對齊，然後內容佈局佔滿整個螢幕，並壓在了左側選單和右側選單的上面。當用戶手指向右滑動時，將右側選單隱藏，左側選單顯示，然後通過偏移內容佈局的位置，就可以讓左側選單展現出來。同樣的道理，當用戶手指向左滑動時，將左側選單隱藏，右側選單顯示，也是通過偏移內容佈局的位置，就可以讓右側選單展現出來。原理示意圖所下所示：

                              

介紹完了原理，我們就開始動手實現吧。新建一個Android專案，專案名就叫做BidirSlidingLayout。然後新建我們最主要的BidirSlidingLayout類，這個類就是實現雙向滑動選單功能的核心類，程式碼如下所示：

  1. publicclass BidirSlidingLayout extends RelativeLayout implements OnTouchListener {  
  2.     /** 
  3.      * 滾動顯示和隱藏左側佈局時，手指滑動需要達到的速度。 
  4.      */
  5.     publicstaticfinalint SNAP_VELOCITY = 200;  
  6.     /** 
  7.      * 滑動狀態的一種，表示未進行任何滑動。 
  8.      */
  9.     publicstaticfinalint DO_NOTHING = 0;  
  10.     /** 
  11.      * 滑動狀態的一種，表示正在滑出左側選單。 
  12.      */
  13.     publicstaticfinalint SHOW_LEFT_MENU = 1;  
  14.     /** 
  15.      * 滑動狀態的一種，表示正在滑出右側選單。 
  16.      */
  17.     publicstaticfinalint
     SHOW_RIGHT_MENU = 2;  
  18.     /** 
  19.      * 滑動狀態的一種，表示正在隱藏左側選單。 
  20.      */
  21.     publicstaticfinalint HIDE_LEFT_MENU = 3;  
  22.     /** 
  23.      * 滑動狀態的一種，表示正在隱藏右側選單。 
  24.      */
  25.     publicstaticfinalint HIDE_RIGHT_MENU = 4;  
  26.     /** 
  27.      * 記錄當前的滑動狀態 
  28.      */
  29.     privateint slideState;  
  30.     /** 
  31.      * 螢幕寬度值。 
  32.      */
  33.     privateint screenWidth;  
  34.     /** 
  35.      * 在被判定為滾動之前使用者手指可以移動的最大值。 
  36.      */
  37.     privateint touchSlop;  
  38.     /** 
  39.      * 記錄手指按下時的橫座標。 
  40.      */
  41.     privatefloat xDown;  
  42.     /** 
  43.      * 記錄手指按下時的縱座標。 
  44.      */
  45.     privatefloat yDown;  
  46.     /** 
  47.      * 記錄手指移動時的橫座標。 
  48.      */
  49.     privatefloat xMove;  
  50.     /** 
  51.      * 記錄手指移動時的縱座標。 
  52.      */
  53.     privatefloat yMove;  
  54.     /** 
  55.      * 記錄手機擡起時的橫座標。 
  56.      */
  57.     privatefloat xUp;  
  58.     /** 
  59.      * 左側選單當前是顯示還是隱藏。只有完全顯示或隱藏時才會更改此值，滑動過程中此值無效。 
  60.      */
  61.     privateboolean isLeftMenuVisible;  
  62.     /** 
  63.      * 右側選單當前是顯示還是隱藏。只有完全顯示或隱藏時才會更改此值，滑動過程中此值無效。 
  64.      */
  65.     privateboolean isRightMenuVisible;  
  66.     /** 
  67.      * 是否正在滑動。 
  68.      */
  69.     privateboolean isSliding;  
  70.     /** 
  71.      * 左側選單佈局物件。 
  72.      */
  73.     private View leftMenuLayout;  
  74.     /** 
  75.      * 右側選單佈局物件。 
  76.      */
  77.     private View rightMenuLayout;  
  78.     /** 
  79.      * 內容佈局物件。 
  80.      */
  81.     private View contentLayout;  
  82.     /** 
  83.      * 用於監聽滑動事件的View。 
  84.      */
  85.     private View mBindView;  
  86.     /** 
  87.      * 左側選單佈局的引數。 
  88.      */
  89.     private MarginLayoutParams leftMenuLayoutParams;  
  90.     /** 
  91.      * 右側選單佈局的引數。 
  92.      */
  93.     private MarginLayoutParams rightMenuLayoutParams;  
  94.     /** 
  95.      * 內容佈局的引數。 
  96.      */
  97.     private RelativeLayout.LayoutParams contentLayoutParams;  
  98.     /** 
  99.      * 用於計算手指滑動的速度。 
  100.      */
  101.     private VelocityTracker mVelocityTracker;  
  102.     /** 
  103.      * 重寫BidirSlidingLayout的建構函式，其中獲取了螢幕的寬度和touchSlop的值。 
  104.      *  
  105.      * @param context 

  106. 相關推薦

    Android雙向側邊滑動實現

    Android雙向滑動實現 記得在很早之前，我寫了一篇關於Android滑動選單的文章，其中有一個朋友在評論中留言，希望我可以幫他將這個滑動選單改成雙向滑動的方式。當時也沒想花太多時間，簡單修改了一下就發給了他，結果沒想到後來卻有一大批的朋友都來問我要這份雙

    android DrawerLayout 側邊欄實現

    現在實現側邊欄比較簡單了，官方提供的DrawerLayout可以很方便實現。 主要實現方法是:用DrawerLayout 作為介面根控制元件。在DrawerLayout裡面第一個View為當前介面主內容；第二個和第三個View為抽屜選單內容。如果當前介面只需要

    Android ListView 側滑效果實現(滑動展開、滑動刪除)

    轉載請註明出處：http://blog.csdn.net/lonelyroamer/article/details/42439875 專案需要ListView滑動刪除的效果，首先肯定是拿來主義，在網上搜了一遍，發現這樣的東西真不少，比較有名的Github上的SwipeLi

    Android學習之基於DrawerLayout的側邊欄實現

    本例，是基於AndroidStudio開發，用到v7包下DrawerLayout，Toolbar，和android.support.design下的NavigationView，需要在gradle中配置 compile 'com.android.support:appco

    JS側邊欄實現

    1 <!DOCTYPE html> 2 <html lang="en"> 3 <style> 4 </style> 5 <head> 6 <meta charset="UTF-8"> 7 <title&g

    android 新增側邊選單欄

    側滑欄的新增： 什麼是側滑欄？大家應該很清楚就類似QQ,開啟主介面從手機最左側向右一劃就會出來側滑，以下圖為例向大家簡單介紹側滑欄的使用：              1.佈局裡的側滑控制元件：切記將側換控制元件NavigationView放在DrawerLayout中

    安卓基於DrawerLayout實現側邊欄實現

    效果圖： 側邊欄在大多數app中都存在的， mDrawer_layout.setDrawerLockMode(DrawerLayout.LOCK_MODE_LOCKED_CLOSED); //關閉手勢滑動 mDrawer_layout.setDrawerLockMode(Dra

    html5手機端的點選彈出側邊滑動選單程式碼

    1 <!doctype html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="

    Android雙向表格可滑動可雙向適配

    專案需要做這種可滑動的表格，其實我覺得這些線圖更好，沒辦法，領導要求； 我的技術水平還沒法讓我徒手寫一個這樣複雜的控制元件，我在網上找了一個（原文找不到了，這裡就不貼連結了），但是不太完美：第一，表頭只有一個TextView，不能顯示那種分割的表頭；第二：資料只能縱向適配，

    android自定義View之仿通訊錄側邊欄滑動，實現A-Z字母檢索

    我們的手機通訊錄一般都有這樣的效果，如下圖： OK，這種效果大家都見得多了，基本上所有的android手機通訊錄都有這樣的效果。那我們今天就來看看這個效果該怎麼實現。 一.概述 1.頁面功能分析 整體上來說，左邊是一個ListView，右邊是一個自定義View，但

    Android 雙向左右滑動側邊欄效果

    轉自：http://blog.csdn.net/ljx19900116 記得在很早之前，我寫了一篇關於Android滑動選單的文章，其中有一個朋友在評論中留言，希望我可以幫他將這個滑動選單改成雙向滑動的方式。當時也沒想花太多時間，簡單修改了一下就發給了他，結果沒

    微信小程式之側邊欄滑動實現（附完整原始碼）

    目錄 一、效果圖 二、原理解析 三、原始碼 四、專案下載 同類文章推薦： 更多幹貨關注公眾號： 一、效果圖 講什麼都不如直接上效果圖好，所以我們先來看下實現效果如何。 通過滑動螢幕，或者點選左上角的圖示按鈕，都能實現側邊欄的劃出效果。   &nb

    使用Android DrawLayout實現側邊欄功能

        “千呼萬喚始出來，猶抱琵琶半遮面”，白居易的《琵琶行》中，兩句話將琵琶女的難言之痛與羞澀情態描寫的逼真生動，一個抱著琵琶的女子呼之欲出，她的羞澀之美令人久久難以忘懷。     生活中有含蓄之美，程式設計也不能將所有的功能一下子全部展示給使用者，當然這也無法實現。這個

    快速整合android實現listview的字母A-Z排序,介面側邊字母索引

    public abstract class MyExpandAdapter implements ExpandableListAdapter{ //用抽象方法把下拉子選單的不用的方法集中在這裡,方便觀看 //抽象出介面,回撥方法,用方法繼承就可以定義子選單 @Override

    Android滑動選單特效實現，側滑選單實現

    人人客戶端有一個特效還是挺吸引人的，在主介面手指向右滑動，就可以將選單展示出來，而主介面會被隱藏大部分，但是仍有左側的一小部分同選單一起展示。 據說人人客戶端的這個特效是從facebook客戶端模仿來的，至於facebook是不是又從其它地方模仿來的就不得而知了。好，今天我們就一起來實現這個效果，總之我

    Android雙向滑動選單 實現雙向滑動特效

    如果您認為本部落格不錯，讀後覺得有收穫，不妨打賞讚助我一下，讓我有動力繼續寫出高質量的部落格。 贈人玫瑰，手有餘香。分享技術，傳遞快樂。 有心課堂，傳遞的不僅僅是技術！ QQ交流群：250468947 有心課堂會員，請加入VIP QQ交流

    android介面設計（二）側邊欄的兩種實現方式

    dome：https://github.com/linliangliang/sidebar 一、使用sideingMenu結合fragment實現。 二、使用NavigationView和DrawerLayout實現。 第一種實現方式：https://mp.csdn.net/posted

    android介面設計（一）側邊欄的兩種實現方式

    dome：https://github.com/linliangliang/sidebar 一、使用slideingMenu結合fragment實現。 二、使用Navigation和DrawerLayout實現。 第二種實現方式：https://mp.csdn.net/postedit/

    Android學習筆記（四）之碎片化Fragment實現仿人人客戶端的側邊欄

        其實一種好的UI佈局，可以使使用者感到更加的親切與方便。最近非常流行的莫過於側邊欄了，其實我也做過很多側邊欄的應用，但是那些側邊欄的使用我都不是很滿意，現在重新整理，重新寫了一個相對來說我比較滿意的側邊欄，其中運用的就是android3.0版本之後新加的Fragme

    Android雙向滑動選單完全解析，教你如何一分鐘實現雙向滑動特效

    記得在很早之前，我寫了一篇關於Android滑動選單的文章，其中有一個朋友在評論中留言，希望我可以幫他將這個滑動選單改成雙向滑動的方式。當時也沒想花太多時間，簡單修改了一下就發給了他，結果沒想到後來卻有一大批的朋友都來問我要這份雙向滑動選單的程式碼。由於這份程式碼寫得很不用心