수평 스택 컨테이너 스크립트 구성 요소
수평 스택 컨테이너는 자식 구성 요소를 수평으로 배열하는 부모 컨테이너입니다. 구성 요소를 수직으로 정렬하려면 수직 스택 컨테이너를 사용하십시오.
딸깍 하는 소리 수평 스택 컨테이너 구성 요소 도구 모음에서.
수평 스택 컨테이너를 선택하면 수평 방향 표시기가 표시됩니다. 화살표는 컨트롤에 추가된 새로운 구성 요소가 서로 옆에 배치됨을 나타냅니다.
수평 스택에서 새 구성 요소는 마지막 선택 항목의 오른쪽에 배치됩니다.
- 도구 모음에서 구성 요소를 추가하면 컨테이너가 이를 나란히 쌓습니다.
선택적으로 이 구성 요소의 속성을 설정합니다.
공통
크기 조정에 영향을 주는 가중치를 사용하여 너비를 고정 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.
- 자동 크기 조정 구성 요소가 내용에 따라 축소되거나 확장되도록 구성합니다. 예를 들어, 라벨의 너비는 라벨에 포함된 텍스트의 양에 따라 커질 수 있습니다.
- 뻗기 가중치를 사용하여 크기 조정에 영향을 미쳐 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 차지하도록 합니다.메모 : 두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다. 예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소는 다른 구성 요소보다 두 배 더 크게 보이는데, 이는 첫 번째 구성 요소의 가중치가 두 번째 구성 요소의 가중치의 두 배이기 때문입니다.
- 픽셀 픽셀 단위로 고정된 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이러한 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.
크기 조정에 영향을 미치는 가중치를 사용하여 높이를 고정된 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.
- 자동 크기 조정 구성 요소가 내용에 따라 축소되거나 확장되도록 구성합니다. 예를 들어, 라벨의 너비는 라벨에 포함된 텍스트의 양에 따라 커질 수 있습니다.
- 뻗기 가중치를 사용하여 크기 조정에 영향을 미쳐 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 차지하도록 합니다.메모 : 두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 50%가 할당됩니다. 이 비율은 가중치 값을 변경하여 조정할 수 있습니다. 예를 들어, 한 구성요소를 가중치 200으로 설정하고 다른 구성요소를 가중치 100으로 설정하면 첫 번째 구성요소는 나머지 공간의 2/3를 차지하는 반면 다른 구성요소는 1/3만 차지합니다. 첫 번째 구성 요소는 다른 구성 요소보다 두 배 더 크게 보이는데, 이는 첫 번째 구성 요소의 가중치가 두 번째 구성 요소의 가중치의 두 배이기 때문입니다.
- 픽셀 픽셀 단위로 고정된 크기를 설정합니다. 상자에 정수 값을 입력하거나 위쪽 또는 아래쪽 화살표를 사용하여 크기를 늘리거나 줄일 수 있습니다. 이러한 화살표는 구성 요소에 포커스가 있을 때 표시됩니다.
패딩은 내부 테두리와 콘텐츠 사이의 공간을 정의합니다. 여백은 테두리 외부의 간격을 설정하는 반면 패딩은 테두리 내부의 공간을 추가합니다.
- 테두리 항목의 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.
- 회전 컨트롤을 사용하여 테두리 너비를 늘리거나 줄입니다. 모두 설정을 선택한 경우 변경 사항이 모든 값에 적용됩니다.
- 선택적으로 모든 패딩 값을 한 번에 업데이트하려면 모두 설정 속성 패널에서 패딩 버튼.
배경색을 다음 중 하나로 설정합니다.
배경 또는 텍스트 색상을 다음 중 하나로 설정합니다.
- 기본 —기본 색상을 지정합니다.
- 색상 —일반적인 색상 팔레트에서 선택하거나, RGB 값을 입력하거나 색상 선택기를 새로운 스펙트럼 위치로 이동하여 원하는 색상을 선택할 수 있습니다. 텍스트와 배경의 색상을 설정하는 것은 모양 패널의 속성입니다. 이 속성 패널은 색상 기능이 있는 구성 요소에만 사용할 수 있습니다.
- 변하기 쉬운 —문자열 변수에 저장된 색상을 할당합니다. 변수의 예 : 진한 파란색을 지정하려면:
- 클릭 변수 꼬리표.
- 딸깍 하는 소리 변수 추가 변수를 추가합니다.
- 선택하다 끈 새 변수가 저장하는 값 유형입니다.
- 설명적인 이름을 입력하세요. 이름 상자.
- 세트 기본값 0000FF 또는 #0000FF(짙은 파란색을 나타내는 16진법 코드)로 표현됩니다.
- 딸깍 하는 소리 적용하다.
- 이 색상 속성에 변수를 할당합니다.
스크립트 페이지의 배경색 변경
전체 페이지의 배경색을 설정하려면 루트 수직 컨테이너에 배경색을 할당합니다.
- 이동 경로 표시줄에서 루트 컨테이너 아이콘을 클릭합니다.
- 일반 또는 모양에서 다른 배경색을 지정합니다.
스크립트 페이지의 배경색을 변경하려면
전체 페이지의 배경색을 설정하려면 루트 수직 컨테이너에 배경색을 할당합니다.
-
빵가루 막대에서 클릭하세요 루트 컨테이너 .
-
아래에 흔한 또는 모습, 다른 배경색을 지정합니다.
테두리는 패딩과 여백 사이의 공간을 정의합니다. 여백은 테두리 외부의 간격을 설정하는 반면 패딩은 테두리와 구성 요소 사이에 공간을 추가합니다.
- 테두리 항목의 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.
- 회전 컨트롤을 사용하여 테두리 너비를 늘리거나 줄입니다. 모두 설정을 선택한 경우 변경 사항이 모든 패딩 값에 적용됩니다.
- 모든 테두리 값을 한 번에 업데이트하려면 속성 패널에서 테두리에 대한 모두 설정 버튼을 누릅니다.
레이아웃
크기 조정에 영향을 주는 가중치를 사용하여 너비를 고정 크기로 구성하고, 콘텐츠를 표시하기 위해 필요에 따라 늘리거나, 다른 구성 요소에 비해 가능한 한 많은 공간을 사용합니다.
- 자동 크기 조정 구성 요소가 내용에 따라 축소되거나 확장되도록 구성합니다. 예를 들어, 라벨의 너비는 라벨에 포함된 텍스트의 양에 따라 커질 수 있습니다.
- 뻗기 가중치를 사용하여 크기 조정에 영향을 미쳐 구성 요소가 다른 구성 요소에 비해 가능한 한 많은 공간을 차지하도록 합니다.메모 : 두 구성 요소가 모두 늘이도록 설정된 경우 기본적으로 둘 다 남은 공간의 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일 때 구성 요소가 표시됩니다. 표현식이 있을 때 구성 요소가 숨겨집니다. 거짓 .
패딩은 내부 테두리와 콘텐츠 사이의 공간을 정의합니다. 여백은 테두리 외부의 간격을 설정하는 반면 패딩은 테두리 내부의 공간을 추가합니다.
- 테두리 항목의 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.
- 회전 컨트롤을 사용하여 테두리 너비를 늘리거나 줄입니다. 모두 설정을 선택한 경우 변경 사항이 모든 값에 적용됩니다.
- 선택적으로 모든 패딩 값을 한 번에 업데이트하려면 모두 설정 속성 패널에서 패딩 버튼.
모양
배경색을 다음 중 하나로 설정합니다.
배경 또는 텍스트 색상을 다음 중 하나로 설정합니다.
- 기본 —기본 색상을 지정합니다.
- 색상 —일반적인 색상 팔레트에서 선택하거나, RGB 값을 입력하거나 색상 선택기를 새로운 스펙트럼 위치로 이동하여 원하는 색상을 선택할 수 있습니다. 텍스트와 배경의 색상을 설정하는 것은 모양 패널의 속성입니다. 이 속성 패널은 색상 기능이 있는 구성 요소에만 사용할 수 있습니다.
- 변하기 쉬운 —문자열 변수에 저장된 색상을 할당합니다. 변수의 예 : 진한 파란색을 지정하려면:
- 클릭 변수 꼬리표.
- 딸깍 하는 소리 변수 추가 변수를 추가합니다.
- 선택하다 끈 새 변수가 저장하는 값 유형입니다.
- 설명적인 이름을 입력하세요. 이름 상자.
- 세트 기본값 0000FF 또는 #0000FF(짙은 파란색을 나타내는 16진법 코드)로 표현됩니다.
- 딸깍 하는 소리 적용하다.
- 이 색상 속성에 변수를 할당합니다.
스크립트 페이지의 배경색 변경
전체 페이지의 배경색을 설정하려면 루트 수직 컨테이너에 배경색을 할당합니다.
- 이동 경로 표시줄에서 루트 컨테이너 아이콘을 클릭합니다.
- 일반 또는 모양에서 다른 배경색을 지정합니다.
스크립트 페이지의 배경색을 변경하려면
전체 페이지의 배경색을 설정하려면 루트 수직 컨테이너에 배경색을 할당합니다.
-
빵가루 막대에서 클릭하세요 루트 컨테이너 .
-
아래에 흔한 또는 모습, 다른 배경색을 지정합니다.
테두리는 패딩과 여백 사이의 공간을 정의합니다. 여백은 테두리 외부의 간격을 설정하는 반면 패딩은 테두리와 구성 요소 사이에 공간을 추가합니다.
- 테두리 항목의 값 필드를 클릭합니다. 해당 필드에 스핀 컨트롤이 나타납니다.
- 회전 컨트롤을 사용하여 테두리 너비를 늘리거나 줄입니다. 모두 설정을 선택한 경우 변경 사항이 모든 패딩 값에 적용됩니다.
- 모든 테두리 값을 한 번에 업데이트하려면 속성 패널에서 테두리에 대한 모두 설정 버튼을 누릅니다.
