앱 개발 도전기

안드로이드 스튜디오로 버튼 만들기 - 앱 개발 다마고치 2화

잇(it)현수 2021. 4. 3. 23:51

 

안녕하세요 it현수입니다

 

이전 화에선 안드로이드 스튜디오 설치 및 앱 애뮬레이터를 통해 실행하는 단계까지 진행 해 보았는데요

 

오늘은 버튼을 누르면 동작하는 방법과 짧은 텍스트 만들기, 웹사이트 연결, 전화 연결이 되는 버튼까지 진행해보겠습니다

 

시작해볼까요? :)

 

 

 

우선 Palette -> Common -> Button을 클릭하여 디자인 화면으로 끌어당겨줍니다 ! ( 3개의 버튼을 만들 예정 )

 

정말 쉽네요 ㅎㅎ ( 툴이 직관적이라 맘에 듬 )

 

우선 버튼을 이용하여 Toast라는 짧고 빠르게 사라지는 텍스트를 구현해볼텐데요

 

먼저 "다마고치"라는 버튼을 만들어 보겠습니다

 

오른쪽 Common Attributes(속성)에 들어가셔서 onclick이라는 곳에 함수를 지정해줍니다

 

 

저는 우선 onButton1Clicked로 지정했구요 

 

이 다마고치라는 버튼을 클릭하게 되면 toast라는 이벤트가 발생하게 되는 코딩을 진행해보겠습니다

 

 

저는 우선 클릭되면 나오는 텍스트를 "눌러주셔서 감사합니다"로 해보겠습니다 !

 

코딩을 마친 후 앱을 실행하여 다마고치라는 버튼을 누르게 되면

 

바로 이런식으로 짧게 눌러주셔서 감사합니다 라는 텍스트가 나오며 사라집니다.

 

다음으로 나머지 버튼은 웹사이트로 이동하는 버튼 그리고 전화로 연결되는 버튼 두개를 만들어볼텐데요

 

첫 번째 onButton2Clicked 함수는 바로 모바일버전 네이버로 이동하는 코딩이고

 

두 번째 onButton3Clicked 함수는 전화연결이 되는 코딩입니다 ( 제 번호로 적어서 가려놨습니다 ㅎㅎ :) )

 

그 이후 onButton2Clicked 함수가 들어가있는 버튼을 클릭하게 될 시

 

 

이렇게 네이버로 바로 접속이 되며, 

 

onButton3Clicked 함수를 이용한 버튼을 클릭하게 되면

 

 

이렇게 전화연결이 되어집니다 :)

 

 

 


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

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

감사합니다 !

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

 

it현수

위너스교육 소속 위너스팀 컨설턴트 잇(it)현수는 평생교육법에 의거한 평생교육(학점은행제, 검정고시, 독학학위제), IT취업, 국가자격증에 대한 전반적인 내용 및 새로운 트렌드에 대한 방향성

www.youtube.com