[앱인벤터 기초] 사용자 인터페이스 - 웹뷰어 이해하기

사용자 인터페이스는 화면 구성에 가장 많이 사용되는 컴포넌트들을 모아 놓은 그룹입니다.

그룹안에는 버튼, 체크박스, 날짜선택버튼, 이미지, 레이블, 목록선택버튼, 목록뷰, 알림, 암호텍스트박스, 슬라이더, 스피너, 스위치, 텍스트박스, 시간선택버튼, 웹뷰어가 포함되어 있습니다. 

 

---

웹뷰어 블록

 

스크린 안에서 웹페이지를 보여주는 컴포넌트입니다. 웹뷰어 안에서 링크를 눌렀을 때 페이지가 변경될 수 있게 설정하거나 쿠키데이터를 삭제하거나 JavaScript 코드와 연동해서 동작하게 할 수 있습니다.  스마트폰 자체 뒤로가기 버튼을 누르면 웹뷰어가 뒤로가는게 아니라 앱이 종료될 수 있습니다.

블록	설명
	페이지가 로딩되기 전에 '실행' 안의 블록들을 실행합니다.
	오류가 발생하면 이벤트가 실행됩니다.
	페이지가 로딩된 후에 '실행' 안의 블록들을 실행합니다.
	웹뷰스트링이 변경되었을 때 '실행' 안의 블록들을 실행합니다.
	웹뷰어에 히스토리 목록에서 뒤로 갈 수 있으면 참을 반환합니다.
	웹뷰어에 히스토리 목록에서 앞으로 갈 수 있으면 참을 반환합니다.
	내부 웹 캐시를 지웁니다.
	웹뷰의 쿠기데이터를 지웁니다.
	저장된 위치 권한을 지웁니다.
	히스토리 목록에서 이전 페이지로 돌아갑니다. 이전 페이지가 없으면 아무 것도 수행하지 않습니다.
	히스토리 목록에서 다음 페이지로 이동합니다. 다음 페이지가 없으면 아무 것도 수행하지 않습니다.
	홈 URL로 이동합니다. 홈 URL이 변경될 때 자동으로 발생합니다.
	URL에 입력된 주소로 웹페이지로 이동합니다.
	현재 페이지를 새로고침합니다.
	현재 페이지에서 JavaScript를 실행합니다.
	페이지를 불러오는 것을 중지합니다.
	웹뷰어의 현재 페이지 제목을 가져옵니다.
	웹뷰어의 현재 URL(주소)을 가져옵니다.
	웹뷰어 안에서 다른 링크를 클릭했을 때 페이지가 따라갈지 여부를 결정합니다. 참으로 설정하면 '뒤로가기', '앞으로가기'를 사용할 수 있습니다.
	세로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 높이비율은 스크린의 높이를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.
	웹뷰어에서 처음 열어야 하는 페이지의 URL(주소)를 가져오거나 설정합니다. 텍스트 속성을 사용합니다.
	SSL오류를 무시할 지 여부를 바꾸거나 설정된 값을 가져올 수 있습니다. 참,거짓 속성을 사용합니다. *SSL오류 : 웹사이트와 브라우저 사이에 전송된 데이터를 암호화하여 인터넷 연결 보안을 유지하는 기술입니다.
	웹뷰어에서 위치정보 API를 사용할 수 있는 권한을 묻는 메시지가 사용자에게 표시되어야하는지 결정할 수 있습니다. 참,거짓 속성을 사용합니다.
	컴포넌트의 보이기여부 값을 가져오거나 변경할 수 있는 블록입니다. 참, 거짓 속성을 사용합니다. 참이면 컴포넌트가 보이고 거짓이면 컴포넌트가 화면에서 보이지 않습니다.
	이 속성을 사용하면 웹뷰어에서 실행되는 앱과 Javascript 코드 간에 통신할 수 있습니다. 웹뷰스트링을 새로 설정하면 '웹뷰스트링이 변경되었을때' 이벤트가 실행됩니다.
	가로길이 값을 가져오거나 변경할 수 있는 블록입니다. 숫자 속성(픽셀 단위)을 사용합니다. 너비비율은 스크린의 너비를 기준으로 몇 퍼센트를 가질지 변경할 수 있습니다.