Flutter 手勢系列教程---Listener

Listener 它是主要的功能是用來監(jiān)聽屏幕觸摸事件，取決于它的子組件區(qū)域范圍，比如按下、移動、抬起、取消等操作時(shí)可以添加監(jiān)聽。

成都創(chuàng)新互聯(lián)公司堅(jiān)信：善待客戶，將會成為終身客戶。我們能堅(jiān)持多年，是因?yàn)槲覀円恢笨芍档眯刨嚒Ｎ覀儚牟缓鲇瞥踉L客戶，我們用心做好本職工作，不忘初心，方得始終。十年網(wǎng)站建設(shè)經(jīng)驗(yàn)成都創(chuàng)新互聯(lián)公司是成都老牌網(wǎng)站營銷服務(wù)商,為您提供網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、網(wǎng)站設(shè)計(jì)、H5高端網(wǎng)站建設(shè)、網(wǎng)站制作、品牌網(wǎng)站建設(shè)、微信小程序定制開發(fā)服務(wù),給眾多知名企業(yè)提供過好品質(zhì)的建站服務(wù)。

我們知道 Flutter 組件只有按鈕才會有事件，那么如果我需要在文字或者某個(gè)容器上添加事件那我就需要借助 Listener

手勢系列視頻教程地址

Listener 常用于當(dāng)手指滑動屏幕時(shí)進(jìn)行隱藏鍵盤或者下拉刷新、上拉加載時(shí)進(jìn)行事件監(jiān)聽。

一般在實(shí)際的開發(fā)過程中我們很少會用到 Listener 來監(jiān)聽手勢，一般都是通過 GestureDetector 來進(jìn)行監(jiān)聽或者使用 MouseRegion 來監(jiān)聽鼠標(biāo)的事件，而 MouseRegion 常用于web開發(fā)中， GestureDetector 常用于app。

我們經(jīng)常使用的回調(diào)函數(shù)主要有三個(gè)

我們這里主要是針對 onPointerDown 、 onPointerMove 、 onPointerUp 進(jìn)行演示，因?yàn)槲覀冊谄綍r(shí)的開發(fā)過程中最常用到的屬性就是這三個(gè)，而且其他的屬性也都被廢棄掉了。

我們這里先點(diǎn)擊橙色容器，在點(diǎn)擊一次紅色容器，他們打印的結(jié)果如下。

PointerEvent 是觸摸、手寫筆、鼠標(biāo)事件的基類。

在上文中，我們知道了什么是 Listener 并寫了一個(gè)簡單的案例，在使用案例的過程中我們的事件里面都帶了一個(gè) event 參數(shù)，而所有的事件最終都是繼承自 PointerEvent ，那我們接下來看看 event 的參數(shù)有什么作用。

PointerEvent 的屬性非常多，但在我們實(shí)際的開發(fā)過程中很少會使用到，只有在特定的情景下才會使用對應(yīng)的屬性。

如需要做一個(gè)全局懸浮的按鈕我們會使用到 position

如需要做繪圖軟件我們需要用到 buttons 、 kind 等

所以大家可以根據(jù)實(shí)際的應(yīng)用場景來使用對應(yīng)的屬性即可，下面是我對 PointerEvent 的屬性進(jìn)行的一個(gè)詳細(xì)描述。

behavior 屬性，它決定子組件如何響應(yīng)命中測試，它的值類型為 HitTestBehavior ，這是一個(gè)枚舉類，有三個(gè)枚舉值

對子組件一個(gè)接一個(gè)的進(jìn)行命中測試，如果子組件中有測試通過的，則當(dāng)前組件通過，這就意味著，如果指針事件作用于子組件上時(shí)，其父級組件也肯定可以收到該事件。

在命中測試時(shí)，將當(dāng)前組件當(dāng)成不透明處理(即使本身是透明的)，最終的效果相當(dāng)于當(dāng)前Widget的整個(gè)區(qū)域都是點(diǎn)擊區(qū)域

點(diǎn)擊組件透明區(qū)域時(shí)，可以對自身邊界內(nèi)及底部可視區(qū)域都進(jìn)行命中測試，這意味著點(diǎn)擊頂部組件透明區(qū)域時(shí)，頂部組件和底部組件都可以接收到事件

我們這里演示每次都是先點(diǎn)擊綠色盒子在點(diǎn)擊文字，以便大家能更好的分辨出這三個(gè)屬性的使用區(qū)別

Listener 是 Flutter 中比較重要的功能性組件，它主要的功能是用來監(jiān)聽屏幕觸摸事件，事件回調(diào)可以獲取對應(yīng)的屬性來個(gè)性化定制app功能。

flutter 下拉選擇的使用

pubspec.yaml中配置該庫

先講一下選擇器適配器的格式如下

上面這個(gè)適配器的寫法看起來比較糟糕，數(shù)據(jù)少還可以一個(gè)一個(gè)的寫下去，一旦多了不可能一個(gè)個(gè)去寫，而是需要將給出的數(shù)據(jù)遍歷生成上面的這種格式

參考下面的數(shù)據(jù)數(shù)據(jù)處理，去生成相對應(yīng)的數(shù)據(jù)適配器

Flutter - 顯示/隱藏控件的幾種方法

實(shí)際效果，不會占位，隱藏時(shí) TestWidget 不會加載，可 else 一個(gè)占位(則會加載占位的組件)

實(shí)際效果，會占位，顯示隱藏TestWidget都會加載

實(shí)際效果，不會占位，顯示隱藏TestWidget都會加載

實(shí)際效果，可選擇是否占位，不占位，隱藏時(shí)TestWidget不會加載，占位，顯示隱藏TestWidget都會加載

Visibility 選擇占位時(shí)，隱藏 TestWidget

新聞名稱：flutter下拉隱藏,flutter 下拉列表
網(wǎng)頁網(wǎng)址：http://chinadenli.net/article26/dsggejg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、靜態(tài)網(wǎng)站、網(wǎng)站制作、網(wǎng)站收錄、App開發(fā)、網(wǎng)站營銷

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)