Flutter에는 그림의 특성등을 지정하는 Paint, 그림을 그리는 동작이 기록되는 Canvas, 앞의 두 class 를 담아내는 CustomPainter 와 상위 위젯 CustomPaint 가 있다. paint, canvas, foregroundPainter, customPainter 순으로 stack 처럼 쌓아올리며 그려지며 나중에 그려지는 위젯이 제일 위에 위치한다 페인팅하라는 요청을 받으면 CustomPaint는 먼저 페인터에게 현재 캔버스에 페인팅하도록 요청한 다음 자식을 칠하고 자식을 그린 후 foregroundPainter 에 페인팅을 요청한다. 캔버스의 좌표계는 CustomPaint 객체 의 좌표계와 일치한다 . CustomPainter 를 상속받는 class에 하기와 같이 구현하면 pa..

flutter의 elevatedButton을 꾸미는 스타일을 보면 overlayColor라는 효과가 있다. ' /// The highlight color that's typically used to indicate that /// the button is focused, hovered, or pressed. final MaterialStateProperty? overlayColor; 위와 같이 색상을 입력하면 됩니다 라는 식의 설명이 쓰여있다. 그렇다면 어떻게 이걸 잘 이용해서 다양한 효과를 줄 수 있을까? MaterialState ElevatedButton( onPressed: () {}, style: ButtonStyle( overlayColor: MaterialStateProperty.resolve..

InlineSpan은 Flutter에서 텍스트의 일부분을 다른 텍스트와 함께 인라인(같은 줄에)으로 표시할 때 사용되는 추상 클래스이다. 이 클래스는 텍스트의 일부분에 대한 스타일, 구조, 레이아웃 등을 정의할 수 있게 해주며, 여러 가지 구체적인 클래스들이 이를 상속받아 다양한 용도로 사용된다. TextSpan과 WidgetSpan은 InlineSpan을 상속받는 가장 대표적인 두 가지 클래스인데, 이것들이 지금 html 을 flutter 로 변환 하는 과정에서 문제가 생기고 있다. 두개의 차이가 뭔지 일단 알아보고 수정해야 할 근본적인 원인을 찾는 것을 확실하게 해야겠다. 사용 방법 InlineSpan을 사용하는 가장 일반적인 방법은 RichText 위젯을 사용하는 것이다. RichText는 text..

flutter에서는 제스처를 감지하기 위해 onPressed, onTab을 직접 위젯에 넣는 대신에 GestureDetector 위젯을 이용해서 훨씬 더 많은 범위의 위젯을 감지할 수 있다. GestureDetector 는 플러터에서 지원하는 모든 제스처를 구현할 수 있는 위젯이라고 할 수 있다. 자주 사용 하는 것들은 아래와 같다. onTap : 한번 탭했을 때 onDoubleTap : 연속으로 두번 탭했을 때 onLongPress : 길게 누를 때 onScale : 확대하기를 했을때 onVerticalDragStart : 수직드래그가 시작됐을 때 onVerticalDragEnd : 수직 드래그가 끝났을때 onHorizontalDragStart : 수평 드래그가 시작됐을때 onHorizontalDrag..