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

앱인벤터 전화번호선택버튼 컴포넌트

by flycoding 2022. 5. 18.
반응형

앱인벤터 전화번호선택버튼 컴포넌트

 

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

앱인벤터 전화번호선택버튼 컴포넌트는 스마트폰 사용에서 가장 기본인 전화 서비스를 위해 연락처에서 전화번호를 선택을 제공하는 컴포넌트이다. 전화번호선택버튼은 버튼 컴포넌트의 속성을 가지고 있다. 버튼을 클릭하면 연락처의 전화번호 목록이 표시되고 이들 중에서 하나를 선택하면 된다. 선택한 이후에는 아래의 속성값들의 정보들을 가져올 수 있다.

  . ContactName : 선택한 연락처의 이름

  . PhoneNumber : 선택한 연락처의 전화번호

  . EmailAddress : 선택한 연락처의 이메일주소

  . Picture : 선택한 연락처의 그림

 

주의점은 전화번호선택버튼 컴포넌트는 모든 안드로이드 스마프트폰에서 작동하지 않을 수도 있다. 예로 시스템 3.0 이전 버전의 안드로이드 시스템에서 전화번호선택버튼 컴포넌트에서 반환되는 리스트에 전화번호와 이메일주소가 비어 있을 수도 있다.

 

전화번호선택 컴포넌트

팔레트의 소셜 부분에서 전화번호선택 컴포넌트는 보이지 컴포넌트로, 뷰어에 drag&drop하면 화면에는 버튼 모양의 컴포넌트가 표시된다.  전화번호선택버튼 컴포넌트, 레이블 8개 및 수평배치 4개의 컴포넌트를 활용하여 연락처에서 사용자를 선택하여 이름, 전화번호, 이메일주소, 그림 등의 정보를 가져오는는 앱을 만들어보자.

팔레트

전화번호선택 컴포넌트는 '소셜'에 있다. 전화번호선택 컴포넌트를 오른쪽 뷰어에 Drag&Drop하면 추가된다.

 

뷰어

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

뷰어에는 보이는 컴포넌트로 전화번호선택 컴포넌트 1과 레이블 8개 및 수평배치 컴포넌트 4개로 구성되어 있다.

 

컴포넌트

 

컴포넌트에는 Screen1아래에 전화번호선택버튼 컴포넌트, 레이블 컴포넌트 그리고 수평배치로 구성된다.

- 전화번호선택버튼 컴포넌트

- 레이블 4개 컴포넌트

- 수평배치 4개 컴포넌트

 

앱인벤터 전화번호선택버튼 컴포넌트 활용 예제

 

전화번호선택버튼 컴포넌트 속성값

전화번호선택버튼 컴포넌트 속성값에는 배경색, 활성화, 글꼴굵게, 글꼴이탤릭, 글꼴크기, 글꼴서체, 높이, 너비, 이미지, 모양, 피드백보이기, 텍스트, 텍스트정렬, 텍스트색상, 보이기여부 속성값이 있다.

전화번호선택버튼 컴포넌트는 기존의 버튼 컴포넌트와 속성값이 동일하기 때문에 별도로 속성값들을 기술하지 않을 것이다.

필요하면 버튼 컴포넌트를 참고하시면 된다.

 

앱인벤터 전화번호선택버튼 컴포넌트 속성값

 

전화번호선택버튼 컴포넌트 이벤트 블럭들

전화번호선택버튼 컴포넌트 이벤트 블럭은 선택후에, 선택전에, 포커스를받았을때, 포커스를잃었을때, 터치다운했을때, 터치업했을때 블럭들이 있다.

 

. 전화번호선택버튼 컴포넌트 선택후에 블럭

전화번호선택버튼을 클릭한 후에 연락처에서 원하는 전화번호나 이름을 선택한 후에 호출되는 블럭이다. 이 때 전화번호 속성값에 값들ㅇ 채워져서 반환된다.

 

앱인벤터 전화번호선택버튼 컴포넌트 선택후에 블럭

 

. 전화번호선택버튼 컴포넌트 선택전에 블럭

전화번호선택버튼이 클릭되었을 때 호출되는 블럭이다. 목록선택에는 "Open" 메소드를 사용하여 목록들이 보여진다. 이 이벤트 블럭은 목록선택이 스마트폰에 보여지기 전에 발생한다. 그리고 보여지기 전에 목록들을 준비하는데 사용된다.

 

앱인벤터 전화번호선택버튼 컴포넌트 선택전에 블럭

 

. 전화번호선택버튼 컴포넌트 포커스를받았을때 블럭

커서가 전화번호선택버튼으로 이동되었음을 알려주며, 이 때는 전화번호선택버튼이 클릭이 가능한 상태이다.

 

