Class Rect 좌표가 주어진 원점을 기준으로 불변의 2D 축으로 정렬하여 표기하는 직사각형을 그리는 클래스이다. Rect는 생성자 중 하나를 사용하거나 & 연산자를 사용하여 Offset 및 Size에서 생성한다. 라고 정의 되어 있지만 간다하게 그냥 직사각형을 그리는 클래스라고 생각하면 된다. 아래와 같이 클래스가 정의 되어 있고 오늘은 간단한 사용 방법에 대해 알아보쟈 더보기 class Rect { const Rect.fromLTRB(this.left, this.top, this.right, this.bottom); const Rect.fromLTWH(double left, double top, double width, double height) : this.fromLTRB(left, top, l..

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..