[모두의 안드로이드]3일차: 스크롤 화면 만들기

참고서적:모두의 안드로이드

*제가 직접 사서 참고하고 있습니다.

개발환경:우분투 20.04 lts

---

 

앱을 사용할때 예를 들면 블로그 메인화면에서 밑으로 스크롤하면 블로그 배너는 옅어지고 아래영역이 올라오는 것을 볼 수 있습니다. 그 기능을 구현해보겠습니다.

 

 

[1.프로젝트 생성하기 ]

 

 

그리고 바로 실행을 해보면 

 

 

화면을 보면 scrolling영역 크기가 변하는 걸 확인할 수 있습니다.이 영역에 이미지를 넣어보겠습니다.

 

 

[2.사진 넣기]

 

출처:pixabay

 

상단에 넣을 사진입니다. app/res/drawable에 복사해줍니다. 

 

 

복사한 후 res/layout의 activity_scrolling.xml을 엽니다.

 

그리고 디자인 탭으로 갑니다.

 

그리고 app_bar의 toolbar_layout을 선택한 상태로 all attributes의 background 옆 희미하게 보이는 

 

막대기를 클릭해줍니다.

 

 

그러면 이런화면 이 나타납니다. 그러면 복사해 온 이미지를 선택해주고 ok를 눌러줍니다.

 

그리고 contentScrim 에서도 막대기를 누르고 이번엔 color에 들어갑니다. 그래서 transparent를 선택해줌니다.

 

 

all attributes에서 contentScrim을 선택해줍니다.

 

color탭에서 transparant를 찾아 선택합니다.

 

[실행화면]

상단의 크기가 스크롤에 따라 변하는것을 확인할 수 있다