Flutter InkWell 手勢元件各種用法

2022-10-10 13:18:14 字數 2042 閱讀 6742

需要安裝flutter的開發環境:大家可以去看看之前的教程:

1 win系統flutter開發環境安裝教程:

2 mac系統flutter開發環境安裝教程:

效果圖:

這裡主要用到了inkwell的四個屬性

ontap      單擊事件

ondoubletap 雙擊事件

onlongpress 長按事件

ontapcancel 點選取消

具體用法

我們呼叫了inkwell 元件裡面 ontap ondoubletap onlongpress ontapcancel四個方法分別列印輸出日誌我們在控制台看到有對應的日誌輸出 單擊事件 雙擊事件 長按事件 點選取消

通常我們的listview在載入資料並且顯示item布局返回的是乙個widget 並不是所有的widget都有點選事件的方法,這個時候我我們就需要在item的布局最外層·巢狀inkwell來實現一些列手勢操作.

import 'package:flutter/material.dart';

import 'toast_util.dart';

class listviewinkwell extends statefulwidget ) : super(key: key);

@override

_listviewinkwellstate createstate()

}class _listviewinkwellstate extends state

@override

void dispose()

@override

widget build(buildcontext context) ),

);} widget itemwidget(int index));

},ondoubletap: ());

},onlongpress: ());

},ontapcancel: ());

},);

}}

我們可以看到在listview裡面我們返回了乙個container 盒子裡面裝載乙個text元件載入了20條資料 當我們在container 最外層巢狀inkwell 的時候我們 呼叫 ontap ondoubletap onlongpress ontapcancel 這四個方法就可以對listview的item做一系列的操作了 我們看到效果圖裡面有對應的 toast提示

import 'package:toast/toast.dart';

/** *

* 建立人:xuqing

* 類說明:toast工具類

* */

class toastutil

}

UIGestureRecognizer手勢識別

uigesturerecognizer 繼承於 nsobject 共有七種手勢 即 1.uipinchgesturerecognizer 捏合手勢 2.uitapgesturerecognizer 輕拍手勢 3.uirotationgesturerecognizer 旋轉手勢 4.uiswipege...

apache tomcat jk php配置手冊

apache tomcat jk php配置手冊 一.前言 因為業務需要,必須將apache與tomcat進行整合,網上有很多文章談到這個配置過程,但有的版本雜亂,有的語焉不詳。本文是以親身實踐為基礎寫的一篇配置手冊。二.軟硬體環境 1 平台 windows 2k xp 2003 2 軟體包 j2s...

man rpcbind rpcbind中文手冊

本人譯作集合 rpcbind 8 bsd system manager s manual rpcbind 8 name rpcbind 通用位址和rcp程式號碼 rpc program number 之間的對映器 synopsis rpcbind adhills description rpcbin...