SC2Mapster Forums

Helral Moderator

Battle.net

Helral

#454 EU

Join date: May 26, 2010

Location: Netherlands

Reputation: 13

Posts: 777
Projects: 5

Last login: Apr 04, 2013

#1 Jan 30, 2012 at 08:59 UTC - 0 likes

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.

Last edited Jan 30, 2012 by Helral

Helral's Lair
Meow meoow meeow. I'm ze evil SC2MapsterKitten.

UI Tutorials listing

current projects:

UI support for other projects
Helrals Random Dungeon Map (progressing very slowly)
monitoring wiki and UI development forum

Helral Moderator

Battle.net

Helral

#454 EU

Join date: May 26, 2010

Location: Netherlands

Reputation: 13

Posts: 777
Projects: 5

Last login: Apr 04, 2013

#2 Jan 30, 2012 at 09:00 UTC - 0 likes

Partial UI Snippits

Complete UI Snippits

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.

Screenshot example of the change that the snippit will cause.

Last edited Jan 30, 2012 by Helral

Name	Description	Size	MD5
ReshapeCommandPanel.SC2Layout	&emdash;	1.6 KiB	f89961e793cc...
UI_test_1_5.SC2Map	has snippet in use with 1.5 and ...	25.7 KiB	7b4e987dab84...

ScorpSCII Regular Shmoe

Battle.net

Scorp

#960 EU

Join date: Sep 07, 2010

Location: Denmark

Reputation: 22

Posts: 641

Teams

Last login: May 22, 2013

#5 Jan 30, 2012 at 13:34 UTC - 0 likes

THIS IS ~~SPARTA~~ AWESOME!

Tutorial Custom Dialog Technique

Helral Moderator

Battle.net

Helral

#454 EU

Join date: May 26, 2010

Location: Netherlands

Reputation: 13

Posts: 777
Projects: 5

Last login: Apr 04, 2013

#6 Jan 30, 2012 at 13:43 UTC - 0 likes

@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 :)

SnyderGuy Author

Battle.net

SnyderGuy

#758 NA

Join date: Apr 18, 2011

Location: United States

Reputation: 2

Posts: 526
Projects: 8

Teams

Last login: Sep 18, 2012

#7 Jan 31, 2012 at 01:53 UTC - 0 likes

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

Tribal Wars Lycanthropy

megabuster33 Regular Shmoe

Join date: Oct 10, 2011

Location: United States

Reputation: 0

Posts: 39

Last login: Dec 24, 2012

#8 Aug 13, 2012 at 22:05 UTC - 0 likes

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

Helral Moderator

Battle.net

Helral

#454 EU

Join date: May 26, 2010

Location: Netherlands

Reputation: 13

Posts: 777
Projects: 5

Last login: Apr 04, 2013

#9 Aug 14, 2012 at 16:51 UTC - 0 likes

@megabuster33: Go

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

Last edited Aug 14, 2012 by Helral

EchoedRequiem Author

Join date: Oct 10, 2010

Location: Canada

Reputation: 1

Posts: 202
Projects: 6

Team

Team Genesis

Last login: May 24, 2013

#10 Aug 27, 2012 at 21:15 UTC - 0 likes

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>

Zergling Blood : starcraft://map/1/35684

Game of Thrones : starcraft://map/1/189756

MasterWrath Regular Shmoe

Join date: Dec 25, 2012

Location: United States

Reputation: 6

Posts: 81

Last login: May 24, 2013

#11 Jan 04, 2013 at 15:13 UTC - 0 likes

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. :)

Layout

Last edited Jan 04, 2013 by MasterWrath

Name	Size	MD5
CustomLayout.SC2Layout	4.1 KiB	ef646f40ce6b...

Trigger, layout, interface specialist for Aeon of Storms.

SC2Mapster.com

Development > UI Development

SC2Layout Snippits

Table of Contents

SC2Layout Snippits

Partial UI Snippits

Table of Contents

Complete UI Snippits

Table of Contents

Making the Commandcard 15x1

10x1 Command Card and Resized Inventory