앱인벤터 바코드스캐너 컴포넌트

앱인벤터 바코드스캐너 컴포넌트

 

앱인벤터의 컴포넌트들을 이해와 실제 예제를 통해 실습을 통해 모바일 앱 개발에 활용도를 높이고자 한다.

이번 시간에는 앱인벤터의 바코드스캐너 컴포넌트를 활용하여 바코드를 카메라로 읽어들여 처리하는 컴포넌트이다.

 

 

. 바코드스캐너 컴포넌트

팔레트의 센서 부분에서 가속도 컴포넌트는 보이지 않는 컴포넌트로, 뷰어에 drag&drop하면 화면에는 아무것도 표시되지 않으며 아래에 보이지 않는 컴포넌트에 표시된다. 버튼 컴포넌트를 통해 스캔을 시작하도록 하며, 스캔 정보를 표시하는 레이블 컴포넌트를 활용할 것이다.

 

팔레트

바코드스캐너 컴포넌트는 '센서'에 있다. 가속도 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다.

 

뷰어

컴포넌트들을 추가했을 때, 기본적으로 사각형이 뷰어 화면에 출력된다.

뷰어에는 보이는 컴포넌트로 버튼과 레이블 컴포넌트구성되어 있으며 보이지 않는 컴포넌트로 바코드스캐너 컴포넌트가 있다.

 

컴포넌트

 

컴포넌트에는 Screen1아래에 버튼 컴포넌트, 레이블 컴포넌트 그리고 바코드스캐너 컴포넌트로 구성된다.

- 바코드스캐너 컴포넌트

- 버튼 컴포넌트

- 레이블 컴포넌트

앱인벤터 바코드스캐너 컴포넌트 활용 예제

 

바코드스캐너 속성값

바코드스캐너 컴포넌 속성값에는 외부스캐너사용 여부 속성값이 있다. 스마트폰 외부 별도의 스캐너를 사용할 경우에는 참, 그렇지 않은 경우에는 거짓 값을 설정한다.

 

앱인벤터 바코드스캐너 컴포넌트 속성값

 

 

바코드스캐너 컴포넌트 이벤트 블럭들

. 바코드스캐너 컴포넌트 스캔후에 블럭

스마트폰으로 바코드스캐너를 스캔한 후에, 결과 값을 받는 이벤트 블럭이다.

 

앱인벤터 바코드스캐너 컴포넌트 스캔후에 블럭

 

바코드스캐너 컴포넌트 호출 블럭들

 

. 바코드스캐너 컴포넌트 스캔하기 블럭

바코드스캐너 모듈을 통해 카메라를 통해 스캔을 호출하는 명령 블럭이다.

 

앱인벤터 바코드스캐너 컴포넌트 스캔하기 블럭

 

바코드스캐너 컴포넌트 가져오기/지정하기 블럭들

 

. 바코드스캐너 컴포넌트 결과 블럭

바코드스캐너 컴포넌트에서 스캔한 결과값을 가져올 때 사용하는 블럭이다.

 

앱인벤터 바코드스캐너 결과 블럭

 

. 바코드스캐너 컴포넌트 외부스캐너사용 블럭

외부스캐너 사용 여부를 지정하거나 외부스캐너 사용 여부를 설정한 값을 가져올 때 사용하는 블럭이다.

 

앱인벤터 바코드스캐너 컴포넌트 외부스캐너사용 블럭

 

이상으로 앱인벤터 바코드스캐너 컴포넌트 블럭에 대해 간략히 살펴보았다. 좀더 자세히 확인하기 싶으면, 바코드스캐너예제 앱을 통해 블럭들을 하나씩 사용해보면서 블럭의 활용 용도 등을 파악하면 좋을 것 같다. 눈으로 보는 것보다 직접 해보는게 여러모로 코딩하는데 이해하고 코딩 실력이 향상되는데 도움이 된다.

 

Just Do it!!!

Just Drag&Drop!!!

 

 

. 바코드스캐너 컴포넌트 스캔후에 블럭

스마트폰으로 바코드스캐너를 스캔한 후에, 결과 값을 받는 이벤트 블럭이다.