SC2Mapster

Table of Contents

Partial UI Snippits
Complete UI Snippits

SC2Layout Snippits

Seeing as that many layout changes are useful as a learning point for other people.
For example having a layout file listed here that has in it how you can display the info from the unit Info Panel at another location onscreen might be useful for other people.

I figured why not create a sort of database of example layout files which change specific parts of the UI or perhaps even the entire UI. If you want to share your SC2 UI with other people this is the place to do it.

please use the following format when posting snippits:

==Snippit Title
Snippit Type (Complete/Partial)

Description

{{Img URL|Screenshot example of the change that the snippit will cause.}}

and finally as an attachment the SC2Layout file (and perhaps the screenshot example).

As I said earlier there are 2 types of snippits, complete UI change snippits or partial UI change snippits, therefor I will keep these in seperate Tables of Contents so that it is easier to find the snippit you want.

Partial UI Snippits

Table of Contents

• Making the Commandcard 15x1
• 10x1 Command Card and Resized Inventory

Complete UI Snippits

Table of Contents

Making the Commandcard 15x1

Snippit Type: Partial

This SC2Layout File will cause the CommandCard to become a size of 15x1 instead of 5x3.
It will also position the CommandCard at the bottom center of the screen,
and it adds a border around the CommandCard.

Snippit in spoiler below:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="Frame" name="GameUI/UIContainer/ConsoleUIContainer" file="GameUI">
        <Frame type="CommandPanel" name="CommandPanel">
            <Anchor side="Bottom" relative="$parent" pos="Max" offset="-18"/>
            <Anchor side="Right" relative="$parent" pos="Mid" offset="577"/>
            <Width val="1155"/>
            <Height val="76"/>

            <Frame type="CommandTooltip" name="CommandTooltip">
                <Anchor side="Bottom" relative="$parent" pos="Max" offset="-100"/>
                <Anchor side="Right" relative="$parent" pos="Mid" offset="235"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton00">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton05">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent/CommandButton04" pos="Max" offset="#CommandButtonGap"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton10">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent/CommandButton09" pos="Max" offset="#CommandButtonGap"/>
            </Frame>
        </Frame>

        <Frame type="Image" name="CommandPanelBorder">
            <Anchor side="Top" relative="$parent/CommandPanel" pos="Min" offset="-26"/>
            <Anchor side="Bottom" relative="$parent/CommandPanel" pos="Max" offset="35"/>
            <Anchor side="Left" relative="$parent/CommandPanel" pos="Min" offset="-33"/>
            <Anchor side="Right" relative="$parent/CommandPanel" pos="Max" offset="32"/>
            <Texture val="@UI/TimerWindowBackground"/>
            <TextureType val="Border"/>
            <RenderPriority val="500"/>
        </Frame>
    </Frame>
</Desc>

 Screenshot of the effect in the attachments below.

THIS IS SPARTA AWESOME!

@ScorpSCII: Go

more of my own layout files to follow, since I have a collection at home of the once I use :) sadly I'm at work atm so I don't have enough time to post them.

ofcourse if others have layout files to share this is the spot to do so ;)

also a placeholder for the next layout file I upload :)

Full screen-shot please? I wanna see if I can use it for my map, just because I am wary bout it

The only snippet here doesn't seem to work anymore, are there any that have been tested with the new stuff?

@megabuster33: Go

Just checked, the snippet still works.
Added test map to show that it works, and how it is added.

Hey not sure if this belongs here, but here's a UI I'm sharin with all the lovely people. Be sure to disable the Console panel on startup, removes all the UI fluff, repositions the command bar right beside the display, hides the last 5 command buttons (might be bad for some people, but it lets me keep all the hotkeys without showing the abilities, for the base commands like stop and such) then repositions the inventory bar right above the command bar, puts both tooltips right above the bars, relocates the chat to the far left instead of the center.

