Studio 에디터: 요소 스택하기

4 분 분량
스택은 세로 또는 가로 순서로 요소 그룹을 "포괄"하는 플렉스박스 컨테이너입니다. 요소를 스택하면 요소가 정의한 여백대로 순서대로 유지되며 겹치지 않습니다. 
하지만, 여백을 음수로 정의해 요소를 의도적으로 겹치게 할 수도 있습니다. 
다음 지침을 참고하세요.

스택 적용하기

  1. 스택에 포함되어야 할 요소를 클릭합니다.
  2. Shift 키를 누른 상태에서 다른 스택 요소를 선택합니다.
  3. 스택을 클릭합니다.
  4. (선택사항) 요소 사이의 세로선을 끌어 여백을 설정합니다.
스택 아이템 사이의 간격을 끌어 여백 늘리기
도움말:
여백을 음수로 정의해 요소를 의도적으로 겹치게 할 수도 있습니다. 
스택 여백을 반대 방향으로 끌어 이미지와 텍스트가 겹치게 만들기

스택 방향 변경하기

요소를 스택하면 요소의 순서에 따라 방향이 자동으로 결정됩니다. 예를 들어, 요소가 세로로 정렬되어 있는 경우 스택은 세로가 됩니다. 
어느 쪽이든, 드롭다운을 사용해 언제든지 방향을 전환할 수 있습니다. 이렇게 하면 요소가 올바른 순서로 자동으로 재정렬됩니다. 
세로로 변경된 가로 스택의 예, 요소가 이제 세로 순서로 정렬됩니다

스택 관리하기

새로운 콘텐츠 및 요구 사항에 맞게 언제든지 스택을 사용자 지정할 수 있습니다. 스택에 요소를 추가하고, 버튼 클릭으로 이동하고, 더 이상 관련이 없는 요소를 분리하세요. 

스택을 관리하려면:

  1. 해당 스택을 선택합니다.
  2. 다음에 수행할 작업을 선택합니다.

스택 디자인하기

스택이 투명할 필요는 없습니다. 페이지에서 콘텐츠가 눈에 띄도록 스택을 디자인해 보세요. 배경 색상, 테두리, 음영을 추가합니다. 스택 모서리를 각지게 또는 둥글게 만들 수도 있습니다. 

스택을 디자인하려면:

  1. 해당 스택을 선택합니다.
  2. 에디터 오른쪽 상단에서 속성 열기 화살표를 클릭합니다.
  3. 디자인 섹션으로 스크롤합니다. 
  4. 사용 가능한 옵션을 사용해 스택을 디자인합니다.
    • 배경 색상 및 투명도를 설정합니다.
    • 테두리를 추가해 스택 프레임을 설정합니다. 
    • 모서리 반경을 선택합니다.
    • 음영을 활성화하고 각도, 거리, 크기 등과 같은 설정을 관리합니다.
속성 패널과 디자인 옵션을 보여주는 캔버스에서 선택한 스택의 스크린샷

도움이 되었나요?

|