[Android][Java] PlusingView 만들기

안녕하세요!

이번 시간에는 PlusingView 띄워 보여주는 기능을 만들어 보겠습니다!

 

먼저 gradle에 라이브러리를 등록해줍니다.

 

build.gradle(Module:프로젝트명:app)
dependencies 괄호 안에 아래 코드를 넣어주세요.

buildscript {
    repositories {
        ....
        mavenCentral()
        ....
    }
}

implementation 'ro.holdone:pulseview:1.0.1'

다음으로 xml 파일입니다.

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:id="@+id/main_layout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp">

<ro.holdone.pulseview.PulsingAnimationView
        android:id="@+id/button_companion"
        android:layout_width="140dp"
        android:layout_height="140dp"
        app:autoplay="true"
        app:baseRadius="32dp"
        app:pulseColor="@color/orange"
        app:strokeWidth="2.0dp"
        app:waveDistance="10dp" />

</RelativeLayout>

다음은 변수 설정값 입니다.

• autoplay - 기본값은 거짓, 레이아웃이 로드되면 애니메이션이 자동으로 재생됩니다.
• baseRadius - 가장 안쪽 원 크기입니다. 이 크기부터 파도가 확장되어 나갑니다.
• pulseColor - 그리는데 사용되는 색상
• strokeWidth - 그려진 원의 두께
• waveDistance - 두 원 사이의 거리