Hides minimap buttons as well.

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
   <Frame type="Frame" name="GameUI/UIContainer" file="GameUI">
    <Frame type="Frame" name="ConsoleUIContainer">
         <Frame type="Image" name="BattleNetButtonFriendsFrameImage">
            <Visible val="false"/>
         </Frame>
         <Frame type="Image" name="BattleNetButtonMicrophoneFrameImage">
            <Visible val="false"/>
         </Frame>
        <Frame type="InventoryPanel" name="InventoryPanel">
            <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="-425"/>
            <Anchor side="Bottom" relative="$parent" pos="Max" offset="185"/>
            <Frame type="CommandTooltip" name="InventoryTooltip">
               <Anchor side="Bottom" relative="$parent" pos="Max" offset="-100"/>
               <Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
            </Frame>
        </Frame>
        <Frame type="CommandPanel" name="CommandPanel">
            <Anchor side="Top" relative="$this" pos="Min" offset="0"/>
            <Anchor side="Right" relative="$this" pos="Max" offset="-5"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="1250"/>
            <Anchor side="Bottom" relative="$parent" pos="Max" offset="-5"/>
            <Width val="1200"/>
            <Height val="80"/>
            <Frame type="Label" name="CommandTargetPrompt">
                <Visible val="false"/>
                <Anchor side="Left" relative="$parent/CommandButton00" pos="Max" offset="5"/>
                <Anchor side="Top" relative="$parent/CommandButton00" pos="Min" offset="0"/>
            </Frame>

            <Frame type="Label" name="CommandTargetName">
                <Visible val="false"/>
            </Frame>
            <Frame type="CommandButton" name="CommandButton05">
                <Anchor side="Left" relative="$parent/CommandButton04" pos="Max" offset="5"/>
                <Anchor side="Top" relative="$parent/CommandButton04" pos="Min" offset="0"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton10">
                <Visible val="false"/>
                <Anchor side="Bottom" relative="$parent/CommandButton09" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent/CommandButton09" pos="Max" offset="5"/>
                <Anchor side="Right" relative="$this" pos="Max" offset="5"/>
                <Anchor side="Top" relative="$this" pos="Min" offset="0"/>
            </Frame>
            <Frame type="CommandTooltip" name="CommandTooltip">
               <Anchor side="Bottom" relative="$parent" pos="Max" offset="-100"/>
               <Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
            </Frame>
         </Frame>
           <Frame type="MinimapPanel" name="MinimapPanel">
                 <Frame type="Button" name="ColorButton">
                    <Visible val="False" />
                 </Frame>
                 <Frame type="Button" name="PingButton">
                    <Visible val="False" />
                 </Frame>
                 <Frame type="Button" name="TerrainButton">
                    <Visible val="False" />
                 </Frame>
           </Frame>
    </Frame>
    <Frame type="Frame" name="FullscreenUpperContainer">
      <Frame type="ChatBar" name="ChatBar">
        <Anchor side="Top" relative="$this" pos="Min" offset="0"/>
        <Anchor side="Right" relative="$this" pos="Max" offset="0"/>
        <Anchor side="Left" relative="$parent" pos="Min" offset="20"/>
        <Anchor side="Bottom" relative="$parent" pos="Max" offset="-250"/>
      </Frame>
      <Frame type="MessageDisplay" name="ChatDisplay">
        <Anchor side="Top" relative="$this" pos="Min" offset="0"/>
        <Anchor side="Right" relative="$this" pos="Max" offset="0"/>
        <Anchor side="Left" relative="$parent" pos="Min" offset="20"/>
        <Anchor side="Bottom" relative="$parent" pos="Max" offset="-350"/>
      </Frame>
    </Frame>
    </Frame>

</Desc>

10x1 Command Card and Resized Inventory

Snippit Type: Partial

This layout puts the last 10 buttons of the command card in a single row at the bottom center, and adds a background frame. Then it resizes the inventory buttons, centers them above the new command card, and adds a background frame for the inventory.

The first 5 buttons of the command card, which are not visible in this interface, have been moved offscreen but maintain their functionality and can still be activated via hotkey.

I very carefully polished this layout, the frames are tight and the tooltips have also been moved to appropriate locations. If you are looking for somebody to do layout files for you, please message me and I may be interested. In the mean time, enjoy this snippet. :)

Objective with Sub-Objectives

Snippet Type: Partial

These files get rid of the "Main Objectives" and "Bonus Objectives" text. They re-organize the objectives so that secondary objectives are indented, and are beneath the primary objective(s). This is useful if you want your secondary objectives to be prerequisites to completing a primary objective.

Import all three files, including the dds (needed to remove the arrows). Don't change their names unless you want to do some code editing. If the order makes any difference, add ObjectivePanelIndented to the Custom Layout Files field first, then ObjectivePanelOverride second.

ObjectivePanelOverride is a traditional GameUI override file. All it does is points to a template in ObjectivePanelIndented, so that the deep changes can be made.

This is the first time I've ever used the UI editor successfully. It took me several hours using references from OP's tutorials to figure this all out. (I really wanted something like this for my map, but couldn't find anything like it.)

I've also included a test map. Enjoy!

@Helral 

The download attachments don't work any more :/ Could you post the snipet text??

Commandpanel 1x15 is in the spoiler below.

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="Frame" name="GameUI/UIContainer/ConsoleUIContainer" file="GameUI">
        <Frame type="CommandPanel" name="CommandPanel">
            <Anchor side="Bottom" relative="$parent" pos="Max" offset="-18"/>
            <Anchor side="Right" relative="$parent" pos="Mid" offset="577"/>
            <Width val="1155"/>
            <Height val="76"/>

            <Frame type="CommandTooltip" name="CommandTooltip">
                <Anchor side="Bottom" relative="$parent" pos="Max" offset="-100"/>
                <Anchor side="Right" relative="$parent" pos="Mid" offset="235"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton00">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton05">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent/CommandButton04" pos="Max" offset="#CommandButtonGap"/>
            </Frame>

            <Frame type="CommandButton" name="CommandButton10">
                <Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
                <Anchor side="Left" relative="$parent/CommandButton09" pos="Max" offset="#CommandButtonGap"/>
            </Frame>
        </Frame>

        <Frame type="Image" name="CommandPanelBorder">
            <Anchor side="Top" relative="$parent/CommandPanel" pos="Min" offset="-26"/>
            <Anchor side="Bottom" relative="$parent/CommandPanel" pos="Max" offset="35"/>
            <Anchor side="Left" relative="$parent/CommandPanel" pos="Min" offset="-33"/>
            <Anchor side="Right" relative="$parent/CommandPanel" pos="Max" offset="32"/>
            <Texture val="@UI/TimerWindowBackground"/>
            <TextureType val="Border"/>
            <RenderPriority val="500"/>
        </Frame>
    </Frame>
</Desc>

You can copy this into a new layout window that you can create in the UI editor.

Also know that the 1x10 example shown above the first 5 buttons are not available onscreen.