Hello, 나나's world !
Android Wave효과 넣기 WaveView 본문
1. build.gradle에 추가해준다.
implementation 'com.scwang.wave:MultiWaveHeader:1.0.0-alpha-1'
2. .xml 리소스파일
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/activity_main_menu"
>
<com.scwang.wave.MultiWaveHeader
android:layout_width="match_parent"
android:layout_height="100dp"
app:layout_constraintTop_toTopOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:id="@+id/wave_header"/>
<com.scwang.wave.MultiWaveHeader
android:layout_width="match_parent"
android:layout_height="100dp"
android:id="@+id/wave_footer"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintRight_toRightOf="parent"
android:scaleY="-1"
/>
</androidx.constraintlayout.widget.ConstraintLayout>
3. .java 파일
//웨이브 이펙트
MultiWaveHeader waveHeader, waveFooter;
waveHeader = findViewById(R.id.wave_header);
waveFooter = findViewById(R.id.wave_footer);
waveHeader.setVelocity(10);
waveHeader.setProgress(1);
waveHeader.isRunning();
waveHeader.setGradientAngle(45);
waveHeader.setWaveHeight(40);
waveHeader.setStartColor(Color.rgb(250, 67, 67));
waveHeader.setCloseColor(Color.rgb(83, 122, 230));
waveFooter.setVelocity(10);
waveFooter.setProgress(1);
waveFooter.isRunning();
waveFooter.setGradientAngle(45);
waveFooter.setWaveHeight(40);
waveFooter.setStartColor(Color.rgb(250, 80, 148));
waveFooter.setCloseColor(Color.rgb(241, 250, 67));
각도, 색상, 높이, 빠르기 등 다양하게 커스텀할 수 있다.
<개발환경>
java version "1.8.0_271"
android API 10.0 (Q)
android studio "4.0.1"
<참고>
www.youtube.com/watch?v=rG-3f3lwafk
'💚 Android' 카테고리의 다른 글
android TMDB 사용하기 (0) | 2021.02.05 |
---|---|
(Lottie 로티) Android에서 Lottie 사용하기 (0) | 2021.01.20 |
Fragment의 RecyclerView 에서 Fragment로 데이터 전달하기 (0) | 2021.01.20 |
dialogFragment 에서 Fragment 로 데이터 전달 (0) | 2021.01.18 |
onDraw() 를 활용하여 그림그리기 (0) | 2021.01.08 |
Comments