Forge_User_03903326 - SC2 Mapster Forums

[UI] How to alter runtime created UI elements Jul 19, 2015

Forge_User_03903326

Join Date: 5/26/2010
Posts: 832
Member Details

Good question. I've several things through the UI but nothing worked so far.
You can however change the image used, so if you set it to transparent images they're gone.

Add these lines to your Assets.txt file which you import into your map.

UI/ObjectivePanelCheckboxActive=transparent.dds
UI/ObjectivePanelCheckboxActive_Terr=transparent.dds
UI/ObjectivePanelCheckboxActive_Prot=transparent.dds
UI/ObjectivePanelCheckboxActive_Zerg=transparent.dds
UI/ObjectivePanelCheckboxNew=transparent.dds
UI/ObjectivePanelCheckboxNew_Terr=transparent.dds
UI/ObjectivePanelCheckboxNew_Prot=transparent.dds
UI/ObjectivePanelCheckboxNew_Zerg=transparent.dds
UI/ObjectivePanelCheckboxFailed=transparent.dds
UI/ObjectivePanelCheckboxFailed_Terr=transparent.dds
UI/ObjectivePanelCheckboxFailed_Prot=transparent.dds
UI/ObjectivePanelCheckboxFailed_Zerg=transparent.dds
UI/ObjectivePanelCheck=transparent.dds
UI/ObjectivePanelCheck_Terr=transparent.dds
UI/ObjectivePanelCheck_Prot=transparent.dds
UI/ObjectivePanelCheck_Zerg=transparent.dds

Edit: Right, I just figured out why my change wasn't working. The game changes the visible state of the images for the checkboxes. Therefor <Visible val='false'/> won't work. What does work is moving them offscreen:

    <Frame type="ObjectivePanelListBoxItem" name="ObjectivePanelListBoxItem" file="ObjectivePanel">
        <Frame type="Image" name="CheckboxActive">
            <!-- move offscreen -->
            <Anchor side="Left" relative="$parent" pos="Min" offset="-999"/>
        </Frame>

        <Frame type="Image" name="CheckboxNew">
            <!-- move offscreen -->
            <Anchor side="Left" relative="$parent" pos="Min" offset="-999"/>
        </Frame>

        <Frame type="Image" name="CheckboxCompleted">
            <!-- move offscreen -->
            <Anchor side="Left" relative="$parent" pos="Min" offset="-999"/>
        </Frame>

        <Frame type="Image" name="CheckboxFailed">
            <!-- move offscreen -->
            <Anchor side="Left" relative="$parent" pos="Min" offset="-999"/>
        </Frame>

        <Frame type="Image" name="Checkmark">
            <!-- move offscreen -->
            <Anchor side="Left" relative="$parent" pos="Min" offset="-999"/>
        </Frame>
    </Frame>

Last edited by Forge_User_03903326: Jul 19, 2015

[UI] How to alter runtime created UI elements Jul 18, 2015

Forge_User_03903326

Join Date: 5/26/2010
Posts: 832
Member Details

Questions

So what about the command panel where the units actions are listed?

These are not runtime created elements. They're actually created while the game is loading. You can find each button (00 through 15) with the following code:

<Frame type='CommandButton' name='GameUI/UIContainer/ConsoleUIContainer/CommandPanel/CommandButton{{{##}}}' file='GameUI'>
</Frame>

where ## is the button number.

Last edited by Forge_User_03903326: Jul 18, 2015

[UI] How to alter runtime created UI elements Jul 18, 2015

Forge_User_03903326

Join Date: 5/26/2010
Posts: 832
Member Details

You might be thinking like, everything is already predefined in the UI. Well it is and it isn't. Kinda odd isn't it?

Well let's take a look at what we know, take the InfoPaneUnit for example:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="InfoPaneUnit" name="InfoPaneUnitTemplate">
        <Frame type="Label" name="NameLabel">
            <Anchor side="Top" relative="$parent" pos="Min" offset="10"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
            <Options val="NoWrapping"/>
        </Frame>

        <Frame type="Label" name="SubtitleLabel">
            <Anchor side="Top" relative="$parent/NameLabel" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
            <CollapseLayout val="true"/>
            <Height val="50"/>
            <Style val="@@InfoPaneUnitSubtitle"/>
        </Frame>
        
        <Frame type="ProgressBar" name="ProgressBar">
            <Anchor side="Top" relative="$parent/NameLabel" pos="Max" offset="0"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="2"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="-8"/>
            <Texture val="@@UI/ProgressQueue"/>
            <MinValue val="0.000000"/>
            <Color val="##StandardProgressBorder"/>
            <ColorStep val="##StandardProgressFill"/>
            <Width val="128"/>
            <Height val="16"/>
        </Frame>

        <Frame type="Label" name="InfoLabel">
            <Anchor side="Bottom" relative="$parent" pos="Min" offset="106"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="2"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="-8"/>
            <Style val="@@InfoPaneUnitInfo"/>
        </Frame>

        <Frame type="Frame" name="EquipmentPanel">
            <Anchor side="Top" relative="$parent" pos="Min" offset="108"/>
            <Anchor side="Left" relative="$parent" pos="Mid" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Mid" offset="0"/>
            <Height val="64"/>
        </Frame>
        
        <Frame type="Label" name="TypeLabel">
            <Anchor side="Top" relative="$parent/EquipmentPanel" pos="Max" offset="4"/>
            <Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
            <Style val="@@InfoPaneUnitType"/>
            <Options val="NoWrapping"/>
        </Frame>        
    </Frame>
</Desc>

Let's look into the EquipmentPanel part. This panel displays:

For any weapon the selected unit has: The weapon and the upgrade level.
For any armor the selected unit has: The armor and the upgrade level.

Now zooming in on the description of the frame:

        <Frame type="Frame" name="EquipmentPanel">
            <Anchor side="Top" relative="$parent" pos="Min" offset="108"/>
            <Anchor side="Left" relative="$parent" pos="Mid" offset="0"/>
            <Anchor side="Right" relative="$parent" pos="Mid" offset="0"/>
            <Height val="64"/>
        </Frame>

So how do you modify how the information is displayed there then? You do that by modifying the Template. Yes you can modify templates.

Have you noticed how at the end of the frame you modify you normally say ' file="GameUI" ' ? Well this defines what the source file is. The GameUI file is the source file for everything that is initially shown and never altered.

Say I wanted to modify the EquipmentIcon. This Icon is generated when you select an unit. It is not visible by default, and not accessible.

You see the three icons above with the red border. Well I've modified them with the following little snippit:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="EquipmentIcon" name="EquipmentIconTemplate" file="EquipmentIcon">
        <Frame type="Label" name="LevelLabel">
            <Visible val="False"/>
        </Frame>
    </Frame>
</Desc>

The result you can see below:

To also get rid of the overlay image I can change the snippit to be like this:

<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<Desc>
    <Frame type="EquipmentIcon" name="EquipmentIconTemplate" file="EquipmentIcon">
        <Frame type="Label" name="LevelLabel">
            <Visible val="False"/>
        </Frame>
        <Frame type="Image" name="EquipmentIconBorder">
            <Visible val="False"/>
        </Frame>
    </Frame>
</Desc>

And here's the result:

This is easy after all isn't it. Well what can and can't you do with this, is for you to find out. I've only been back to the SC2Editor for 3 hours. Enjoy this little piece of knowledge.

Last edited by Forge_User_03903326: Jul 18, 2015

SC2Mapster

Search results for 'Forge_User_03903326'