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
TechTree.lua
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.
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>
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.