iT邦幫忙

2021 iThome 鐵人賽

DAY 16
0

原始指標事件Pointer Event
(一) 介紹
指完成一次觸控的完整事件(手指按下、移動、抬起),表示螢幕上觸控行為觸發的位移行為。事件會從最內層的元件開始,沿著元件樹向根節點冒泡分發

(二)基本用法
onPointerDown:手指按下。
onPointerMove:手指移動。
onPointerUp:手指抬起。
onPointerCancel:取消觸控事件。

(三)範例
程式碼
https://ithelp.ithome.com.tw/upload/images/20210928/201405240rRvkIdboO.png
執行畫面
https://ithelp.ithome.com.tw/upload/images/20210928/20140524yz3bq4LtOo.png
點選滑鼠會顯示Down,移開滑鼠會顯示Up,移動滑鼠會顯示Move
https://ithelp.ithome.com.tw/upload/images/20210928/20140524CiyM9Zjydu.png

忽略事件
(一)介紹
當不需回應PointerEvent時可以使用。
•IgnorePointer:本身和子節點都忽略點擊事件。
•AbsorbPointer:本身可以接收點擊事件,但不會把事件傳遞給子事件。

(二)範例
程式碼
https://ithelp.ithome.com.tw/upload/images/20210928/20140524Fs68nnMKgG.png
執行畫面
https://ithelp.ithome.com.tw/upload/images/20210928/20140524n9clxdz0c1.png

今天先介紹到這邊,明天將會介紹手勢識別,敬請期待。

參考資料
橫跨Android及Apple的神話:用Dart語言神啟Flutter大業4.1節
https://iter01.com/592577.html
https://iter01.com/508678.html
https://openhome.cc/Gossip/Flutter/RawPointerEvents.html
https://www.cnblogs.com/FdWzy/p/13501429.html


上一篇
Day 15狀態管理
下一篇
Day 17手勢識別GestureDectector
系列文
一起學Flutter,和我變Better!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言