Notepad

Android

[Android/Kotlin] Floating Button Animation

1. 요약 이번 글에서는 Floting Button Animation을 구현하는 방법에 관하여 알아본다. 구성은 4개의 Floating Button을 사용하며, 처음에는 1개의 Floating Button만이 보이며 이를 Click 하였을 때 숨겨져 있던 나머지 3개의 Floating Button이 나타나 사용할 수 있도록 하였다. 이때, Floating Button은 이동하는 Animation 뿐만 아니라 실제로 숨겨져 있는 Floating Button이 이동(Translation)되어야만 사용이 가능하므로 ObjectAnimator를 사용하였다. 2. 레이아웃 2-1. activity_main.xml 메인 레이아웃으로서 Floating Button 4개를 사용하여 구성하였다. Layout으로는 Rel..

Android/TIP

[Android/Kotlin/Tip] Floating Button Style Custom

1. 설명 이번 글에서는 Floating Button의 Style을 Custom 하여 다양한 형태의 Floating Button을 디자인하는 방법에 관하여 기술한다. 해당 예시에서는 기존 Floating Button은 타원 형태였다면 사각형 형태이거나, 텍스트를 포함하는 Floating Button와 같이 다른 형태의 스타일로 구성하였다. activity_main.xml 4개의 Floating Button을 각각 다른 스타일을 적용하여 레이아웃을 구성하였다. ● Num 1 backgroundTint : Floating Button Background Color 지정 src : 이미지 지정 borderWidth : border. 테두리의 width(두께)를 지정 shapeAppearanceOverlay: ..