Day 6 Animation-Background와 메인화면
12414 단어 ToyprojectToyproject
코드
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
<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>
<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>
<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>
<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>
// 배경화면에 AnimationDrawable 을 이용해서 색상이 변하는 배경화면 구현
public void background(){
AnimationDrawable animationDrawable = (AnimationDrawable) svMain.getBackground();
animationDrawable.setEnterFadeDuration(1);
animationDrawable.setExitFadeDuration(1500);
animationDrawable.start();
}
- Button을 5개 추가했습니다.
오늘의 칵테일
- '오늘의 칵테일'을 클릭시 칵테일 추천을 받기 위한 SearchActivity로 이동합니다.
칵테일 목록
- '칵테일 목록'을 클릭시 전체 칵테일 목록을 보기 위한 ListActivity로 이동합니다.
인기 칵테일
- '인기 칵테일'을 클릭시 사용자들이 선택한 선호도가 높은 칵테일을 보여주기 위한 PopularityActivity로 이동합니다.
게시판
- '게시판'을 클릭시 다른 사용자들의 게시글을 읽거나, 내 게시글을 쓸 수 있는 BoardActivity로 이동합니다.
내 정보 관리
- '내 정보 관리' 클릭시 내 입력 정보들과 추가 정보를 확인할 수 있는 DetailActivity로 이동합니다.
기타
bg_btn.xml 수정
- Button의 테두리 색상 수정
Do-list
- 버튼별 Activity 코드 작성
- 메인화면에 추가할만한 요소 구상하기
- 게시판 관련 공부 추가로 하기
- 퀴즈를 연동할 것인가에 대해서 고민해보기
Author And Source
이 문제에 관하여(Day 6 Animation-Background와 메인화면), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@ruinak_4127/Day-6-Animation-Background와-메인화면
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
- 버튼별 Activity 코드 작성
- 메인화면에 추가할만한 요소 구상하기
- 게시판 관련 공부 추가로 하기
- 퀴즈를 연동할 것인가에 대해서 고민해보기
Author And Source
이 문제에 관하여(Day 6 Animation-Background와 메인화면), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@ruinak_4127/Day-6-Animation-Background와-메인화면저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)