본문 바로가기
기타/앱인벤터

앱인벤터 간단한 손전등 앱 만들기

by Jun_N 2018. 7. 6.

오늘은 간단한 손전등 앱을 만들어 보겠다.


손전등을 만들기 위해서는 확장 컴포넌트가 필요하다. 


확장 컴포넌트 다운로드

http://puravidaapps.com/flashlight.php



위 사이트에서 다운받은것을 extension 메뉴에서 추가하자


그럼 아래와 같이 TaifunFlashlight 기능을 사용할 수 있다.

 



그 후 button 2개와 label 한개를 화면에 끌도록 하자.



button에서 Image를 원하는 그림으로 바꾸는것이 가능하다. 손전등 on off 사진을 추가하여 무슨 기능인지 알기 쉽게 하였음.


그 후 우측 위편에 Design에서 Block으로 화면을 바꾼다.




Button을 클릭하면 사진과 같이 다양한 기능이 뜨는데 여기서 when . click은 click하였을때 기능이 작동하도록 하는 기능이다. 

이것을 끌어다 사용하자.


아까 추가했던 TaifunFlashlight는 불을 키는 기능이다. 이 기능을 클릭하면 on, off 로 불을 키고 끌수있다. 

when 블록에 결합시켜보자.


위와 같이 만들면 btn_light을 클릭하면 불이 켜지고 btn_off 을 클릭하면 불이 꺼지도록 사용가능하다.



build을 클릭하여 qr코드를 인식해 핸드폰에서 사용하면 핸드폰에서 잘 작동하는것을 확인 가능.

(직접 해보세요)