I've been slowly working on the nUI replacement. But I have hit a snag with creating a simple health bar.
I tried StatusBar control which correctly resized the bar according to the min/max and value settings. But, it wouldn't let me change the bar color based on the percentage.
I noticed nUI used a regular frame with a texture, so thought I would try that route. So, I had a frame holding a black texture that was always max width to the frame width and a texture holding the bar that adjusts its colours according to the percentage of health.
However, I have not been able to get the SetWidth command to work with the resizable texture. If I clear all its points and then set the single TOPLEFT point it stays at minWidth (0), if I don't clear all the points it stays at max width (150).
The new width is correctly being calculated according to current heath and max health ratio and the parent frames width but the function to actually SetWidth appears to be ignoring it.
I keep going through the code but can't see anything I have missed or added extra. Below should be all the pertinent code blocks that affects the element in question. Hopefully someone will see something my eyes are clearly missing, or I am misunderstanding in general rofl.
Thanks in advance.
This is the template that I created for it
Lua Code:
<Frame name = "XrystalUI_StatusBarTemplate" virtual = "true">
<Size x="5" y="5"/>
<Layers>
<Layer level = "BACKGROUND" textureSubLevel="-2">
<Texture parentKey = "Background" />
</Layer>
<Layer level = "BACKGROUND" textureSubLevel="2">
<Texture parentKey = "Bar" /> <<<<<<<<<<<<<<<<<
</Layer>
<Layer level = "OVERLAY" textureSubLevel = "2">
<FontString parentKey="CenterText">
<Anchors>
<Anchor point="CENTER" x="0" y="0"/>
</Anchors>
</FontString>
<FontString parentKey="LeftText">
<Anchors>
<Anchor point="LEFT" x="2" y="0"/>
</Anchors>
</FontString>
<FontString parentKey="RightText">
<Anchors>
<Anchor point="RIGHT" x="-2" y="0"/>
</Anchors>
</FontString>
</Layer>
</Layers>
</Frame>
This is the layout settings being used ( will become the default settings when finished )
Lua Code:
addonNS.Solo.Player.HealthBar = {
width = 150,
height = 20,
anchor = {
point = "TOPLEFT",
relativeTo = "Portrait",
relativePoint = "TOPRIGHT",
xOffset = "5",
yOffset = "0",
},
fontObject = "GameFontHighlightOutline",
--orientation = "HORIZONTAL", -- also "VERTICAL"
--fillStyle = "STANDARD",
color =
{
["min"] = { r = 1, g = 0, b = 0, a = 1 }, -- empty bar color
["mid"] = { r = 1, g = 1, b = 0, a = 1 }, -- bar color at 50%
["max"] = { r = 0, g = 1, b = 0, a = 1 }, -- full bar color
},
}
The frame is being created with this code and is called when the unit frame in question has finished it's creation stage
Lua Code:
addonNS.HealthBar.Create = function(unitFrame)
local newFrame = CreateFrame("StatusBar","XrystalUI_".. unitFrame.unitKey .. "_HealthBar",unitFrame,"XrystalUI_StatusBarTemplate")
newFrame.unitFrame = unitFrame
newFrame:RegisterEvent("PLAYER_ENTERING_WORLD")
newFrame:RegisterEvent("UNIT_HEALTH")
newFrame:RegisterEvent("UNIT_MAXHEALTH")
newFrame:SetScript("OnEvent",OnHealthEvent)
return newFrame
end
-- This is used to apply the layout information and is called by the unit frame when doing their layout updates. It is also aimed to be used when the layout is changed ( at present just a default layout used )
Lua Code:
addonNS.HealthBar.ApplyLayout = function(newFrame, activeFrameLayout, defaultFrameLayout)
local activeLayout = activeFrameLayout.HealthBar
local defaultLayout = defaultFrameLayout.HealthBar
local relativeTo = addonNS.UnitFrames.IdentifyRelativeTo(activeLayout, defaultLayout, newFrame)
newFrame:SetPoint( activeLayout.anchor.point or defaultLayout.anchor.point,
relativeTo,
activeLayout.anchor.relativePoint or defaultLayout.anchor.relativePoint,
activeLayout.anchor.xOffset or defaultLayout.anchor.xOffset,
activeLayout.anchor.yOffset or defaultLayout.anchor.yOffset )
newFrame:SetSize( activeLayout.width or defaultLayout.width,
activeLayout.height or defaultLayout.height )
-- Set up the BarTexture's Background
newFrame.Background:SetColorTexture(0,0,0,1)
newFrame.Background:SetAllPoints()
-- Set up the BarTexture Position <<<<<<<<<<<
newFrame.Bar:ClearAllPoints()
newFrame.Bar:SetPoint("LEFT",newFrame,"LEFT",0,0)
newFrame.Bar:SetWidth(5)
-- Set up the texts font objects
local fontObject = activeLayout.fontObject or defaultLayout.fontObject
newFrame.CenterText:SetFontObject(fontObject)
newFrame.LeftText:SetFontObject(fontObject)
newFrame.RightText:SetFontObject(fontObject)
end
And this is the code it executes whenever there is a health related event triggered ( currently UNIT_HEALTH and UNIT_MAXHEALTH and PLAYER_ENTERING_WORLD )
Lua Code:
addonNS.HealthBar.UpdateBarTexture = function(unitFrame)
print("UpdateBarTexture")
local activeFrameLayout,defaultFrameLayout = addonNS.UnitFrames.IdentifyLayoutsForUnit(unitFrame.unitKey)
local activeLayout = activeFrameLayout and activeFrameLayout.HealthBar
local defaultLayout = defaultFrameLayout and defaultFrameLayout.HealthBar
activeLayout = activeLayout or defaultLayout
local health = unitFrame.health
local maxHealth = unitFrame.maxHealth
local healthRatio = tonumber(health) / tonumber(maxHealth)
local minRange = math.min( healthRatio, 1.0 )
local maxRange = math.max( 0.0, minRange)
local offset = maxRange
unitFrame.offset = maxRange
print(offset * activeLayout.width)
unitFrame.HealthBar.Bar:SetWidth(offset * activeLayout.width)
local range, color1, color2
if offset > 0.5 then
range = (offset - 0.5) * 2.0
color1 = activeLayout.color["mid"]
color2 = activeLayout.color["max"]
else
range = offset * 2.0
color1 = activeLayout.color["min"]
color2 = activeLayout.color["mid"]
end
local r = (color2.r - color1.r) * range + color1.r;
local g = (color2.g - color1.g) * range + color1.g;
local b = (color2.b - color1.b) * range + color1.b;
local a = (color2.a - color1.a) * range + color1.a;
unitFrame.HealthBar.Bar:SetColorTexture(r,g,b,1)
end
Linear Mode
