Horizontal + Vertical ScrollBar

dragonmx

Chieftain
Joined
Dec 30, 2008
Messages
1
Hi, I'm trying to make a mod for Civ5 and now I need a Technology Tree with more lines.
Default Tech Tree has 10 lines, from 0 to 9.
I know that I can set GridY over 9 and it's good for me because I need about 20 lines for Tech Tree, from 0 to 19.
Now the problem is that I can't scroll Tech Tree vertically.

This is what I have done:
TechTree.xml
Code:
<ScrollPanel Anchor="L,C" Size="Full,705" Vertical="1" AutoScrollBar="0" ID="TechTreeScrollPanelV">
		<ScrollPanel Anchor="L,C" Size="Full,705" Vertical="0" AutoScrollBar="0" ID="TechTreeScrollPanel">

			<!--Stack of Era boxes-->
			<Stack Anchor="L,C" StackGrowth="Right" Padding="0" ID="EraStack" />

			<!--The legend-->
			<Grid Size="230,200" Anchor="L,B" Offset="64,48" Style="WindowGridBlack">

				<Stack Anchor="C,C" Offset="0,0"   Size="128,128" StackGrowth="Bottom" Padding="12" >

					<GridButton Anchor="C,C" Size="200,32" Color="255,255,255,200"  Offset="0,0" StateOffsetIncrement="0,0" >
						<GridData Style="Grid9BlackTint8" />
						<Grid Anchor="C,C" Offset="0,0" Size="204,36" Padding="0,0" Style="Grid9Frame" Hidden="0" />
						<ShowOnMouseOver>
							<AlphaAnim  Anchor="C,C" Offset="0,0" Size="48,48" TextureOffset="0.0"  Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0">
								<Grid  Size="200,32" Anchor="C,C" Offset="0,0" Style="Grid9Science8" />
							</AlphaAnim>
							<AlphaAnim  Anchor="R,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="16.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<AlphaAnim  Anchor="L,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="0.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<Image Anchor="R,C" Offset="0,0" TextureOffset="8.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
							<Image Anchor="L,C" Offset="0,0" TextureOffset="0.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
						</ShowOnMouseOver>
						<Label Anchor="C,C" AnchorSide="I.O" Offset="0,0" Font="TwCenMT20" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="TXT_KEY_TECH_NOT_YET_AVAILABLE"/>
					</GridButton>

					<GridButton Anchor="C,C" Size="200,32" Color="255,255,255,200"  Offset="0,0" StateOffsetIncrement="0,0" >
						<GridData Style="Grid9Green8" />
						<Grid Anchor="C,C" Offset="0,0" Size="204,36" Padding="0,0" Style="Grid9Frame" Hidden="0" />
						<ShowOnMouseOver>
							<AlphaAnim  Anchor="C,C" Offset="0,0" Size="48,48" TextureOffset="0.0"  Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0">
								<Grid  Size="200,32" Anchor="C,C" Offset="0,0" Style="Grid9Science8" />
							</AlphaAnim>
							<AlphaAnim  Anchor="R,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="16.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<AlphaAnim  Anchor="L,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="0.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<Image Anchor="R,C" Offset="0,0" TextureOffset="8.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
							<Image Anchor="L,C" Offset="0,0" TextureOffset="0.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
						</ShowOnMouseOver>
						<Label Anchor="C,C" AnchorSide="I.O" Offset="0,0" Font="TwCenMT20" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="TXT_KEY_TECH_AVAILABLE"/>
					</GridButton>

					<GridButton Anchor="C,C" Size="200,32" Color="255,255,255,200"  Offset="0,0" StateOffsetIncrement="0,0" >
						<GridData Style="Grid9DarkBlue8Button" />
						<Grid Anchor="C,C" Offset="0,0" Size="204,36" Padding="0,0" Style="Grid9Frame" Hidden="0" />
						<AlphaAnim  Anchor="C,C" Offset="0,0" Size="200,32" TextureOffset="0.0"  Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".25" AlphaEnd=".75" Hidden="0">
							<Grid  Size="200,32" Anchor="C,C" Offset="0,0" Style="Grid9Science8" />
						</AlphaAnim>
						<ScrollAnim  Offset="0,0"  Size="200.32" Speed="0.25" Texture="assets\UI\Art\Notification\Bubbles256.dds" MaskTexture="assets\UI\Art\Notification\BubblesMask375x90.dds" />
						<ShowOnMouseOver>
							<AlphaAnim  Anchor="C,C" Offset="0,0" Size="48,48" TextureOffset="0.0"  Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0">
								<Grid  Size="200,32" Anchor="C,C" Offset="0,0" Style="Grid9Science8" />
							</AlphaAnim>
							<AlphaAnim  Anchor="R,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="16.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<AlphaAnim  Anchor="L,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="0.0" Texture="Assets/UI/Art/Controls/buttonsidesglow.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<Image Anchor="R,C" Offset="0,0" TextureOffset="8.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
							<Image Anchor="L,C" Offset="0,0" TextureOffset="0.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsides.dds" Size="8,16" />
						</ShowOnMouseOver>
						<Label Anchor="C,C"  Offset="0,0" Font="TwCenMT20" ColorSet="Beige_Black_Alpha" FontStyle="Shadow" String="TXT_KEY_TECH_CURR_RESEARCH"/>
					</GridButton>

					<GridButton Anchor="C,C" Size="200,32" Color="255,255,255,230"  Offset="0,0" StateOffsetIncrement="0,0" >
						<GridData Style="Grid9Gold8" />
						<Grid Anchor="C,C" Offset="0,0" Size="204,36" Padding="0,0" Style="Grid9FrameGold" Hidden="0" />
						<ScrollAnim  Offset="0,0"  Size="200.32" Speed="0.07    " Texture="TechGoldShine.dds" MaskTexture="assets\UI\Art\Notification\BubblesMask375x90.dds" />
						<ShowOnMouseOver>
							<AlphaAnim  Anchor="C,C" Offset="0,0" Size="48,48" TextureOffset="0.0"  Pause="0" Cycle="Bounce" Speed="1" AlphaStart="1" AlphaEnd=".0" Hidden="0">
								<Grid  Size="200,32" Anchor="C,C" Offset="0,0" Style="Grid9Gold8" />
							</AlphaAnim>
							<AlphaAnim  Anchor="R,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="16.0" Texture="Assets/UI/Art/Controls/buttonsidesglowgold.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<AlphaAnim  Anchor="L,C"  AnchorSide="O.O"  Offset="0,0" Size="16,32" TextureOffset="0.0" Texture="Assets/UI/Art/Controls/buttonsidesglowgold.dds" Pause="0" Cycle="Bounce" Speed="1" AlphaStart=".99" AlphaEnd=".25" Hidden="0"/>
							<Image Anchor="R,C" Offset="0,0" TextureOffset="8.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsidesgold.dds" Size="8,16" />
							<Image Anchor="L,C" Offset="0,0" TextureOffset="0.0" AnchorSide="O.O"  Texture="Assets/UI/Art/Controls/buttonsidesgold.dds" Size="8,16" />
						</ShowOnMouseOver>
						<Label Anchor="C,C" AnchorSide="I.O" Offset="0,0" Font="TwCenMT20" Color0="111.51.0.222" Color1="255.222.22.255" Color2="229.118.22.255" FontStyle="SoftShadow" String="TXT_KEY_TECH_RESEARCHED"/>
					</GridButton>

				</Stack>
			</Grid>
			
			<UpButton   Offset="114,0"  Anchor="L,B"  AnchorSide="i,i"  Style="ScrollBarLeft"   />
			<DownButton Offset="2,0"    Anchor="R,B"  AnchorSide="i,i"  Style="ScrollBarRight"  />
			<ScrollBar  Offset="19,0"   Anchor="R,B"  AnchorSide="i,i"  Style="ScrollBar"       Length="900" ID="TechTreeScrollBar"/>

		</ScrollPanel>

		<GridButton Anchor="L,B" AnchorSide="i,o" Size="100,32" Offset="7,-13" String="TXT_KEY_CLOSE" ID="CloseButton" Style="BaseButton" ConsumeMouse="1" />

		<UpButton   Offset="1,0"  Anchor="R,T"  AnchorSide="i,i"  Style="ScrollBarUp"   />
		<DownButton Offset="1,0"    Anchor="R,B"  AnchorSide="i,i"  Style="ScrollBarDown"  />
		<ScrollBar  Offset="1,132"   Anchor="R,T"  AnchorSide="i,i"  Style="VertSlider"       Length="400" ID="TechTreeScrollBarV"/>

	</ScrollPanel>
TechTree.lua
Code:
-- make the scroll bar the correct size for the display size
	Controls.TechTreeScrollBar:SetSizeX( Controls.TechTreeScrollPanel:GetSize().x - 150 );
	Controls.TechTreeScrollBarV:SetSizeY( Controls.TechTreeScrollPanel:GetSize().y - 150 );

I need both horizontal and vertical scrollbar, but now only one works.
I have problems to create the vertical scrollbar too; now it's bad.

Thank you for help.
 
Back
Top Bottom