Backdrop issues - 1px border

[gempir]

I haven't looked at my addons in a while and am now in the process of updating them when I noticed some issues with my panels/frames borders



This is my main panel and it has a perfect 1px border on top but seems to have a 2px border or so on the left and right side. (Outter panel, not the buttons)

I ran this UI scale script

/script SetCVar("uiScale", 768/string.match(({GetScreenResolutions()})[GetCurrentResolution()], "%d+x(%d+)"))

But that didn't change anything about the issue sadly.

My frame code looks something like this:

local gempUI_mainpanel = CreateFrame("Frame",nil,UIParent)
gempUI_mainpanel:SetFrameStrata("BACKGROUND")
gempUI_mainpanel:SetWidth(476)
gempUI_mainpanel:SetHeight(85+extrabars_1)
gempUI_mainpanel:SetBackdrop({
    bgFile = [[Interface\Buttons\WHITE8x8]],
    edgeFile = [[Interface\Buttons\WHITE8x8]],
    edgeSize = 1,
})
gempUI_mainpanel:SetBackdropColor(G.color.r,G.color.g,G.color.b,G.color.a)
gempUI_mainpanel:SetBackdropBorderColor(G.bordercolor.r, G.bordercolor.g, G.bordercolor.b, G.bordercolor.a)
gempUI_mainpanel:SetPoint("BOTTOM",0,-1)
gempUI_mainpanel:Show()

Did the Interface\Buttons\WHITE8x8 texture change or something, or am I doing something wrong? I want a simple 1px border on my frames all around.

I have a 1440p screen if thats relevant

[Aftermathhqt]

Originally Posted by gempir I haven't looked at my addons in a while and am now in the process of updating them when I noticed some issues with my panels/frames borders This is my main panel and it has a perfect 1px border on top but seems to have a 2px border or so on the left and right side. (Outter panel, not the buttons) I ran this UI scale script /script SetCVar("uiScale", 768/string.match(({GetScreenResolutions()})[GetCurrentResolution()], "%d+x(%d+)")) But that didn't change anything about the issue sadly. My frame code looks something like this: local gempUI_mainpanel = CreateFrame("Frame",nil,UIParent) gempUI_mainpanel:SetFrameStrata("BACKGROUND") gempUI_mainpanel:SetWidth(476) gempUI_mainpanel:SetHeight(85+extrabars_1) gempUI_mainpanel:SetBackdrop({     bgFile = [[Interface\Buttons\WHITE8x8]],     edgeFile = [[Interface\Buttons\WHITE8x8]],     edgeSize = 1, }) gempUI_mainpanel:SetBackdropColor(G.color.r,G.color.g,G.color.b,G.color.a) gempUI_mainpanel:SetBackdropBorderColor(G.bordercolor.r, G.bordercolor.g, G.bordercolor.b, G.bordercolor.a) gempUI_mainpanel:SetPoint("BOTTOM",0,-1) gempUI_mainpanel:Show() Did the Interface\Buttons\WHITE8x8 texture change or something, or am I doing something wrong? I want a simple 1px border on my frames all around.

Try this

local PerfectBorders = 768/string.match(GetCVar("gxWindowedResolution"), "%d+x(%d+)") / Insert Your UIScale Here
local PerfectScale = function(ScaleObject)
    return PerfectBorders*math.floor(ScaleObject/PerfectBorders)
end

[gempir]

Originally Posted by Game92 Try this local PerfectBorders = 768/string.match(GetCVar("gxWindowedResolution"), "%d+x(%d+)") / Insert Your UIScale Here local PerfectScale = function(ScaleObject)     return PerfectBorders*math.floor(ScaleObject/PerfectBorders) end

So do I use it like this?

local newScale = PerfectScale(frame)
frame:SetScale(newScale)

Edit:

I found out setting the UI scale to 0.5333333 works out on my 1440p screen but it's only possible via chat with the command /run UIParent:SetScale(0.5333333)

I would like to set it automaticly in my addon and dynamicly depending on the resolution

Okay this is my solution for now:

local f = CreateFrame("Frame", nil, UIParent)
f:RegisterEvent("PLAYER_ENTERING_WORLD")
f:SetScript("OnEvent", function(self, event)
    local newScale = 768 / string.match(({GetScreenResolutions()})[GetCurrentResolution()], "%d+x(%d+)")
    UIParent:SetScale(newScale) -- change the size and reload your ui (/reloadui) or restart the game
    f:UnregisterAllEvents()
end)

Only thing with this is that the user can't edit his UIscaling

[Aftermathhqt]

Originally Posted by gempir So do I use it like this? local newScale = PerfectScale(frame) frame:SetScale(newScale) Edit: I found out setting the UI scale to 0.5333333 works out on my 1440p screen but it's only possible via chat with the command /run UIParent:SetScale(0.5333333) I would like to set it automaticly in my addon and dynamicly depending on the resolution Okay this is my solution for now: local f = CreateFrame("Frame", nil, UIParent) f:RegisterEvent("PLAYER_ENTERING_WORLD") f:SetScript("OnEvent", function(self, event)     local newScale = 768 / string.match(({GetScreenResolutions()})[GetCurrentResolution()], "%d+x(%d+)")     UIParent:SetScale(newScale) -- change the size and reload your ui (/reloadui) or restart the game     f:UnregisterAllEvents() end) Only thing with this is that the user can't edit his UIscaling

You use it like this =)

AGlow:SetBackdrop({
            bgFile = nil,
            insets = {top = -1, left = 1, bottom = 1, right = 1},
            edgeFile = "Interface\\Buttons\\WHITE8x8", edgeSize = PerfectBorders+PerfectScale(1.50),
        })

and you can set ur UIScale just by doing this too =)

SetCVar("uiScale", YourUIScale)

[p3lim]

The uiscale cvar can't go below 0.64, basically if you're at or above 1200 pixels in height you need to set the cvar to 1 and scale with UIParent instead.

I made this after upgrading my monitors earlier this year:
https://github.com/p3lim-wow/Inomena...re/scaling.lua

[myrroddin]

Or you can get LibUtilities to do the pixel perfect math stuff for you.

• Wowinterface
• Curse

From the description:

SetCVar("uiScale", tostring(self:PixelPerfect(1)))
SetCVar("useUiScale", "1")
local uiScale, resolutionX, resolutionY = MyAddOn:VisualData()
if resolutionY >= 1200 then
    UIParent:SetScale(uiScale)
end

[gempir]

Thank you all for your suggestions!

I don't see the advantage of using LibUtilites-1.0 since I can achieve the same with a small snippet and without modifying all elements of my UI.

I've found this is the solution I prefer:

local f = CreateFrame("Frame", nil, UIParent)
f:RegisterEvent("PLAYER_ENTERING_WORLD")
f:SetScript("OnEvent", function(self, event)
    SetCVar("uiScale", "1")
    SetCVar("useUiScale", "1")
    local newScale = 768 / string.match(({GetScreenResolutions()})[GetCurrentResolution()], "%d+x(%d+)")
    UIParent:SetScale(newScale) -- change the size and reload your ui (/reloadui) or restart the game
    f:UnregisterAllEvents()
end)

I will make it a one time loading thing though and give the player the option to redo it or just use his own scaling.
Thanks for all the fast and helpful answers.