[spychalski]

Hey, it's my first time messing around with addons, trying to make a simple frame and ran into a very intriguing issue.

For starters, here is some code:

local function CreateUnitFrame(self, unit)
    self:SetSize(220, 41)
    self:SetBackdrop(settings.textures.backdrop)
    self:SetBackdropColor(0, 0, 0)
 
    -- health bar
    local hp = CreateFrame("StatusBar", nil, self)
    hp:SetPoint("TOPLEFT")
    hp:SetPoint("TOPRIGHT")
    hp:SetHeight(30)
    hp:SetStatusBarTexture(settings.textures.main)
    hp:SetStatusBarColor(unpack(settings.colors.hpBar))
 
    hp.bg = hp:CreateTexture(nil, "BACKGROUND")
    hp.bg:SetAllPoints(hp)
    hp.bg:SetTexture(settings.textures.backdrop.bgFile)
 
    hp.frequentUpdates = true
    hp.PostUpdate = core.SetBackground
    self.Health = hp
 
    -- power bar
    local pb = CreateFrame("StatusBar", nil, self)
    pb:SetPoint("BOTTOMLEFT", 0, 0)
    pb:SetPoint("BOTTOMRIGHT", 0, 0)
    pb:SetHeight(10)
    pb:SetStatusBarTexture(settings.textures.main)
 
    pb.bg = pb:CreateTexture(nil, "BACKGROUND")
    pb.bg:SetAllPoints(pb)
    pb.bg:SetTexture(settings.textures.backdrop.bgFile)
    pb.bg:SetVertexColor(unpack(settings.colors.hpBar))
 
    pb.colorPower = true
    self.Power = pb
end

This is a simple Frame with a Health bar and a Power bar. My goal is to have 1px borders around the frame itself and one pixel separating the two bars. Instead, this is what I get:



and in case you can't see it:


the frame's height is 44, when it should be 43:

1 px top
40 px health
1 px gap
10 px power
1 px bottom

Now, checking the second image, I can tell you the Power bar is only 9 pixels high. The underlying frame is "taking" one pixel from it.

Does anybody have any ideas how to approach and fix this?

I already messed around with UI scales, no matter what it is (0.5333, 0.64, 0.7111 and 1 tested), the issue persists.

The only way I can fix this is by instead drawing one of the inner bars with one less pixel.