[android] ConstraintLayout에서의 아이템 회전 및 기울임 설정

안드로이드 앱을 디자인할 때 ConstraintLayout을 사용하면 화면 구성 요소를 효과적으로 배치할 수 있습니다. 또한 ConstraintLayout을 사용하면 화면 요소를 회전하거나 기울일 수 있어 더 다채로운 UI를 구현할 수 있습니다.

아이템 회전하기

아이템을 회전하기 위해서는 app:layout_constraintCircle 속성을 사용하여 아이템을 중심으로 회전할 수 있습니다. 아래의 코드는 ConstraintLayout 내부에 있는 아이템을 중심으로 45도 회전하는 예제입니다.

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/ic_launcher_foreground"
    app:layout_constraintCircle="@+id/guideline"
    app:layout_constraintCircleAngle="45" />

app:layout_constraintCircle은 중심으로 삼을 요소의 ID를 가리키고, app:layout_constraintCircleAngle은 회전 각도를 나타냅니다.

아이템 기울이기

아이템을 기울이기 위해서는 app:layout_constraintVertical_bias 또는 app:layout_constraintHorizontal_bias 속성을 사용하여 아이템을 수직 방향 또는 수평 방향으로 기울일 수 있습니다. 아래의 코드는 ConstraintLayout 내부에 있는 아이템을 수직으로 30% 기울이는 예제입니다.

<ImageView
    android:id="@+id/imageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    app:srcCompat="@drawable/ic_launcher_foreground"
    app:layout_constraintVertical_bias="0.3" />

app:layout_constraintVertical_bias 값은 아이템이 수직 방향으로 얼마나 기울일지를 나타냅니다.

이러한 방법을 사용하여 ConstraintLayout을 통해 다양한 UI 효과를 구현할 수 있습니다.

더 많은 세부적인 내용은 Android Developer 공식 문서를 참조하세요.