coalacoding.com
coalacoding.com

고급설정 (1)

📢
image
  1. 고급설정버튼
  2. 간격 정렬
    1. Packed: 위(Top), 가운데(Center), 아래(Bottom) / 왼쪽(Left), 가운데(Center), 오른쪽(Right) 의 조합으로 마치 '채우듯이(packed' 요소를 정렬한다
      2. image

      b. spaceBetween:

      image

      '개체와 개체 사이의 공간'을 정렬하는 모드로, 프레임 요소의 시작과 끝에 하위 요소들을 배치하고 나머지 요소들을 그 사이에 채우는 방식으로 정렬한다.

      이 경우 수평 정렬은 위(Top), 가운데(Center), 아래(Bottom)에만 배치할 수 있고,

      반대로 수직 정렬은 왼쪽(Left), 가운데(Center), 아래(Bottom)에 배치할 수 있다.

    2. 스트로크의 크기 규칙
      1. 스트로크의 두께를 레이아웃에 포함시킬지 말지를 결정한다.
        2. image

        - Stroke : Included in layout  획 두께를 레이아웃으로 포함한다

        - Stroke : Excluded from layout  획 영역을 스트로크 두께 안쪽부터 설정한다.

        image
      2. 단, 이 옵션을 활용하기 위해서는 해당 하위 요소의 획(Stroke) 설정이 가운데(Center) 혹은 바깥(Outside)이어야 한다.

        3. 안쪽(Inside)인 경우에는 획이 안쪽으로 생기기 때문에 의미가 없다.

    3. 누적순서(Canvas Stacking) 바꾸기
      4. image

      레이어 순서에서 처음에 있는 것부터 위로 출력하거나(First on Top),

      마지막부터 위로 출력(Last on Top) 하게 할 수 있다.

    4. 텍스트 기준선 정렬(Text baseline alignment)

      5. 아이콘+ 텍스트 조합에서 주로 사용되는 옵션으로,

      텍스트 기준선(Baseline)에 맞춰서 정렬되게 하는 옵션이다.

      image