Thread: UI Assistance
View Single Post
Old 03-18-2022, 11:39 PM   #8
Emilari
A Snow Cougar
 
Join Date: Jun 2020
Posts: 45
Interface Author - Click to view interfaces
Default

So, I'm terrible at trying to walk people through things, but I'll try here in case any future people have questions.

What they did in the patch to the buff / song / target windows is made it so that the Darkpaw side of things has the code for how many slots are available. It's now hard-coded and you can't tell the window where you want each slot.

So, to use the song window as an example, instead of:

Code:
<Button item = "SDBW_Buff0_Button"> <ScreenID>Buff0</ScreenID> <RelativePosition>true</RelativePosition> <Size> <CX>180</CX> <CY>20</CY> </Size> <Style_VScroll>false</Style_VScroll> <Style_HScroll>false</Style_HScroll> <Style_Transparent>false</Style_Transparent> <Style_Checkbox>false</Style_Checkbox> <ButtonDrawTemplate> <Normal>BlueIconBackground</Normal> <NormalDecal>BuffIcons</NormalDecal> </ButtonDrawTemplate> <DecalOffset> <X>0</X> <Y>0</Y> </DecalOffset> <DecalSize> <CX>20</CX> <CY>20</CY> </DecalSize> </Button> <TileLayoutBox item="SDBW_Buttons"> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <Style_Tooltip>true</Style_Tooltip> <Pieces>SDBW_Buff0_Button</Pieces> <Pieces>SDBW_Buff1_Button</Pieces> <Pieces>SDBW_Buff2_Button</Pieces> <Pieces>SDBW_Buff3_Button</Pieces> <Pieces>SDBW_Buff4_Button</Pieces> <Pieces>SDBW_Buff5_Button</Pieces> <Pieces>SDBW_Buff6_Button</Pieces> <Pieces>SDBW_Buff7_Button</Pieces> <Pieces>SDBW_Buff8_Button</Pieces> <Pieces>SDBW_Buff9_Button</Pieces> <Pieces>SDBW_Buff10_Button</Pieces> <Pieces>SDBW_Buff11_Button</Pieces> <Pieces>SDBW_Buff12_Button</Pieces> <Pieces>SDBW_Buff13_Button</Pieces> <Pieces>SDBW_Buff14_Button</Pieces> <Pieces>SDBW_Buff15_Button</Pieces> <Pieces>SDBW_Buff16_Button</Pieces> <Pieces>SDBW_Buff17_Button</Pieces> <Pieces>SDBW_Buff18_Button</Pieces> <Pieces>SDBW_Buff19_Button</Pieces> <Pieces>SDBW_Buff20_Button</Pieces> <Pieces>SDBW_Buff21_Button</Pieces> <Pieces>SDBW_Buff22_Button</Pieces> <Pieces>SDBW_Buff23_Button</Pieces> <Pieces>SDBW_Buff24_Button</Pieces> <Pieces>SDBW_Buff25_Button</Pieces> <Pieces>SDBW_Buff26_Button</Pieces> <Pieces>SDBW_Buff27_Button</Pieces> <Pieces>SDBW_Buff28_Button</Pieces> <Pieces>SDBW_Buff29_Button</Pieces> </TileLayoutBox>


We now have:

Code:
<Button item="SDBW_Player_Buff_Template"> <ScreenID>Player_Buff_Template</ScreenID> <RelativePosition>true</RelativePosition> <Size> <CX>180</CX> <CY>20</CY> </Size> <Template>BDT_PlayerBuff</Template> <DecalOffset> <X>0</X> <Y>0</Y> </DecalOffset> <DecalSize> <CX>20</CX> <CY>20</CY> </DecalSize> </Button> <TileLayoutBox item="SDBW_Buttons"> <ScreenID>Buff_Buttons</ScreenID> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <SnapToChildren>true</SnapToChildren> <Style_Sizable>false</Style_Sizable> <Style_Tooltip>true</Style_Tooltip> <Pieces>SDBW_Player_Buff_Template</Pieces> </TileLayoutBox>


