UIScrollView之isTracking delaysContentTouches canCancelContentTouches

来源:http://www.cnblogs.com/lurenq/archive/2017/10/28/7748087.html
-Advertisement-
Play Games

UIScrollView有一個BOOL類型的tracking屬性,用來返回用戶是否已經觸及內容並打算開始滾動,我們從這個屬性開始探究UIScrollView的工作原理: 當手指觸摸到UIScrollView內容的一瞬間,會產生下麵的動作: 攔截觸摸事件 tracking屬性變為YES 一個內置的計時 ...


UIScrollView有一個BOOL類型的tracking屬性,用來返回用戶是否已經觸及內容並打算開始滾動,我們從這個屬性開始探究UIScrollView的工作原理:

當手指觸摸到UIScrollView內容的一瞬間,會產生下麵的動作:

  • 攔截觸摸事件
  • tracking屬性變為YES

  • 一個內置的計時器開始生效,用來監控在極短的事件間隔內是否發生了手指移動

    case1:當檢測到時間間隔內手指發生了移動,UIScrollView自己觸發滾動,tracking屬性變為NO,手指觸摸下即使有(可以響應觸摸事件的)內部控制項也不會再響應觸摸事件。

    case2:當檢測到時間間隔內手指沒有移動,tracking屬性保持YES,手指觸摸下如果有(可以響應觸摸事件的)內部控制項,則將觸摸事件傳遞給控制項進行處理。

     

有很多新聞類的App頂部都有一個滑動菜單欄,主要模型可能是由一個UIScrollView包含多個UIButton控制項組成;當你操作的時候,手指如果是很迅速的在上面划過,會發現即使手指觸摸的地方有UIButton,但是並沒有觸發該UIButton的任何觸摸事件,這就是上面提到的case1;當你手指是緩慢划過或根本就沒動,才會觸發UIButton的觸摸事件,這是case2的情況。

上面的工作原理其實有一個屬性開關來控制:delaysContentTouches。預設值為YES;如果設置為NO,則無論手指移動的多麼快,始終都會將觸摸事件傳遞給內部控制項;設置為NO可能會影響到UIScrollView的滾動功能。

再看另一個BOOL類型的屬性canCencelContentTouches,從字面上理解是“可以取消內容觸摸“,預設值為YES。文檔里的解釋是這樣的:

A Boolean value that controls whether touches in the content view always lead to tracking.

If the value of this property is YES and a view in the content has begun tracking a finger touching it, and if the user drags the finger enough to initiate a scroll, the view receives a touchesCancelled:withEvent: message and the scroll view handles the touch as a scroll. If the value of this property is NO, the scroll view does not scroll regardless of finger movement once the content view starts tracking.

翻譯為中文大致如下:

這個BOOL類型的值控制content view里的觸摸是否總能引發跟蹤(tracking)

如果屬性值為YES並且跟蹤到手指正觸摸到一個內容控制項,這時如果用戶拖動手指的距離足夠產生滾動,那麼內容控制項將收到一個touchesCancelled:withEvent:消息,而scroll view將這次觸摸作為滾動來處理。如果值為NO,一旦content view開始跟蹤(tracking==YES),則無論手指是否移動,scrollView都不會滾動。

簡單通俗點說,如果為YES,就會等待用戶下一步動作,如果用戶移動手指到一定距離,就會把這個操作作為滾動來處理並開始滾動,同時發送一個touchesCancelled:withEvent:消息給內容控制項,由控制項自行處理。如果為NO,就不會等待用戶下一步動作,並始終不會觸發scrollView的滾動了。

可以用一段代碼來驗證並觀察一下,定義一個MyScrollView繼承自UIScrollView,一個MyButton繼承自UIButton,然後重寫部分方法:

MyScrollView.m

複製代碼
- (BOOL)touchesShouldCancelInContentView:(UIView *)view
{
    [super touchesShouldCancelInContentView:view];
    
    NSLog(@"touchesShouldCancelInContentView");
    
    return YES;
}

- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesCancelled:touches withEvent:event];

    
    NSLog(@"touchesCancelled");
}
複製代碼

MyButton.m

複製代碼
- (void)touchesCancelled:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesCancelled:touches withEvent:event];
    
    NSLog(@"【Button's touch cancelled】");
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesBegan:touches withEvent:event];
    
    NSLog(@"【Button's touch began】");
}

- (void)touchesMoved:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesMoved:touches withEvent:event];
    
    NSLog(@"【Button's touch moved】");
}

- (void)touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event
{
    [super touchesEnded:touches withEvent:event];

    NSLog(@"【Button's touch ended】");
}
複製代碼

其實就是在各個方法執行時列印出一個標記,當canCencelContentTouches值為YES時,用戶觸摸並移動手指再放開:

【Button's touch began

【Button's touch moved

  ……

【Button's touch moved

touchesShouldCancelInContentView

【Button's touch cancelled

當canCencelContentTouches值為NO時,用戶觸摸並移動手指再放開:

【Button's touch began】

【Button's touch moved】

  ……

【Button's touch moved】

【Button's touch ended】

 參考鏈接:

http://www.jianshu.com/p/9436c9a2cd1e

 http://blog.csdn.net/opentogether/article/details/52223878  
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • 前言 前不久抽空對目前比較火的視頻直播,做了下研究與探索,瞭解其整體實現流程,以及探討移動端HTML5直播可行性方案。 發現目前 WEB 上主流的視頻直播方案有 HLS 和 RTMP,移動 WEB 端目前以 HLS 為主(HLS存在延遲性問題,也可以藉助 video.js 採用RTMP),PC端則以 ...
  • 這裡是記錄一些本人在學習過程中覺得重要的知識點,記錄下來以供日後查看,如有不對歡迎指正,望在前端的路上共勉! 當然,這裡也不僅僅局限於點擊事件,也可以換成setTimeout等也有相同的問題,可以用這兩種方法來解決; ...
  • 為什麼整個互聯網行業都缺前端工程師? 為什麼整個互聯網行業都缺前端工程師? 為什麼整個互聯網行業都缺前端工程師? 前端工程師的缺乏問題幾乎蔓延到整個互聯網行業,從剛起步的創業公司,到上市公司乃至巨頭,這個問題都存在著。沒錯,優秀的前端工程師簡直比大熊貓還稀少。 每天,100offer 的 HR 群都 ...
  • 實現效果: 實現代碼: myScroll.js ...
  • tab面板 ... ...
  • 一:通過margin負值 相容性好,但是必須要定寬高 二:通過margin:auto 以上兩種方法都可以把absolute換成fixed,註意,fixed在ie下不支持 三:行內元素居中 這種方法只能居中行內元素。常用於文字對其居中 四:transform居中 存在css3瀏覽器相容問題 五:fle ...
  • <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> ...
  • 註冊博客園有一年多了,每次都是來找點資料,從來沒有寫過點什麼,促使我開始寫博客的原因主要有兩點 一是在查找資料的過程中,經常需要重覆的查找某個知識點,一個知識點時間長了之後總是忘記,這樣重覆的過程卻是浪費了大量的時間,把東西記下來一方面是方便自己的查詢,一方面加深自己的理解。 二是提高自己的寫作能力 ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...