본문 바로가기
블록코딩/ㆍ코듈라

버튼 블록 사용방법 알아보기 - 블록코딩 코듈라 앱인벤터 떤커블

by diMik 2021. 7. 1.

버튼을 눌렀을때 블록 사용

 

 

앱을 만들다보면 가장 많이 쓰는 블록이 '이 버튼을 눌렀을 때 -을 실행해줘'는 블록이에요.

 

바로 이 블록입니다

 


앱 결과

 

 

이 블록을 간단히 조합해서 아주 간단한 이런 앱을 만들 수 있어요. 남자 버튼을 누르면 남자 그림이 나오고, 여자 버튼을 누르면 여자 그림이 나오는 거죠.

 


1. 에셋준비

우선 에셋에 man.png와 woman.png 그림을 준비해두었어요.

 

 

man.png
woman.png

 

 


2. 디자인

버튼 두개와 이미지 콤포넌트 하나를 준비했어요.

 

Button1 , Button2 , Image1

 

그외의 것들은 디자인측면인 것들이라 안해도 됩니다.

이미지 콤포넌트는 하나만 있어도 되요. 같은 자리에 1을 눌렀을 때는 남자그림이, 2를 눌렀을 때는 남자그림이 사라지고 2가 나타나니까요.

 


3. 블록코딩 및 해석

남자 그림이 나오는 코딩이에요

 

Button1은 남자라는 버튼이에요. 누르면 Image1의 그림이 man.png로 나타나죠.

 

Button2는 여자라는 버튼이고요. 누르면 Image1의 그림이 woman.png로 나타나죠.

 


 

정말 간단하죠? 앱을 만들다보면 정말 많이 사용되는 블록이므로 금방 익숙해질거에요.

 

수고많으셨습니다 !

 

 

댓글