Adding on the number labels was very similar to how you had done it previously; the only changes needed there was to remove some unnecessary code lines, and adjust the size to be 180x20 (in my experimenting trying to fix my own, things got really really cranky and all sorts of bugs cropped up when everything wasn't the same size).

So we went from:

Code:
<Label item ="SDBW_Buff0Number"> <ScreenID>Buff0No</ScreenID> <Font>2</Font> <RelativePosition>true</RelativePosition> <Size> <CX>23</CX> <CY>20</CY> </Size> <Text>43.</Text> <TextColor> <R>0</R> <G>255</G> <B>255</B> </TextColor> <NoWrap>true</NoWrap> <AlignCenter>false</AlignCenter> <AlignRight>true</AlignRight> </Label> <Label item ="SDBW_Buff1Number"> <ScreenID>Buff1No</ScreenID> <Font>2</Font> <RelativePosition>true</RelativePosition> <Size> <CX>23</CX> <CY>20</CY> </Size> <Text>44.</Text> <TextColor> <R>0</R> <G>255</G> <B>255</B> </TextColor> <NoWrap>true</NoWrap> <AlignCenter>false</AlignCenter> <AlignRight>true</AlignRight> </Label> <TileLayoutBox item="SDBW_Numbers"> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <Style_Tooltip>false</Style_Tooltip> <Pieces>SDBW_Buff0Number</Pieces> <Pieces>SDBW_Buff1Number</Pieces> <Pieces>SDBW_Buff2Number</Pieces> <Pieces>SDBW_Buff3Number</Pieces> <Pieces>SDBW_Buff4Number</Pieces> <Pieces>SDBW_Buff5Number</Pieces> <Pieces>SDBW_Buff6Number</Pieces> <Pieces>SDBW_Buff7Number</Pieces> <Pieces>SDBW_Buff8Number</Pieces> <Pieces>SDBW_Buff9Number</Pieces> <Pieces>SDBW_Buff10Number</Pieces> <Pieces>SDBW_Buff11Number</Pieces> <Pieces>SDBW_Buff12Number</Pieces> <Pieces>SDBW_Buff13Number</Pieces> <Pieces>SDBW_Buff14Number</Pieces> <Pieces>SDBW_Buff15Number</Pieces> <Pieces>SDBW_Buff16Number</Pieces> <Pieces>SDBW_Buff17Number</Pieces> <Pieces>SDBW_Buff18Number</Pieces> <Pieces>SDBW_Buff19Number</Pieces> <Pieces>SDBW_Buff20Number</Pieces> <Pieces>SDBW_Buff21Number</Pieces> <Pieces>SDBW_Buff22Number</Pieces> <Pieces>SDBW_Buff23Number</Pieces> <Pieces>SDBW_Buff24Number</Pieces> <Pieces>SDBW_Buff25Number</Pieces> <Pieces>SDBW_Buff26Number</Pieces> <Pieces>SDBW_Buff27Number</Pieces> <Pieces>SDBW_Buff28Number</Pieces> <Pieces>SDBW_Buff29Number</Pieces> </TileLayoutBox>


To this:

Code:
<Label item ="SDBW_Buff0Number"> <ScreenID>Buff0No</ScreenID> <Font>2</Font> <RelativePosition>true</RelativePosition> <Size> <CX>180</CX> <CY>20</CY> </Size> <Text>43.</Text> <TextColor> <R>0</R> <G>255</G> <B>255</B> </TextColor> <NoWrap>true</NoWrap> <AlignRight>true</AlignRight> </Label> <Label item ="SDBW_Buff1Number"> <ScreenID>Buff1No</ScreenID> <Font>2</Font> <RelativePosition>true</RelativePosition> <Text>44.</Text> <TextColor> <R>0</R> <G>255</G> <B>255</B> </TextColor> <NoWrap>true</NoWrap> <AlignRight>true</AlignRight> </Label> <TileLayoutBox item="SDBW_Numbers"> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <SnapToChildren>true</SnapToChildren> <Style_Sizable>false</Style_Sizable> <Style_Tooltip>false</Style_Tooltip> <Pieces>SDBW_Buff0Number</Pieces> <Pieces>SDBW_Buff1Number</Pieces> <Pieces>SDBW_Buff2Number</Pieces> <Pieces>SDBW_Buff3Number</Pieces> <Pieces>SDBW_Buff4Number</Pieces> <Pieces>SDBW_Buff5Number</Pieces> <Pieces>SDBW_Buff6Number</Pieces> <Pieces>SDBW_Buff7Number</Pieces> <Pieces>SDBW_Buff8Number</Pieces> <Pieces>SDBW_Buff9Number</Pieces> <Pieces>SDBW_Buff10Number</Pieces> <Pieces>SDBW_Buff11Number</Pieces> <Pieces>SDBW_Buff12Number</Pieces> <Pieces>SDBW_Buff13Number</Pieces> <Pieces>SDBW_Buff14Number</Pieces> <Pieces>SDBW_Buff15Number</Pieces> <Pieces>SDBW_Buff16Number</Pieces> <Pieces>SDBW_Buff17Number</Pieces> <Pieces>SDBW_Buff18Number</Pieces> <Pieces>SDBW_Buff19Number</Pieces> <Pieces>SDBW_Buff20Number</Pieces> <Pieces>SDBW_Buff21Number</Pieces> <Pieces>SDBW_Buff22Number</Pieces> <Pieces>SDBW_Buff23Number</Pieces> <Pieces>SDBW_Buff24Number</Pieces> <Pieces>SDBW_Buff25Number</Pieces> <Pieces>SDBW_Buff26Number</Pieces> <Pieces>SDBW_Buff27Number</Pieces> <Pieces>SDBW_Buff28Number</Pieces> <Pieces>SDBW_Buff29Number</Pieces> </TileLayoutBox>


Now, to add the spell labels, since in my experience, everything has to be the same size or bad things happen, we needed a way to add some sort of invisible spacer to the front and back so the spell name text doesn't go overtop of the buff icons, or the display of the time left on the buff. So, I wrapped 2 spacers and each spell name part into it's own screen item to keep it at the 180x20 size but to keep the text from being in places we don't want it.

So, we went from this:

Code:
<Label item ="SDBW_Buff0"> <ScreenID>Buff0Label</ScreenID> <EQType>600</EQType> <Font>2</Font> <RelativePosition>true</RelativePosition> <Size> <CX>153</CX> <CY>20</CY> </Size> <Text></Text> <TextColor> <R>255</R> <G>255</G> <B>255</B> </TextColor> <NoWrap>true</NoWrap> <AlignCenter>false</AlignCenter> <AlignRight>false</AlignRight> </Label> <TileLayoutBox item="SDBW_Buffs"> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <Style_Tooltip>false</Style_Tooltip> <TopAnchorOffset>3</TopAnchorOffset> <Pieces>SDBW_Buff0</Pieces> <Pieces>SDBW_Buff1</Pieces> <Pieces>SDBW_Buff2</Pieces> <Pieces>SDBW_Buff3</Pieces> <Pieces>SDBW_Buff4</Pieces> <Pieces>SDBW_Buff5</Pieces> <Pieces>SDBW_Buff6</Pieces> <Pieces>SDBW_Buff7</Pieces> <Pieces>SDBW_Buff8</Pieces> <Pieces>SDBW_Buff9</Pieces> <Pieces>SDBW_Buff10</Pieces> <Pieces>SDBW_Buff11</Pieces> <Pieces>SDBW_Buff12</Pieces> <Pieces>SDBW_Buff13</Pieces> <Pieces>SDBW_Buff14</Pieces> <Pieces>SDBW_Buff15</Pieces> <Pieces>SDBW_Buff16</Pieces> <Pieces>SDBW_Buff17</Pieces> <Pieces>SDBW_Buff18</Pieces> <Pieces>SDBW_Buff19</Pieces> <Pieces>SDBW_Buff20</Pieces> <Pieces>SDBW_Buff21</Pieces> <Pieces>SDBW_Buff22</Pieces> <Pieces>SDBW_Buff23</Pieces> <Pieces>SDBW_Buff24</Pieces> <Pieces>SDBW_Buff25</Pieces> <Pieces>SDBW_Buff26</Pieces> <Pieces>SDBW_Buff27</Pieces> <Pieces>SDBW_Buff28</Pieces> <Pieces>SDBW_Buff29</Pieces> </TileLayoutBox>


To this:

Code:
<Label item="SDBW_Buff_FrontSpacer"> <ScreenID>SDBuffFrontSpacer</ScreenID> <RelativePosition>true</RelativePosition> <Font>2</Font> <Location> <X>0</X> <Y>0</Y> </Location> <Size> <CX>25</CX> <CY>20</CY> </Size> <Style_Tooltip>false</Style_Tooltip> </Label> <Label item="SDBW_Buff_BackSpacer"> <ScreenID>SDBuffBackSpacer</ScreenID> <RelativePosition>true</RelativePosition> <Font>2</Font> <Location> <X>161</X> <Y>0</Y> </Location> <Size> <CX>20</CX> <CY>20</CY> </Size> <Style_Tooltip>false</Style_Tooltip> </Label> <Label item ="SDBW_Buff0"> <ScreenID>Buff0Label</ScreenID> <EQType>600</EQType> <Font>2</Font> <RelativePosition>true</RelativePosition> <Location> <X>25</X> <Y>0</Y> </Location> <Size> <CX>135</CX> <CY>20</CY> </Size> <NoWrap>true</NoWrap> </Label> <Screen item="SDBW_00_Screen"> <Size> <CX>180</CX> <CY>20</CY> </Size> <Pieces>SDBW_Buff_FrontSpacer</Pieces> <Pieces>SDBW_Buff0</Pieces> <Pieces>SDBW_Buff_BackSpacer</Pieces> </Screen> <TileLayoutBox item="SDBW_Buffs"> <RelativePosition>true</RelativePosition> <AutoStretch>true</AutoStretch> <BottomAnchorToTop>false</BottomAnchorToTop> <RightAnchorToLeft>false</RightAnchorToLeft> <TopAnchorOffset>3</TopAnchorOffset> <Style_Transparent>true</Style_Transparent> <Spacing>0</Spacing> <SecondarySpacing>10</SecondarySpacing> <HorizontalFirst>false</HorizontalFirst> <AnchorToTop>true</AnchorToTop> <AnchorToLeft>false</AnchorToLeft> <FirstPieceTemplate>true</FirstPieceTemplate> <SnapToChildren>true</SnapToChildren> <Style_Sizable>false</Style_Sizable> <Style_Tooltip>false</Style_Tooltip> <Pieces>Screen:SDBW_00_Screen</Pieces> <Pieces>Screen:SDBW_01_Screen</Pieces> <Pieces>Screen:SDBW_02_Screen</Pieces> <Pieces>Screen:SDBW_03_Screen</Pieces> <Pieces>Screen:SDBW_04_Screen</Pieces> <Pieces>Screen:SDBW_05_Screen</Pieces> <Pieces>Screen:SDBW_06_Screen</Pieces> <Pieces>Screen:SDBW_07_Screen</Pieces> <Pieces>Screen:SDBW_08_Screen</Pieces> <Pieces>Screen:SDBW_09_Screen</Pieces> <Pieces>Screen:SDBW_10_Screen</Pieces> <Pieces>Screen:SDBW_11_Screen</Pieces> <Pieces>Screen:SDBW_12_Screen</Pieces> <Pieces>Screen:SDBW_13_Screen</Pieces> <Pieces>Screen:SDBW_14_Screen</Pieces> <Pieces>Screen:SDBW_15_Screen</Pieces> <Pieces>Screen:SDBW_16_Screen</Pieces> <Pieces>Screen:SDBW_17_Screen</Pieces> <Pieces>Screen:SDBW_18_Screen</Pieces> <Pieces>Screen:SDBW_19_Screen</Pieces> <Pieces>Screen:SDBW_20_Screen</Pieces> <Pieces>Screen:SDBW_21_Screen</Pieces> <Pieces>Screen:SDBW_22_Screen</Pieces> <Pieces>Screen:SDBW_23_Screen</Pieces> <Pieces>Screen:SDBW_24_Screen</Pieces> <Pieces>Screen:SDBW_25_Screen</Pieces> <Pieces>Screen:SDBW_26_Screen</Pieces> <Pieces>Screen:SDBW_27_Screen</Pieces> <Pieces>Screen:SDBW_28_Screen</Pieces> <Pieces>Screen:SDBW_29_Screen</Pieces> </TileLayoutBox>


Then in the final window, it's wrapped up exactly the way you had it:

Code:
<Screen item = "ShortDurationBuffWindow"> <Text>Songs</Text> <RelativePosition>false</RelativePosition> <Location> <X>315</X> <Y>0</Y> </Location> <Size> <CX>192</CX> <CY>615</CY> </Size> <Style_VScroll>false</Style_VScroll> <Style_HScroll>false</Style_HScroll> <Style_Transparent>true</Style_Transparent> <DrawTemplate>WDT_RoundedNoTitle</DrawTemplate> <Style_Titlebar>false</Style_Titlebar> <Style_Closebox>true</Style_Closebox> <Style_Minimizebox>false</Style_Minimizebox> <Style_Border>true</Style_Border> <Style_Sizable>false</Style_Sizable> <Style_ClientMovable>true</Style_ClientMovable> <Escapable>false</Escapable> <Pieces>TileLayoutBox:SDBW_Buttons</Pieces> <Pieces>TileLayoutBox:SDBW_Numbers</Pieces> <Pieces>TileLayoutBox:SDBW_Buffs</Pieces> </Screen>


I hope that makes sense I edited my previous post above to add the song and target windows to the same post now that they're all complete. I hope they work well for you!
Emilari is offline   Reply With Quote