오늘은 저번 레이아웃 포스팅에 이어어서 간단한 어플을 도전해보려고 합니다!
오늘 만들어볼 레이아웃인데요 만약에 사용자가 아랫쪽 화살표를 누른다면 고양이 사진이 아래로 이동하는 것처럼 보이는 그런 어플을 만들어 보려고 합니다.!
Component Tree값을 convert veiw 를 사용해서 LinearLayout에 vertical로 설정을 해주시고
하단에 팔레트 탭을 이용해서 이미지를 넣을 리니어 레이아웃을 추가해 주세요
그리고 버튼을 넣을 리니어 레이아웃은 가로로 버튼이 정렬되니 horizontal로 해주시면 되겠죠?
위 사진과 같이 완성을 하기위해선 일단 기본 레이아웃 배치부터 해야 합니다
한 번에 저런 화면이 나오는 것이 아니니 주의해 주세요
그리고 이미지를 추가하실 때는 res/drawable에 넣으시면 되는데 이때 주의하실 점이 v24가 붙은 파일이 아닌 그냥 drawable파일 밑으로 이미지를 넣으셔야 합니다
레이아웃 구성에 정답은 없다고 합니다. 저는 완성하니 component Tree가 이런 식으로 구성이 됐습니다.
요렇게 구성해봤습니다.
이제 기능을 추가해 보겠습니다
더 좋은 코드가 있겠지만 코린 이인 저는... 이렇게 구성하는 게 한계였습니다...
일단 visible속성을 이용해서 조건문으로 잡아서 이렇게 표현했습니다.
더 좋은 코드가 있다면 많은 조언 부탁드립니다.
그래서 어플을 실행시키면
요렇게 나왔습니다. 고양이 이미지는 파일에 문제가 있어서 다른 고양이 이미지로 바꿨어요 ㅠㅠ
아직 모르는 게 참 많은 것 같습니다.
차차 공부해 나가면서 알아가야죠 ㅎㅎ
어쨌든 오늘 많이 엉성했지만 레이아웃 공부도 할 겸 해서 이렇게 어플을 만들어보니 보람 있었던 것 같습니다
'안드로이드앱 프로그래밍' 카테고리의 다른 글
| 안드로이드 스튜디오 [레이아웃] (0) | 2021.05.18 |
|---|---|
| 안드로이드 앱 프로그래밍[안드로이드 스튜디오(프로젝트 생성 및 에뮬레이터 설치)] (0) | 2021.05.16 |
| 안드로이드 앱 프로그래밍 [안드로이드 스튜디오 : 뷰(View)] (0) | 2021.05.16 |
| 안드로이드 스튜디오 설치 및 개발 환경 설정하기!!(Windows) (0) | 2021.05.16 |