SC2Layout파일로 UI 만들어보기

들어가기전에 각 패널 이름을 알아둬야합니다.

그림처럼 각 패널마다 이름이 있는데 UI에 있는것을 보면 대부분 있습니다.

(FoES 탈다림 영혼의 그릇 단축키 없던데 수정좀..)

그럼 명령창을 5X3에서 15X1로 바꿔볼까요?

...그전에 특정 프레임을 안보이게 하려면은 그 프레임 안에다가 <Visible val="false"/> 를 넣어주면 됩니다.

밑에 있는 UI배경을 지우기 위해서는 ConsolePanel.SC2Layout에 있는 모든 프레임 안에다가 저 명령을 넣어주면 되겠죠?

그럼 명령창을 15X1로 바꿔봅시다.

먼저 명령창 배열을 바꾸기 위해서 CommandPanel.SC2Layout 파일을 엽니다.

그럼 잡다한 영어+숫자조합이 있는데 일단 

CommandButtonXX가 보이는데 이건

00 01 02 03 04

05 06 07 08 09

10 11 12 13 14

이런 버튼을 뜻합니다. 그리고

<Anchor side="Top" relative="$parent/CommandButton00" pos="Min" offset="0"/>

이게있습니다.

여기서 side는 Top(위), Bottom(아래), Left(왼쪽), Right(오른쪽)을 뜻하는데 이것은

처럼 해당 위치를 기준으로 라는 뜻입니다.

예를들어

side가 Left이고 offset이 50일 경우 위 그림 되지만

Right면 위 그림처럼 됩니다.

그리고 relative는 경로인데요. 위에있는 $parent/CommandButton00 는 CommandButton00을 기준으로라는 뜻입니다.(정확하진 않습니다.)

pos는 Min, Mid, Max가 있는데 side에서 Top, Bottom일경우 Min은 위에, Max는 아래에 있게됩니다.

그리고 Left, Right일경우 Min은 왼쪽, Max는 오른쪽에 있게됩니다.

마지막으로 offset이 있는데 이건 side가 Top, Bottom일경우에는 숫자가 커질수록 아래로, 작아질수록 위로가고

Left, Rigth일경우 숫자가 커질수록 오른쪽, 작아질수록 왼쪽으로 갑니다.

그럼 15X1로 만들려면 05의 위치를 바꿔야겠지요?Ctrl+f신공으로 CommandButton05로 갑니다.

<Frame type="CommandButton" name="CommandButton05" template="CommandButton/CommandButtonTemplate">

        <Anchor side="Top" relative="$parent/CommandButton00" pos="Max" offset="#CommandButtonGap"/>

        <Anchor side="Left" relative="$parent/CommandButton00" pos="Min" offset="0"/>

</Frame>

이렇게 있는데(#CommandButtonGap의 값은 1입니다.) 위, 아래것을 보면 CommandButton00을 기준으로라고 되어있는데 그래서 00번째 버튼 밑에 있는것입니다.

15X1로 하려면 04번 버튼 다음에 있어야겠죠? 그러므로 $parent/CommandButton00을 전부 $parent/CommandButton04로 바꿔줍니다.

그리고 위 Anchor에서 pos가 Max로 되어있으면 위 그림처럼 배열되니 pos를 Min으로 바꿔주시고 아래 Anchor에서 pos가 Min으로 되어있으면 겹쳐저 버리므로 Max로 바꿔줍니다.

그리고 offset은 아래쪽 Anchor가 0이면은 4번과 5번이 딱 붙어있어서 보기가 않좋습니다. 그러므로 위와 아래 Anchor의 offset은 서로 바꿔줍니다.

같은 방법으로 CommandButton10도 해주면 됩니다.

배열을 변경했으니 위치와 크기를 변경해야겠지요? 저장하고 GameUI.SC2Layout파일을 엽니다.

거기서 CommandPanel을 검색합니다.

그리머 CommandPanel에 관한 설정이 있습니다.

<Frame type="CommandPanel" name="CommandPanel" template="CommandPanel/CommandPanelTemplate">

          <BatchImages val="true"/>

          <BatchText val="true"/>

          <Anchor side="Bottom" relative="$parent" pos="Max" offset="-18"/>

          <Anchor side="Right" relative="$parent" pos="Max" offset="-21"/>

          <Width val="400"/>

          <Height val="242"/>

</Frame>

여기서Anchor로 위치를 조절하고 Width와 Height로 너비와 높이를 조절합니다.

UI를 맵에다 넣는법

맵을 열고 가져오기를 통해서 .SC2Layout파일을 불러옵니다.

그리고 경로를 UI\Layout\UI로 해줍니다.

저장을 하고 상태가 보통이면 성공입니다.

차후 패치로 이 기능이 지원이 되지 않습니다.

(CUI파일은 제가 만든 UI입니다. 보시고 여러가지 참조하세요.)

(이 글은 맵스터에 올라온 글을 보고 만든 글입니다.

http://forums.sc2mapster.com/resources/tutorials/17193-sc2layout-files-how-to-adjust-them/)

퍼갈게요... ㅎㅎ

감사합니다

좋은 정보/버그 제보 감사합니다 ㅋ

우와 좋은정보 ㄳㄳ 이걸로 워크2를 재현하면ㅋㅋㅋ

http://cafe.naver.com/sc2net/6407
여기에 퍼갈게요. 문제되면 삭제하겠습니다

정말 좋은자료 감사합니다 !
http://cafe.naver.com/s2mcs 로 담아갈게요~

1.3 패치 이후로 적용되지 않습니다. 게임이 팅깁니다.