안드로이드 이미지 버튼 만들기 ( 누르면 변한다 ) - 앱 개발 다마고치 3화

안녕하세요 it현수입니다.

 

오늘도 앱 다마고치 시작해볼건데요

저번화에 이어서 오늘도 쭉 진행해볼까 합니다
오늘은 버튼을 누르면 이미지가 변환되는 그런 것을 한번 구현해볼텐데요

일단 새로 프로젝트를 만들어서 진행해봅시다

막 겹쳐있으면 헷갈리기도 하니까 새로 음.. dmimage로 해볼게요
요렇게 똑같이 만들어서 들어왔습니다.

버튼 똑같이 만들고

 

이번엔 버튼 색깔좀 한번 바꿔볼게요..!
백그라운드틴트 (backgroundTint) 로 써볼게요
아 이제야 되네요 백그라운드 틴트로 사용할게요

 

아 그리고 저번에 제가 리니어 레이아웃이라는걸 써서 이렇게 배치했는데
레이아웃 방식이 다양하더라구요
테이블레이아웃, 제약레이아웃, 프레임레이아웃 뭐 엄청 많더라구요
전 사실 코딩할 때 다양하게 쓰는편은 아니고 한두개만 정해서 쓰는데요
이번엔 프레임레이아웃까지 리니어레이아웃 안에 넣어서 한번 써볼게요 !


만들어진 이 버튼을 누르면 이미지가 바뀌는 형식을 만들어보겠습니다
일단 xml로 구색부터 갖추고 바로 자바에서 함수 사용해서 만들어볼게요 !

마지막으로 이 이미지 경로와 이미지파일명을 넣어야하네요
이 이미지 파일은 어디에다 넣느냐 하면은
왼쪽 상단 보시면 안드로이드 프로젝트라고 있죠 여기 우클릭
그리고 쇼인익스플로러 요거 눌러주면 이 프로젝트 경로가 나오는데요

본인의프로젝트 - app - src - main - res - drawable
요 안에 이미지를 넣으면 되는 것 같네요
음.. 저는 마땅한 이미지가 없어서 이번에 키보드 추천 영상 올렸는데 키보드사진으로 대체해볼게요
이름은 지정해둔대로 다마고치01, 다마고치02


그 다음으로 이제 구색은 갖췄으니 위에 만들어놓았던 버튼의 온버튼원클릭 이 클릭하면 변해야하는 함수도 만들고
이미지뷰도 선언하고 만들어줘야겠죠?

요렇게 해서 매니저키고 실행해보면
버튼을 클릭하게되면 계속 변환되죠
이게 사실 눈속임같은거에요 이미 두장의 이미지가 겹쳐져있는데
누를 때 마다 비저블 인비저블로 껐다가 켰다가 하는거니까요 !

일단 오늘 이미지도 넣어보고 여러분들이 기피하는 함수까지 한번 써봤는데요
물론 이해가 안되는게 많을 수 있어요
그렇다면 그냥 무작정 따라서 적고 실행해보는게 답이에요
그렇게 하면서 실력 느는거거든요

저도 뭐 이렇게 그냥 막 되는게 아니라,
이전에 이전전에 다 이렇게 따라해보고 이해하면서 알게된 것들이에요
결국 오늘의 결론은
처음부터 이해하려기 보다는 따라서 해보며 이 작동원리에 대해 고민하는 시간을 갖는게 가장 중요합니다

 

---

포스팅 유익하게 보셨나요? :)

더 많은 내용과 정확한 설명은 유튜브 채널에서 만나실 수 있습니다

감사합니다 !

it현수 유튜브채널 : www.youtube.com/channel/UCGQ_2jy__gE604pit0P1kUA

it현수