머티리얼 디자인의 부동 버튼 놓기

그냥 플로팅 버튼을 설치하기위한 기사로, 자신의 블로그에서 당겨 온 것입니다.
htps // 왓 ly-gm. 하테나 bぉg. 코m/엔트리/2020/06/04/001624

원래 머티리얼 디자인이란 느낌이었지만, Android 개발하기 쉽도록 Google에서 나오는 공식 라이브러리로, 이것을 사용하면 애니메이션이나 화면을 만드는 것이 편해진다고 하는 사람입니다.

Android Developer의 공식보다 github이 정보를 쉽게 찾을 수있었습니다.
htps : // 기주 b. 코 m / 마테리아 l - 코 m 포넨 ts / 마테리아 l - 코 m 포넨 ts - 안 d 로이 d / b ぉ b / 마스 r / 두 cs / 껌 d. md

1. 머티리얼 디자인 라이브러리 추가

먼저 머티리얼 디자인 라이브러리를 모듈의 build.gradle에 추가합니다.

build.gradle

dependencies {
    // ...
    implementation 'com.google.android.material:material:<version>'
    // ...
  }

버전은 github의 릴리스에서 볼 수 있습니다. 2020 년 6 월 3 일 현재 1.2.0-beta01가 최신입니다.
htps : // 기주 b. 코 m / 마테리아 l - 코 m 포넨 ts / 마테리아 l - 코 m 포넨 ts - 안 d 로이 d / 레 에세 s

2. 버튼에 표시할 아이콘을 import

자신이 좋아하는 아이콘을 가져 와도 괜찮습니다.

Project의 디렉토리 트리 (안드로이드 스튜디오의 왼쪽에 w)를 마우스 오른쪽 버튼으로 클릭하고 New => Vector Asset


이런 화면이 나옵니다.


클립 아트의 오른쪽에있는 버튼을 클릭하여 원하는 아이콘을 선택할 수 있습니다.
! 아이콘 선택
나머지는 아이콘을 선택하여 크기와 색상, 투명도를 설정하고 Next => import 위치를 설정하여 Finish입니다.
가져 오기 대상은 기본 Vector Asset이며 이번에는 진행됩니다.

3. FloatingButton 설치

설치할 레이아웃 파일에 xml을 작성하십시오.

 <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end|bottom"
            android:layout_margin="16dp"
            android:contentDescription="@string/fab_content_desc"
            app:srcCompat="@drawable/ic_home" />

위는 최소한의 설명입니다. 색상을 바꾸거나 Ripple을 켜고 싶습니다.
htps // 마테리아 l. 이오 / 데 ゔ ぉ p / 안 d 로이 d / 코 m 포넨 ts / f ぉ 아 칭 g 아 c 치 온 - 부톤 /

배경색과 리플을 붙여 보았습니다.

 <com.google.android.material.floatingactionbutton.FloatingActionButton
            android:id="@+id/fab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="end|bottom"
            android:layout_margin="16dp"
            android:contentDescription="@string/fab_content_desc"
            app:srcCompat="@drawable/ic_home"
            app:backgroundTint="@color/colorPrimary"
            app:rippleColor="@color/primaryLight" />

이런 느낌이 듭니다


소스 코드는 여기에서 찾을 수 있습니다.
앞으로도 공부를 위해 다양한 구현 및 업데이트를 계속하겠습니다.
[ htps : // 기주 b. 코 m / 왓 리 네기마 / 안 d 로이 d_p 등 c 치세 : 에 m 베 d : ]