[Solved] Creating a custom button using sc2layout

#1 Apr 27, 2013

Forge_User_20974461

Join Date: 8/12/2006
Posts: 1,013
Member Details

I'm trying to create a custom button using sc2layout, however I'm not able to apply the normal and hover textures of the button :|
I copied various examples from the original UI Data but nothing is working.
Any suggestion on how should I fix it?

here is my xml code

<Frame type="Button" name="CameraRotateLeft">
	<NormalImage val="NormalImage"/>
	<HoverImage val="HoverImage"/>
	<Anchor side="Top" relative="$parent/PingButton" pos="Min" offset="0"/>
	<Anchor side="Left" relative="$parent/PingButton" pos="Max" offset="0"/>
	<Width val="48"/>
	<Height val="48"/>
	<Tooltip val="Rotate camera counterclockwise"/>
	<ClickSound val="@UI_GenericButton"/>
	
	<Frame type="Image" name="NormalImage">
		<LayerCount val="2"/>
		<StateCount val="3"/>
		<TextureType val="Normal" layer="0"/>
		<LayerColor val="##StandardButtonBorder" layer="0"/>
		<Texture val="@@UI/TechGlossaryButtonNormal"/>
		<RenderPriority val="1"/>
	</Frame>
	<Frame type="Image" name="HoverImage">
		<LayerCount val="2"/>
		<StateCount val="3"/>
		<TextureType val="Normal" layer="0"/>
		<LayerColor val="##StandardButtonBorder" layer="0"/>
		<Texture val="@@UI/TechGlossaryButtonHover"/>
		<RenderPriority val="1"/>
	</Frame>
	<Frame type="Image" name="Icon">
		<Anchor side="Top" relative="$parent" pos="Min" offset="0"/>
		<Anchor side="Left" relative="$parent" pos="Min" offset="0"/>
		<Anchor side="Bottom" relative="$parent" pos="Max" offset="0"/>
		<Anchor side="Right" relative="$parent" pos="Max" offset="0"/>
		<Texture val="Assets\Textures\btn-camera-rotate-left.dds" layer="0"/>
		<RenderPriority val="2"/>
	</Frame>
</Frame>

and here is how it appears

Last edited by Forge_User_20974461: Apr 27, 2013

#2 May 1, 2013

Forge_User_20974461

Join Date: 8/12/2006
Posts: 1,013
Member Details

Ok I was able to find the correct syntax for buttons, here is my code and the result in game

<Frame type="Button" name="CameraRotateLeftButton">
	<NormalImage val="NormalImage"/>
	<HoverImage val="HoverImage"/>
	<Anchor side="Top" relative="$parent/PingButton" pos="Min" offset="0"/>
	<Anchor side="Left" relative="$parent/PingButton" pos="Max" offset="0"/>
	<Width val="48"/>
	<Height val="48"/>
	<Tooltip val="(Ctrl+Q) Rotate camera counterclockwise"/>
	<ClickSound val="@UI_GenericButton"/>
	<Style val="StandardButton"/>
	<CollapseLayout val="true"/>
	<Shortcut val="Control+Q"/>
	
	<Frame type="Image" name="NormalImage">
		<Anchor side="Top" relative="$parent" pos="Min" offset="-4"/>
		<Anchor side="Left" relative="$parent" pos="Min" offset="-4"/>
		<Anchor side="Bottom" relative="$parent" pos="Max" offset="4"/>
		<Anchor side="Right" relative="$parent" pos="Max" offset="4"/>
		<Texture val="Assets\Textures\ui_ingame_help_glossary_zerg_normalandpressed.dds" layer="0"/>
		<TextureType val="Normal" layer="0"/>
		<Tiled val="false" layer="0"/>
		<StateCount val="3" layer="0"/>
		<StateIndex val="0" layer="0"/>
		<DisabledAlpha val="60"/>
		<RenderPriority val="1"/>
		<Visible val="false"/>
	</Frame>
	<Frame type="Image" name="HoverImage">
		<Anchor side="Top" relative="$parent" pos="Min" offset="-4"/>
		<Anchor side="Left" relative="$parent" pos="Min" offset="-4"/>
		<Anchor side="Bottom" relative="$parent" pos="Max" offset="4"/>
		<Anchor side="Right" relative="$parent" pos="Max" offset="4"/>
		<Texture val="Assets\Textures\ui_ingame_help_glossary_zerg_normaloverandpressedover.dds" layer="0"/>
		<TextureType val="Normal" layer="0"/>
		<Tiled val="false" layer="0"/>
		<StateCount val="3" layer="0"/>
		<StateIndex val="0" layer="0"/>
		<DisabledAlpha val="60"/>
		<RenderPriority val="1"/>
		<Visible val="false"/>
	</Frame>
	<Frame type="Image" name="Icon">
		<Anchor side="Top" relative="$parent" pos="Min" offset="4"/>
		<Anchor side="Left" relative="$parent" pos="Min" offset="4"/>
		<Anchor side="Bottom" relative="$parent" pos="Max" offset="-4"/>
		<Anchor side="Right" relative="$parent" pos="Max" offset="-4"/>
		<Texture val="Assets\Textures\btn-camera-rotate-left.dds" layer="0"/>
		<RenderPriority val="2"/>
		<Visible val="true"/>
	</Frame>
</Frame>

Last edited by Forge_User_20974461: May 1, 2013

To post a comment, please login or register a new account.

Previous Thread

Next Thread