Flutter GestureDetector Widgeti Kullanımı

Herkese merhaba, Flutter yazılarımıza kaldığımız yerden devam ediyoruz. Bu yazımızda GestureDetector widgetini ve kullanımını anlatacağım. Hadi başlayalım !

Kullanımı

Flutter’da GestureDetector widgeti, kullanıcının dokunma işlemlerini algılayan ve bunlara yanıt veren bir yapıdır. Bu widget, tıklama, çift tıklama, dokunma, dokunma ve hareket, uzun basma gibi farklı dokunma işlemlerini algılayabilir.

Özellikleri

GestureDetector widgeti, aşağıdaki özelliklere sahiptir:

• onTap: Widget’e tıklandığında tetiklenir.
• onDoubleTap: Widget’e çift tıklandığında tetiklenir.
• onLongPress: Widget’e uzun basıldığında tetiklenir.
• onVerticalDragDown: Widget’e dikey olarak dokunulduğunda tetiklenir.
• onVerticalDragEnd: Dikey hareketin sonunda tetiklenir.
• onHorizontalDragDown: Widget’e yatay olarak dokunulduğunda tetiklenir.
• onHorizontalDragEnd: Yatay hareketin sonunda tetiklenir.
• onScaleUpdate: İki parmağın hareketi sırasında tetiklenir.

Örnek Kod

Aşağıda, bir GestureDetector örneği ile birkaç dokunma işlemi nasıl yakalanacağını gösteren bir kod örneği verilmiştir:

import 'package:flutter/material.dart';

class MyGestureDetector extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        print('Widget tıklandı!');
      },
      onDoubleTap: () {
        print('Widget çift tıklandı!');
      },
      onLongPress: () {
        print('Widget uzun basıldı!');
      },
      onVerticalDragDown: (details) {
        print('Dikey dokunma başladı!');
      },
      onVerticalDragEnd: (details) {
        print('Dikey dokunma bitti!');
      },
      onHorizontalDragDown: (details) {
        print('Yatay dokunma başladı!');
      },
      onHorizontalDragEnd: (details) {
        print('Yatay dokunma bitti!');
      },
      onScaleUpdate: (details) {
        print('İki parmak hareket ediyor!');
      },
      child: Container(
        width: 200,
        height: 200,
        color: Colors.blue,
      ),
    );
  }
}

Bu örnekte, onTap, onDoubleTap, onLongPress, onVerticalDragDown, onVerticalDragEnd, onHorizontalDragDown, onHorizontalDragEnd ve onScaleUpdate olaylarına sahip bir GestureDetector öğesi oluşturduk. Bu özellikler, kullanıcının tıklama, çift tıklama, uzun basma, dikey veya yatay hareket ve iki parmak hareketi gibi farklı dokunma işlemlerini yakalar.

Sonuç

GestureDetector widgeti, çok yönlü bir yapı olduğu için, farklı uygulamalarda kullanılabilir. Örneğin, bir oyun uygulamasında, kullanıcının el hareketlerine yanıt vermek için kullanılabilir. Ayrıca, kullanıcının bir öğe üzerinde tıklandığında veya çift tıkladığında bir işlem yapmak için de kullanılabilir.

Evet GestureDetector widgeti ve kullanımı bu şekilde olmakta. Tüm Flutter yazılarımıza buraya tıklayarak ulaşabilirsiniz. Herkese hayırlı günler.