분류 전체보기

rotateRad 사용해 Canvas 회전시키기 Canvas에서 특정 도형을 회전시키기 위해서는 rotateRad 함수를 사용하면 된다. inline fun DrawScope.rotateRad( radians: Float, pivot: Offset = center, block: DrawScope.() -> Unit ) { withTransform({ rotate(degrees(radians), pivot) }, block) } rotateRad는 인자로 radians를 받아 회전 각도를 결정하며 pivot은 회전 중심점이다. block에는 회전 시킬 도형이나 텍스트를 넣으면 된다. 자 각각에 대해 알아보자. radians: 회전 시킬 각도를 결정 일반적으로 우리는 '도'라 불리는 단위로 회전 각도를 결정..

직선의 구성 직선은 시작점과 끝점 그리고 선의 굵기로 이루어진다. Compose의 Canvas에서도 같은 방식으로 직선이 그려진다. 자 어떻게 Canvas에서 직선을 그릴 수 있는지 살펴보도록 하자. drawLine 함수 Canvas에서는 drawLine 함수를 사용해 직선을 그릴 수 있다. fun drawLine( color: Color, start: Offset, end: Offset, strokeWidth: Float = Stroke.HairlineWidth, cap: StrokeCap = Stroke.DefaultCap, pathEffect: PathEffect? = null, /*FloatRange(from = 0.0, to = 1.0)*/ alpha: Float = 1.0f, colorFilt..

이번 글에서 다룰 내용 이번 글에서는 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..