본문 바로가기
앱인벤터/앱인벤터 컴포넌트

앱인벤터 공유 컴포넌트

by flycoding 2022. 5. 19.
반응형

앱인벤터 공유 컴포넌트

 

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

앱인벤터 공유 컴포넌트는 보이지않는 컴포넌트이다. 공유 컴포넌트는 앱과 스마트폰에 설치된 다른 앱간에 파일이나 메시지를 공유를 제공하는 컴포넌트이다. 공유 컴포넌트는 제공되는 정보를 처리할 수 있는 설치된 앱들의 목록을 보여줄 것이다. 그리고 사용자가 공유할 컨텐트를 선택하도록 허가할 것이다. 예를 들어 메일 앱, 소셜 네트워크 앱, 문자 앱 등을 목록으로 보여줄 것이다.

파일 경로는 카메라나 이미지선택 컴포넌트와 같은 다른 컴포넌트로부터 직접 가져올 수 있지만 또한 저장장치로부터 직접 읽을수도 있다. 

예로 만일 우리에게 arrow.gif파일을 Appinventor/assets 폴더 내에 가지고 있다면 

  . "file:///sdcard/Appinventor/assets/arrow.gif" or

  . "/storage/Appinventor/assets/arrow.gif"

와 같은 폴더 위치에 있을 경우, 한가지 알아두어야 할 점은 다른 스마트폰에서 또다르게 저장장치를 사용할 경우, 몇 차례 더 시도를 해야 할 것이다. 

 

공유 컴포넌트

팔레트의 소셜 부분에서 공유 컴포넌트는 보이지 않는 컴포넌트로, 뷰어에 drag&drop하면 화면에는 아무것도 표시되지 않는다.  공유 컴포넌트, 텍스트박스 컴포넌트 및 버튼 컴포넌트 2개, 카메라 컴포넌트와 수평배치 1개의 컴포넌트를 활용하여 글과 사진을 공유하는 앱을 만들어보자.

팔레트

공유 컴포넌트는 '소셜'에 있다. 공유 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다.

 

뷰어

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

뷰어에는 보이는 않는 컴포넌트로 공유와 카메라 컴포넌트 그리고 버튼과 텍스트박스 컴포넌트 및 수평배치 컴포넌트 1개로 구성되어 있다.

 

컴포넌트

 

컴포넌트에는 Screen1아래에 공유, 카메라, 버튼, 텍스트박스 및 수평배치 컴포넌트를 활용한다.

- 공유 컴포넌트

- 카메라 컴포넌트

- 버튼 컴포넌트 2개

- 텍스트박스 컴포넌트

- 수평배치 1개 컴포넌트

 

앱인벤터 공유 컴포넌트 활용 예제

 

공유 컴포넌트 속성값

none.

 

 

공유 컴포넌트 이벤트 블럭들

none.

 

공유 컴포넌트 호출 블럭들

공유 컴포넌트 호출 블럭에는 파일공유하기, 메시지와함께파일공유하기, 메시지공유하기 블럭이 있다.

 

. 공유 컴포넌트 파일공유하기 블럭

스마트폰 화면에 설치된 가용한 앱 목록들을 통해서 화일이 공유되고, 사용자는 가용한 앱 목록 중 선택한다. 선택된 앱은 보내지는 파일을 전달받아 열린다.

 

앱인벤터 공유 컴포넌트 파일공유하기 블럭

 

. 공유 컴포넌트 메시지와함께파일공유하기 블럭

스마트폰 화면에 설치된 가용한 앱 목록들을 통해서 화일과 메시지가 공유되고, 사용자는 가용한 앱 목록 중 선택한다. 선택된 앱은 보내지는 파일과 메시지를 전달받아 열린다.

 

앱인벤터 공유 컴포넌트 메시지와함께파일공유하기 블럭

 

. 공유 컴포넌트 메시지공유하기 블럭

스마트폰 화면에 설치된 가용한 앱 목록들을 통해서 메시지가 공유되고, 사용자는 가용한 앱 목록 중 선택한다. 선택된 앱은 보내지는 메시지를 전달받아 열린다.

 

앱인벤터 공유 컴포넌트 메시지공유하기 블럭

 

 

전화번호선택버튼 컴포넌트 가져오기/지정하기 블럭들

none.

 

 

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

 

Just Do it!!!

Just Drag&Drop!!!

 

MagneticFieldSenso

 

 

반응형

댓글