Authors CurseForge

What is a good source for someone UI development?

Everything that I can find is either Hello World and nothing more advanced or good god you know just about everything and just need references. I alredy know xml, lua and some of the basic UI hooks.

My first project is display a table of information and preferably make it sortable. I want to have it similar to the guild roster window so I have been looking at Blizzard_GuildRoster xml and lua.

This is what I have so far and nothing is displaying in game, and for my OnShow the buttons is nil and I can't figure out why.

 xmlns="http://www.blizzard.com/wow/ui/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.blizzard.com/wow/ui/
..\FrameXML\UI.xsd">
	<Script file="localization.core.lua" />
	<Script file="localization.zhTW.lua" />
	<Script file="SimpleILevel.lua" />

	<Frame name="SimpleILevel" parent="UIParent">
		<Scripts>
			<OnLoad function="SIL_OnLoad" />
			<OnEvent function="SIL_OnEvent" />
		</Scripts>
	</Frame>
	
	<Button name="ReloadButton" parent="UIParent">
		<Size x="128" y="32" />
		<Anchors>
			<Anchor point="CENTER" x="-200" y="64" />
		</Anchors>
		<Scripts>
			<OnClick>
				ReloadUI();
			</OnClick>
		</Scripts>
		<NormalTexture inherits="DialogButtonNormalTexture"/>
		<PushedTexture inherits="DialogButtonPushedTexture"/>
		<HighlightTexture inherits="DialogButtonHighlightTexture"/>
		<NormalText inherits="DialogButtonNormalText" text="Reload"/>
		<HighlightText inherits="DialogButtonHighlightText" text="Reload"/>
	</Button>

		
	<Frame name="SimpleILevelScores" parent="UIParent" setAllPoints="true">
		<Anchors>
			<Anchor point="CENTER" x="0" y="0" />
		</Anchors>
		<Layers>
			<Layer level="BACKGROUND">
				<Texture name="$parentStripe" setAllPoints="true" file="Interface\GuildFrame\GuildFrame" parentKey="stripe">
					<TexCoords left="0.36230469" right="0.38183594" top="0.95898438" bottom="0.99804688"/>
				</Texture>
			</Layer>
			<Layer level="BORDER">
				<Texture name="$parentBarTexture" hidden="true" urgency="5" file="Interface\TargetingFrame\UI-StatusBar" parentKey="barTexture">
					<Size x="10" y="20" />
					<Anchors>
						<Anchor point="LEFT" x="60" y="0" />
					</Anchors>
					<Color r="0" g="1" b="0" a="0.1" />
				</Texture>
			</Layer>
		</Layers>
		
		<Frames>
			<Button name="SimpleILevelScoresC1" inherits="GuildRosterColumnButtonTemplate">
				<Anchors>
					<Anchor point="TOPLEFT" x="7" y="-68"/>
				</Anchors>
			</Button>
			<Button name="SimpleILevelScoresC2" inherits="GuildRosterColumnButtonTemplate">
				<Anchors>
					<Anchor point="TOPLEFT" relativeTo="SimpleILevelScoresC1" relativePoint="RIGHT" x="7" y="-68"/>
				</Anchors>
			</Button>
			<ScrollFrame name="SimpleILevelScoresContainer" inherits="HybridScrollFrameTemplate">
				<Size x="300" y="400" />
				<Anchors>
					<Anchor point="TOPRIGHT" x="-27" y="-95" />
				</Anchors>
				<Frames>
					<Slider name="SimpleILevelScoresContainerSB" inherits="HybridScrollBarTemplate">
						<Anchors>
							<Anchor point="TOPLEFT" relativePoint="TOPRIGHT" x="0" y="-12" />
							<Anchor point="BOTTOMLEFT" relativePoint="BOTTOMRIGHT" x="0" y="12" />
						</Anchors>
					</Slider>
				</Frames>
			</ScrollFrame>
		</Frames>
		<Scripts>
			<OnLoad>
				-- This will move to the addon later
				SimpleILevelScoresC1:SetText("Column A");
				SimpleILevelScoresC2:SetText("Column B");
				print("Loaded Frame");
			</OnLoad>
			<OnShow>
				print("Showing Frame");
				local scrollFrame = SimpleILevelScoresContainer;
				local offset = HybridScrollFrame_GetOffset(scrollFrame);
				local buttons = scrollFrame.buttons;
				print(scrollFrame, offset, buttons);
			</OnShow>
		</Scripts>
		<NormalText inherits="DialogButtonNormalText" text="Reload"/>
	</Frame>
</Ui>

I do get Loaded Frame and Showing Frame in game as well as the ReloadButton

TBH, your first problem is in your intent here. "My first project is display a table of information and preferably make it sortable"

While a table of information may seem simple in practice, the display part is quite complicated and sorting it is even more so. The way that blizzard's UI does the whole sroll frame is not a simple method to use.

-I'd recommend you start smaller, work with it in the chat frame first and then more to the other GUI elements.
-If you've already done that, then start smaller like with a simple frame of data that dosn't scroll.

Going on from that, there is a nice guide on wowpedia for the FauxScrollFrame that IMO is easier to use than the hybrid one

http://www.wowpedia.org/Making_a_scrollable_list_using_FauxScrollFrameTemplate


BTW, the whole of the Guild Roster is Load On Demand, so 99% of the objects in the roster don't exist till it's loaded by opening it. the default ui manually loads the GuildRoster & Friends when you hit the hotkey :)