앱인벤터 전화번호선택버튼 컴포넌트 포커스를받았을때 블럭

 

. 전화번호선택버튼 컴포넌트 포커스를잃었을때 블럭

전화번호선택버튼 컴포넌트로부터 커서가 움직여서 포커스를 잃었음을 알려주는 블럭이다. 또한 이 상태에는 더 이상 클릭을 할 수 없는 상태이다.

 

앱인벤터 전화번호선택버튼 컴포넌트 포커스를잃었을때 블럭

 

. 전화번호선택버튼 컴포넌트 터치다운했을때 블럭

전화번호선택버튼 컴포넌트의 버튼이 터치다운되었음을 알려주는 이벤트 블럭이다.

 

엡인벤터 전화번호선택버튼 컴포넌트 터치다운했을때 블럭

 

. 전화번호선택버튼 컴포넌트 터치업했을때 블럭

전화번호선택버튼 컴포넌트의 버튼이 터치업되었음을 알려주는 이벤트 블럭이다.

 

앱인벤터 전화번호선택버튼 컴포넌트 터치업했을때 블럭

 

전화번호선택버튼 컴포넌트 호출 블럭들

전화번호선택버튼 컴포넌트 호출 블럭은 열기, 연락처보기 블럭이 있다.

 

. 전화번호선택버튼 컴포넌트 열기 블럭

사용자가 전화번호선택버튼을 클릭을 통하여 전화번호선택할 수 있는 목록을 연다.

 

앱인벤터 전화번호선택버튼 컴포넌트 열기 블럭

 

. 전화번호선택버튼 컴포넌트 연락처보기 블럭

스마트폰의 기본 연락처 앱에서 선택된 연락처 항목을 여는 블럭이다.

 

앱인벤터 전화번호선택버튼 연락처보기 블럭

 

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

전화 컴포넌트 중 가져오기/지정하기 블럭은 배경색, 연락처이름, 연락처URI, 이메일주소, 이메일주소리스트, 활성화, 글꼴굵게, 글꼬ㄹ크기, 높이, 높이비율, 이미지, 전화번호, 전화번호리스트, 사진, 피드백보이기, 텍스트, 텍스트색상, 보이기여부, 너비, 너비퍼센트 등의 블럭들이 있다.

이 중에서 전화번호선택버튼 컴포넌트에서 연락처이름, 연락처URI, 이메일주소, 이메일주소리스트, 전화번호, 전화번호리스트, 사진 블럭을 설명하고자 한다.

 

. 전화번호선택버튼 컴포넌트 연럭처이름 블럭

선택된 연락처의 이름을 반환한다. 만일 이름이 선택되지 않거나 잘못된 값이라면 빈 값으로 반환된다.

 

앱인벤터 전화번호선택버튼 컴포넌트 연락처이름 블럭

 

. 전화번호선택버튼 컴포넌트 연럭처URI 블럭

스마트폰 상의 연락처의 위치를 지정하는 URI(폴더리스트 + 파일명)를 반환하는 블럭이다.

 

앱인벤터 전화번호선택버튼 연락청URI 블럭

 

. 전화번호선택버튼 컴포넌트 이메일주소 블럭

선택된 연락처의 주로 사용하는 이메일주소를 반환한다. 만일 이메일주소가 없거나 잘못된 값이라면 빈 값으로 반환된다.

 

앱인벤터 전화번호선택버튼 컴포넌트 이메일주소 블럭

 

. 전화번호선택버튼 컴포넌트 이메일주소리스트 블럭

선택된 연락처와 연관된 이메일주소 리스트를 반환한다.

 

앱인벤터 전화번호선택버튼 컴포넌트 이메일주소리스트 블럭

 

. 전화번호선택버튼 컴포넌트 전화번호 블럭

선택된 연락처의 전화번호를 반환한다. 만일 연락처와 연관된 전화번호가 없다면 빈 문자열을 반환한다.

 

앱인벤터 전화번호선택버튼 컴포넌트 전화번호 블럭

 

. 전화번호선택버튼 컴포넌트 전화번호 블럭

선택된 연락처의 전화번호리스트를 반환한다.

 

앱인벤터 전화번호선택버튼 컴포넌트 전화번호리스트 블럭

 

. 전화번호선택버튼 컴포넌트 사진 블럭

연락처의 사진과 다른 필드들을 조회할 수 있는 선택된 연락처의 사진URI를 반환한다.

 

앱인벤터 전화번호선택버튼 컴포넌트 사진 블럭

 

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

 

Just Do it!!!

Just Drag&Drop!!!

 

MagneticFieldSenso

 

 

반응형

댓글