Day 6 Animation-Background와 메인화면

Ruinak·2021년 9월 13일
0

ToyProject

목록 보기
7/7
post-thumbnail

코드

Animation-Background(feat.Gradation)

bg_gradient_list.xml

<animation-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:drawable="@drawable/bg_gradient1"
        android:duration="1500" />

    <item
        android:drawable="@drawable/bg_gradient2"
        android:duration="1500" />

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

    <item
        android:drawable="@drawable/bg_gradient4"
        android:duration="1500" />
</animation-list>
  • bg_gradient_list는 gradient 4개로 구성했습니다.
  • bg_gradient2와 bg_gradient4는 같은 색상입니다.
  • 파도가 들어왔다가 나가는 느낌으로 2번과 같은 4번을 준비했습니다.
  • 순서로 보면
  • 1 → 2 → 3 → 4(2) → 1 → 2 → 3 → 4(2) → 1 → ...
  • 1 → 2 → 3 → 4(2) → 1이 반복되는 것입니다.

bg_gradient1

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="90"
        android:startColor="#FADA7A"
        android:centerColor="#CDFFFF"
        android:endColor="#00B5FD"
        android:type="linear" />
</shape>

bg_gradient2, 4

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="90"
        android:startColor="#FADA7A"
        android:centerColor="#00B5FD"
        android:endColor="#FFFFFF"
        android:type="linear" />
</shape>

bg_gradient3

<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <gradient
        android:angle="90"
        android:startColor="#0040FF"
        android:centerColor="#00B5FD"
        android:endColor="#FFFFFF"
        android:type="linear" />
</shape>

MainActivity.java

// 배경화면에 AnimationDrawable 을 이용해서 색상이 변하는 배경화면 구현
public void background(){
        AnimationDrawable animationDrawable = (AnimationDrawable) svMain.getBackground();
        animationDrawable.setEnterFadeDuration(1);
        animationDrawable.setExitFadeDuration(1500);
        animationDrawable.start();
    }
  • MainActivity에 background 함수를 작성했습니다.
  • Animation을 이용해서 bg_gradient_list가 빠르게 나타나서 천천히 사라지게 설정했습니다.

MainActivity(메인화면)

activity_main.xml

  • Button을 5개 추가했습니다.

오늘의 칵테일

  • '오늘의 칵테일'을 클릭시 칵테일 추천을 받기 위한 SearchActivity로 이동합니다.

칵테일 목록

  • '칵테일 목록'을 클릭시 전체 칵테일 목록을 보기 위한 ListActivity로 이동합니다.

인기 칵테일

  • '인기 칵테일'을 클릭시 사용자들이 선택한 선호도가 높은 칵테일을 보여주기 위한 PopularityActivity로 이동합니다.

게시판

  • '게시판'을 클릭시 다른 사용자들의 게시글을 읽거나, 내 게시글을 쓸 수 있는 BoardActivity로 이동합니다.

내 정보 관리

  • '내 정보 관리' 클릭시 내 입력 정보들과 추가 정보를 확인할 수 있는 DetailActivity로 이동합니다.

기타

bg_btn.xml 수정

  • Button의 테두리 색상 수정

Do-list

  • 버튼별 Activity 코드 작성
  • 메인화면에 추가할만한 요소 구상하기
  • 게시판 관련 공부 추가로 하기
  • 퀴즈를 연동할 것인가에 대해서 고민해보기
profile
Nil Desperandum <절대 절망하지 마라>

0개의 댓글