상세 컨텐츠

본문 제목

[안드로이드] 레이아웃 배경색상 애니메이션 적용하는 방법

안드로이드

by aries574 2022. 4. 14. 16:22

본문


이번 시간에는 레이아웃 배경 색상에 애니메이션

적용하는 방법에 대하여 알아보겠습니다. 


목차

1. 실행 화면

2. 색상 파일 만들기

3. 메인 화면 구성 activity_main.xml

4. 메인 코드 구현 MainActivity.java


1. 실행 화면

 

 

2. 색상 파일 만들기

 - 설명 - 

 drawable파일에 색상을 정해줍니다. 

res -> drawable 클릭 -> 마우스 오른쪽 -> new -> Drawable Resource File

 background_1.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="225"
        android:startColor="#e63946"
        android:endColor="#f1faee"/>
</shape>

 background_2.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid
        android:color="#e63946"/>
</shape>

 background_3.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:angle="315"
        android:startColor="#1d3557"
        android:endColor="#e63946"/>
</shape>

background_list

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/background_1"
        android:duration="2000"/>

    <item
        android:drawable="@drawable/background_2"
        android:duration="2000"/>

    <item
        android:drawable="@drawable/background_3"
        android:duration="2000"/>
</animation-list>

 

 

3. 메인 화면 구성 activity_main.xml

 - 설명 -

 레이아웃에 만들어놓은 background_list를 적용합니다. 

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/mainLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/background_list"
    tools:context=".MainActivity">
</RelativeLayout>

 

4. 메인 코드 구현 MainActivity.java

 - 설명 -

 1.  AnimationDrawable타입의 변수에 에 layout.getBackground()을 적용

 2. 애니메이션 설정을 합니다. 

public class MainActivity extends AppCompatActivity {
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        RelativeLayout layout = findViewById(R.id.mainLayout);

        //애니메이션 초기화
        AnimationDrawable animationDrawable = (AnimationDrawable) layout.getBackground();

        //드로어블 들어갈 때 지속시간
        animationDrawable.setEnterFadeDuration(2500);//2.5초

        //드로어블 나갈 때 지속시간
        animationDrawable.setExitFadeDuration(5000); //5초

        //실행
        animationDrawable.start();

    }//onCreate
    
}//MainActivity

2022.04.13 - [안드로이드] - [안드로이드] RecyclerView 다중 화면 적용하는 방법

 

[안드로이드] RecyclerView 다중 화면 적용하는 방법

RecyclerView를 사용하는 방법은 데이터를 보여줄 화면(xml) 하나와 어뎁터를 통해 데이터와 화면을 연결해서 RecyclerView에 보여줍니다. 만약에 데이터별로 각자 다른 화면에 보여주고 싶다면 어떻게

aries574.tistory.com

2022.04.12 - [안드로이드] - [안드로이드] 프래그먼트(Fragment)에서 액티비티(Activity) 데이터 전달하는 방법

 

[안드로이드] 프래그먼트(Fragment)에서 액티비티(Activity) 데이터 전달하는 방법

이번 시간에는 프래그먼트에서 액티비티로 데이터 전달하는 방법을 알아보겠습니다. 1. 실행 화면 2. 인터페이스 만들기 3. 프래그먼트 만들기 4. 메인 화면 구성 activity_main.xml 5. 메인 코드 구현 M

aries574.tistory.com

2022.04.11 - [안드로이드] - [안드로이드] 액티비티(Activity)에서 프래그먼트(Fragment) 데이터 전달하는 방법

 

[안드로이드] 액티비티(Activity) 에서 프래그먼트(Fragment) 데이터 전달하는 방법

이번 시간에는 액티비티(Activity)에서 프래그먼트(Fragment)로 데이터 전달하는 방법에 대하여 알아보겠습니다. 목차 1. 실행 화면 2. 프래그먼트 만들기 3. 메인 화면 구성 activity_main.xml 4. 메인 코드

aries574.tistory.com

반응형

관련글 더보기

댓글 영역