[flutter] getX 함수를 사용하여 화면 위젯에서의 터치 좌표 가져오기
플러터(Flutter)는 다양한 터치 이벤트를 다룰 수 있는 훌륭한 프레임워크입니다. 화면 위젯에서 사용자의 터치 좌표를 알고 싶을 때는 getX
함수를 사용할 수 있습니다.
getX 함수란?
getX
함수는 GestureDetector
또는 RawGestureDetector
위젯과 함께 사용할 수 있는 메서드입니다. GestureDetector
는 일반적인 터치 이벤트를 처리하는 위젯이며, RawGestureDetector
는 좀 더 저수준의 터치 이벤트를 처리하는 위젯입니다.
getX 함수 사용법
- 화면 위젯에
GestureDetector
또는RawGestureDetector
를 추가합니다. GestureDetector
또는RawGestureDetector
의onTapDown
콜백 함수를 정의합니다.- 콜백 함수의 매개변수로
TapDownDetails
를 받습니다. TapDownDetails
의globalPosition
속성을 사용하여 터치 좌표를 가져옵니다.- 가져온 터치 좌표를 사용하여 원하는 작업을 수행합니다.
import 'package:flutter/gestures.dart';
import 'package:flutter/material.dart';
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
return GestureDetector(
onTapDown: (TapDownDetails details) {
// 터치 좌표 가져오기
double x = details.globalPosition.dx;
double y = details.globalPosition.dy;
// 가져온 터치 좌표 사용하기
print('터치 좌표: ($x, $y)');
// 추가적인 작업 수행하기
// ...
},
child: Container(
width: 200,
height: 200,
color: Colors.blue,
),
);
}
}
위의 예제에서는 GestureDetector
를 사용하여 터치 이벤트를 처리하고, 터치 좌표를 onTapDown
콜백 함수에서 가져와서 출력합니다. 원하는 작업을 수행하기 위해서는 추가적인 코드를 작성하면 됩니다.
마무리
상기한 방법을 사용하면 플러터(Flutter)에서 화면 위젯에서의 터치 좌표를 쉽게 가져올 수 있습니다. getX
함수는 매우 유용하며, 여러 가지 터치 이벤트를 다루는 데에 활용할 수 있습니다.
더 자세한 내용은 Flutter 공식 문서를 참조하시기 바랍니다.