웹 페이지 구성 요소
웹 페이지 구성 요소는 호스팅된 웹 페이지를 스크립트 페이지에 포함합니다. 런타임에 지정된 페이지는 스크립트 페이지와 함께 로드됩니다.
- 참조된 웹사이트는 다른 도메인의 페이지에 페이지를 포함할 수 있어야 합니다. 즉, 설정해야 합니다. x-프레임 옵션 웹 서버에서 다른 도메인이 iframe 태그 내부에 페이지를 표시할 수 있도록 합니다. 그렇지 않으면 웹 페이지 구성 요소가 URL을 표시할 수 없습니다.
- 당신은 사용해야합니다 보안 HTTP URL을 지정할 때(http:// 대신 https://).
-
- 구성요소 도구 모음에서 웹 페이지 .
- 확장하다 흔한 속성 패널의 그룹입니다. 그런 다음 웹 페이지의 정규화된 URL을 웹 페이지 소스 상자. 선택적으로 값에 URL이 포함된 문자열 변수를 선택합니다. URL이 유효한지 확인할 수 있도록 페이지가 즉시 로드됩니다. 미리보기 모드를 선택할 필요는 없습니다.
- 구성 요소의 다른 속성을 설정합니다.
공통
웹 페이지 소스는 웹 페이지 구성 요소 내에 포함할 웹 페이지의 URL을 설정합니다. 웹 페이지의 URL을 입력하거나 변수를 사용하여 URL을 구성 요소에 전달할 수 있습니다.
유효한 URL이 입력되면 웹 페이지 구성 요소가 페이지를 즉시 표시합니다.
공들여 나열한 것
크기 조정에 영향을 주는 가중치를 사용하여 너비를 고정 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.
- 자동 크기 조정 구성 요소가 내용에 따라 축소되거나 확장되도록 구성합니다. 예를 들어, 라벨의 너비는 라벨에 포함된 텍스트의 양에 따라 커질 수 있습니다.
- 뻗기 가중치를 사용하여 크기 조정에 영향을 미쳐 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 차지하도록 합니다.메모 : 두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다. 예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소는 다른 구성 요소보다 두 배 더 크게 보이는데, 이는 첫 번째 구성 요소의 가중치가 두 번째 구성 요소의 가중치의 두 배이기 때문입니다.
- 픽셀 픽셀 단위로 고정된 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이러한 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.
크기 조정에 영향을 미치는 가중치를 사용하여 높이를 고정된 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.
- 자동 크기 조정 구성 요소가 내용에 따라 축소되거나 확장되도록 구성합니다. 예를 들어, 라벨의 너비는 라벨에 포함된 텍스트의 양에 따라 커질 수 있습니다.
- 뻗기 가중치를 사용하여 크기 조정에 영향을 미쳐 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 차지하도록 합니다.메모 : 두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다. 예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소는 다른 구성 요소보다 두 배 더 크게 보이는데, 이는 첫 번째 구성 요소의 가중치가 두 번째 구성 요소의 가중치의 두 배이기 때문입니다.
- 픽셀 픽셀 단위로 고정된 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이러한 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.
상위 컨테이너를 기준으로 구성 요소를 왼쪽, 오른쪽 또는 중앙에 정렬합니다.
Auto Sizing . 이를 수정하려면 부모 컨테이너의 높이를 다음과 같이 설정합니다.Stretch 또는 고정된 높이로Pixels .여백은 테두리 주위의 왼쪽, 오른쪽, 위쪽 및 아래쪽 간격을 설정합니다.
- 여백에 대한 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.
- 스핀 컨트롤을 사용하여 여백을 늘리거나 줄입니다.
- 모든 여백 값을 한 번에 업데이트하려면 다음을 클릭하세요. 모두 설정 속성 패널에서 여백 버튼을 클릭합니다.
Visible 속성은 부울(True 또는 False) 변수나 표현식의 값을 기반으로 구성 요소의 표시 여부를 설정합니다.
변수에 따라 Visible 속성을 설정하려면:
- 클릭 공들여 나열한 것 부동산 그룹 속성 패널.
- 아래에 보이는 , 클릭 변수 선택 .
- 변수를 선택하거나 선택적으로 새 예/아니오 변수를 만든 다음 해당 새 변수를 보이는 재산.
- 런타임 시 변수 값이 True일 때 구성 요소가 표시됩니다. 반대로 변수 값이 다음과 같을 때 숨겨집니다. 거짓.
표현식을 기반으로 Visible 속성을 설정하려면:
- 클릭 공들여 나열한 것 부동산 그룹 속성 패널.
- 표시됨에서 선택하세요 참/거짓 표현 .
- 변수 삽입 상자에 표현식을 입력합니다.
런타임에는 표현식이 True일 때 구성 요소가 표시됩니다. 표현식이 있을 때 구성 요소가 숨겨집니다. 거짓 .
접근성
웹 페이지 제목 설정을 사용하면 제목에 웹 페이지에 대한 설명을 첨부할 수 있습니다. 화면 판독기는 설명을 인식하고 알려줍니다.
- 선택적으로 변수 삽입을 클릭하여 변수를 선택하거나 생성합니다.
- 상자에 설명을 입력하세요.
고급
웹 페이지 소스는 웹 페이지 구성 요소 내에 포함할 웹 페이지의 URL을 설정합니다. 웹 페이지의 URL을 입력하거나 변수를 사용하여 URL을 구성 요소에 전달할 수 있습니다.
유효한 URL이 입력되면 웹 페이지 구성 요소가 페이지를 즉시 표시합니다.
