Android Jetpack Compose UI/Compose Canvas

이번 글에서 다룰 내용 이번 글에서는 drawArc 사용법에 대해 다룬다. Arc는 호라는 뜻이고, drawArc를 사용하면 부채꼴과 혹은 호와 현을 합친 도형을 그릴 수 있다. 예를 들어 아래와 같은 부채꼴 모양을 그리거나 혹은 아래와 같은 호와 현이 합쳐진 모양을 그릴 수도 있다. 이런 모양들은 시계, 체중계, 등 진행도가 필요한 곳에 자주 사용된다. 자 이제 drawArc 사용법에 대해 알아보도록 하자. drawArc 함수 알아보기 drawArc는 color, startAngle, sweepAngle, useCenter, topLeft, size, alpha, style, colorFilter, blendMode의 파라미터를 가지며, 이 중 drawArc에서 모양을 만들기 위해 사용되는 파라미터는 ..
이번 글에서 다룰 내용 이번 글에서는 drawOval 사용법에 대해 다룬다. Oval은 타원이라는 뜻이고, 가로의 길이와 세로의 길이가 다를 수 있는 원이다. drawOval 또한 Color을 사용하는 drawOval 함수와 Brush를 사용하는 drawOval이 있는데, Brush 사용법은 이전 글 drawRect에서 다룬 것과 동일하므로 Color을 사용하는 drawCircle만 다루도록 한다. drawOval 함수 살펴보기 drawOval은 color, topLeft, size, alpha, style, colorFilter, blendMode를 파라미터로 받는다. *alpha, style, colorFilter, blendMode는 이전 글에서 다룬 drawRect와 동일하므로 설명을 생략한다...
이번 글에서 다룰 내용 이번 글에서는 drawCircle 사용법에 대해 다룬다. drawCircle 또한 Color을 사용하는 drawCircle 함수와 Brush를 사용하는 drawCircle이 있는데, Brush 사용법은 이전 글 drawRect에서 다룬 것과 동일하므로 Color을 사용하는 drawCircle만 다루도록 한다. drawCircle 함수 살펴보기 drawCircle은 color, radius, center, alpha, style, colorFilter, blendMode를 파라미터로 받는다. fun drawCircle( color: Color, radius: Float = size.minDimension / 2.0f, center: Offset = this.center, /*@Flo..
이번 글에서 다룰 내용 drawRect를 사용하면 직사각형만을 만들 수 있다. 라운드 처리는 안드로이드 UI에서 매우 중요한 요소이므로, Canvas에서는 라운딩 처리된 사각형을 만드는 drawRoundRect 함수를 제공한다. 이번 글에서는 이에 대해 알아보도록 한다. drawRoundRect 함수 살펴보기 fun drawRoundRect( color: Color, topLeft: Offset = Offset.Zero, size: Size = this.size.offsetSize(topLeft), cornerRadius: CornerRadius = CornerRadius.Zero, style: DrawStyle = Fill, /*@FloatRange(from = 0.0, to = 1.0)*/ alph..
이번 글에서 다룰 내용 이번 글에서는 Canvas의 drawRect를 사용해 사각형을 그리는 방법에 대해 깊게 다룬다. 두가지 함수가 지원되는 drawRect와 drawRect의 각 파라미터가 어떤 역할을 하는지 알아본다. Color 객체를 사용하는 drawRect함수 먼저 Color 객체를 사용하는 drawRect함수부터 살펴본다. fun drawRect( color: Color, topLeft: Offset = Offset.Zero, size: Size = this.size.offsetSize(topLeft), /*@FloatRange(from = 0.0, to = 1.0)*/ alpha: Float = 1.0f, style: DrawStyle = Fill, colorFilter: ColorFilte..
Dev.Cho
'Android Jetpack Compose UI/Compose Canvas' 카테고리의 글 목록 (2 Page)