WoWInterface - Resize frame

WoWInterface (https://www.wowinterface.com/forums/index.php)

- Lua/XML Help (https://www.wowinterface.com/forums/forumdisplay.php?f=16)

- - Resize frame (https://www.wowinterface.com/forums/showthread.php?t=48862)

I would like to resize a frame with the mouse, just like the chat frame resizing, however i don't want anything fancy i just want to increase and decrase the scale of the frame based on the mouse's position. Here is my code so far:

Lua Code:

local function LeftButtonOnUpdate(frame, elapsed)
    --frame.x = math.floor(frame:GetLeft() + (frame:GetWidth() - UIParent:GetWidth()) / 2 + 0.5)
    --frame.y = math.floor(frame:GetTop() - (frame:GetHeight() + UIParent:GetHeight()) / 2 + 0.5)
    FRAMETORESIZE:SetScale(FRAMETORESIZE:GetScale() * 1.001)
end
 
local function SizeOnMouseDown(frame, button)
    if button == "LeftButton" then
        frame.x, frame.y = GetCursorPosition()
        frame:SetScript("OnUpdate", LeftButtonOnUpdate)
    end
end
 
local function SizeOnMouseUp(frame, button)
    if button == "LeftButton" then
        frame:SetScript("OnUpdate", nil)
    end
end
 
function ResizeStart(frame)
    frame:SetScript("OnMouseDown", SizeOnMouseDown)
    frame:SetScript("OnMouseUp", SizeOnMouseUp)
end

Try this:

lua Code:

local frame = CreateFrame("Frame", "MyAddOn_MainFrame", UIParent)
 
-- Set up the main frame here
 
local resizeButton = CreateFrame("Button", nil, frame)
resizeButton:SetSize(16, 16)
resizeButton:SetPoint("BOTTOMRIGHT")
resizeButton:SetNormalTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Up")
resizeButton:SetHighlightTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Highlight")
resizeButton:SetPushedTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Down")
 
resizeButton:SetScript("OnMouseDown", function(self, button)
    frame:StartSizing("BOTTOMRIGHT")
    frame:SetUserPlaced(true)
end)
 
resizeButton:SetScript("OnMouseUp", function(self, button)
    frame:StopMovingOrSizing()
end)

This should create a resize button in the bottom right corner of your main frame that looks like the chat frame resize button.

You can add a check for the left mouse button in the OnMouseUp/Down scripts like you have in your code if you want.

Yes but i would like to scale the frame not resize it, (Just noticed i might messed up the thread's topic, sorry for that.)

I'm not really sure how to help you. Is there a particular reason you're scaling the frame instead of just resizing it?

Quote:

Is there a particular reason you're scaling the frame instead of just resizing it

Obviously :)

Scaling affects all child objects, sizing does not.

Quote:

Originally Posted by Duugu (Post 290094)

Obviously :)

Scaling affects all child objects, sizing does not.

That makes sense. I don't think I've ever seen a drag-scaled frame before.

Quote:

Originally Posted by Duugu (Post 290094)

Scaling affects all child objects, sizing does not.

If you anchor everything just the right way that shouldn't matter. Now there would be an exception if you wanted font sizes to also change but that could be handled with an OnSizeChanged script or in the OnMouseUp script.

left button at frame background and draging = drag frame
left button at resize button and draging = resize frame
right button at resize button and draging = rescale frame

Rescaling is affected by horizontal mouse movement only. Someone has to implement the y axis. :)

It's not perfect but it's working.

Nevertheles I do agree with Vrul. Scaling a fame is never the best way to do anything size-related. In best case it just adds an extra level of complexity to your code. In worst case all your visible objects are a total mess. :)

[e] Didn't tested what would happen to child object of my test frame. And I'm seriously afraid of finding it out. ;D

Lua Code:

tObj = CreateFrame("Frame", "testframe", UIParent)
    tObj:SetPoint("CENTER", UIParent, "CENTER")
    tObj:SetHeight(100)
    tObj:SetWidth(100)
    tObj:SetBackdrop({bgFile="Interface\\Tooltips\\UI-Tooltip-Background", edgeFile="Interface\\Tooltips\\UI-Tooltip-Border", tile = false, tileSize = 1, edgeSize = 10, insets = { left = 0, right = 0, top = 0, bottom = 0 }})
    tObj:SetBackdropColor(0, 0, 0, 0.75)
    tObj:EnableMouse(true)
    tObj:SetMovable(true)
    tObj:SetResizable(true)
    tObj:SetScript("OnDragStart", function(self) 
        self.isMoving = true
        self:StartMoving() 
    end)
    tObj:SetScript("OnDragStop", function(self) 
        self.isMoving = false
        self:StopMovingOrSizing() 
        self.x = self:GetLeft() 
        self.y = (self:GetTop() - self:GetHeight()) 
        self:ClearAllPoints()
        self:SetPoint("BOTTOMLEFT", UIParent, "BOTTOMLEFT", self.x, self.y)
    end)
    tObj:SetScript("OnUpdate", function(self) 
        if self.isMoving == true then
            self.x = self:GetLeft() 
            self.y = (self:GetTop() - self:GetHeight()) 
            self:ClearAllPoints()
            self:SetPoint("BOTTOMLEFT", UIParent, "BOTTOMLEFT", self.x, self.y)
        end
    end)
    tObj:SetClampedToScreen(true)
    tObj:RegisterForDrag("LeftButton")
    tObj:SetScale(1)
    tObj.x = tObj:GetLeft() 
    tObj.y = (tObj:GetTop() - tObj:GetHeight()) 
    tObj:Show()
 
    local resizeButton = CreateFrame("Button", "resButton", tObj)
    resizeButton:SetSize(16, 16)
    resizeButton:SetPoint("BOTTOMRIGHT")
    resizeButton:SetNormalTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Up")
    resizeButton:SetHighlightTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Highlight")
    resizeButton:SetPushedTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Down")
    resizeButton:SetScript("OnMouseDown", function(self, button)
        if button == "LeftButton" then
            self.isSizing = true
            self:GetParent():StartSizing("BOTTOMRIGHT")
            self:GetParent():SetUserPlaced(true)
        elseif button == "RightButton" then
            self.isScaling = true
        end
    end)
    resizeButton:SetScript("OnMouseUp", function(self, button)
        if button == "LeftButton" then
            self.isSizing = false
            self:GetParent():StopMovingOrSizing()
        elseif button == "RightButton" then
            self.isScaling = false
        end
    end)
    resizeButton:SetScript("OnUpdate", function(self, button)
        if self.isScaling == true then
            local cx, cy = GetCursorPosition()
            cx = cx / self:GetEffectiveScale() - self:GetParent():GetLeft() 
            cy = self:GetParent():GetHeight() - (cy / self:GetEffectiveScale() - self:GetParent():GetBottom() )
 
            local tNewScale = cx / self:GetParent():GetWidth()
            local tx, ty = self:GetParent().x / tNewScale, self:GetParent().y / tNewScale
            
            self:GetParent():ClearAllPoints()
            self:GetParent():SetScale(self:GetParent():GetScale() * tNewScale)
            self:GetParent():SetPoint("BOTTOMLEFT", UIParent, "BOTTOMLEFT", tx, ty)
            self:GetParent().x, self:GetParent().y = tx, ty
        end
    end)

F@ck me i can't convert it to TOPLEFT anchored resize, but beside that it's works thanks.

Using bottomleft is the easiest way to do it. Bottomleft is equal to 0/0 and topleft is 0/1.
If you need it to be anchored to topleft you'll have to calculate new y coordinates accordingly to topleft. (eg. subtact the y value of the cursor coordinates from UIParents height to get a value relative to topleft)

Goddamns frames always jump on y axis.

I was trying to change:

self.y = (self:GetTop() - self:GetHeight())

To:

self.y = (UIParent:GetHeight() - self:GetTop())

But when i move the frame, then try to resize it it does a jump in the y axis.

Ninjaed this from Peggle:

https://github.com/Resike/Resize

Quote:

Originally Posted by Resike (Post 290175)

Ninjaed this from Peggle:

https://github.com/Resike/Resize

From the Peggle addon? Is't it obfuscated?
Does it work if the overall UI scale is not set to default? (interface settings > UI scale)

Regarding the anchor point:
You can't just change bottomleft to topleft. The anchor point changes everything.
Lets assume UIParent has a size of 100x100. As you know in wow 0/0 is the lower left corner and 1/1 is the top right corner. Always. Regardless of where something is anchored or if we are talking about frames, cursor coordinates, textures or whatever.
Setpoint coordinates are relative to the anchor point.
A positive x means a shift to the right. Negative x is left.
Positive y shifts to the top (remember, in wow 0/0 is the bottom left corner and 0/1 is top left) and negative y shifts to the bottom.
Now let's see what happens:

setpoint("bottomleft", parent, "bottomleft", 20, 20) is something like:

Code:

0/100                100/100











        x





0/0                100/0

And setpoint("topleft", parent, "topleft", 100, 100) would be something like:

Code:

        x





0/100                100/100











  





0/0                100/0

Yeah i reverse engineered most part of it.

It works properly with every UIScale because it's using a different method.

Also updated the code to scale every other child object:

Lua Code:

local childrens = {t:GetChildren()}
        for _, child in ipairs(childrens) do
                child:SetScale(n)
        end

I'm aware of the anchoring issue i tried it like this:

self:GetParent():SetPoint("TOPLEFT", UIParent, "TOPLEFT", tx, - ty)

And was using:

self.y = (UIParent:GetHeight() - self:GetTop())

To get the y coordinates, which should be fine. But i also tried to multiple it with the UIParent:GetScale() any pretty much every other number on the universe, if the frame had 1 scale then it worked, but was faulty with every other scale level.

But still every time i moved the frame, then tried to resize it, it randomly jumped +/- y axis. Not sure why, probably some other scaling issue, since you can't just get the coords with simply the GetBottom/GetTop.

If you call this after you created a frame, then the frame is gonna be scaleable, and it's gonna build up everything needed for it:

Lua Code:

function PowaAurasOptions:ResizeFrame(frame)
    local Width = frame:GetWidth()
    local Height = frame:GetHeight()
    local resizeframe = CreateFrame("Frame", nil, frame)
    resizeframe:SetPoint("BottomRight", frame, "BottomRight", - 8, 7)
    resizeframe:SetWidth(16)
    resizeframe:SetHeight(16)
    resizeframe:SetFrameLevel(frame:GetFrameLevel() + 7)
    resizeframe:EnableMouse(true)
    local resizetexture = resizeframe:CreateTexture(nil, "Artwork")
    resizetexture:SetPoint("TopLeft", resizeframe, "TopLeft", 0, 0)
    resizetexture:SetWidth(16)
    resizetexture:SetHeight(16)
    resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Up")
    frame:SetMaxResize(Width * 1.5, Height * 1.5)
    frame:SetMinResize(Width / 1.5, Height / 1.5)
    frame:SetResizable(true)
    resizeframe:SetScript("OnEnter", function(self)
        resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Highlight")
    end)
    resizeframe:SetScript("OnLeave", function(self)
        resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Up")
    end)
    resizeframe:SetScript("OnMouseDown", function(self, button)
        if button == "RightButton" then
            frame:SetWidth(Width)
            frame:SetHeight(Height)
        else
            resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Down")
            frame:StartSizing("Right")
        end
    end)
    resizeframe:SetScript("OnMouseUp", function(self, button)
        local x, y = GetCursorPosition()
        local fx = self:GetLeft() * self:GetEffectiveScale()
        local fy = self:GetBottom() * self:GetEffectiveScale()
        if x >= fx and x <= (fx + self:GetWidth()) and y >= fy and y <= (fy + self:GetHeight()) then
            resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Highlight")
        else
            resizetexture:SetTexture("Interface\\ChatFrame\\UI-ChatIM-SizeGrabber-Up")
        end
        frame:StopMovingOrSizing()
    end)
    local scrollframe = CreateFrame("ScrollFrame", nil, frame)
    scrollframe:SetWidth(Width)
    scrollframe:SetHeight(Height)
    scrollframe:SetPoint("Topleft", frame, "Topleft", 0, 0)
    frame:SetScript("OnSizeChanged", function(self)
        local s = self:GetWidth() / Width
        scrollframe:SetScale(s)
        local childrens = {self:GetChildren()}
        for _, child in ipairs(childrens) do
            if child ~= resizeframe then
                child:SetScale(s)
            end
        end
        self:SetHeight(Height * s)
    end)
end

There are still a few thing to do it with, like change the resize button's texture onmousedown and up.
Also ot exlude or only scale the scale button itself with lower frequency, to prevent it beeing unclickable. But its working properly.

Right click on the resize texture, reset the frame to the original size.

Nice one. I'll definitly bookmark this for later use. :)

Quote:

Originally Posted by Resike (Post 290179)

But still every time i moved the frame, then tried to resize it, it randomly jumped +/- y axis. Not sure why, probably some other scaling issue, since you can't just get the coords with simply the GetBottom/GetTop.

My guess is that's due to the way the moving stuff works. It re-anchors the frame all the time (to the nearest anchor point or whatever ... I don't know :)). If you anchor a frame to center/center and move it to the left then it will be re-anchored to left/left or something.

You can work around this annoying behavior with re-anchoring it to the desired anchor on OnDragStop.

Lua Code:

frame:SetScript("OnDragStop", function(self) 
        self:StopMovingOrSizing() 
        self.x = self:GetLeft() 
        self.y = (self:GetTop() - self:GetHeight()) 
        self:ClearAllPoints()
        self:SetPoint("BOTTOMLEFT", self:GetParent(), "BOTTOMLEFT", self.x, self.y)
    end)

Peggle does not have a license which allows you to "reverse engineer" and "ninja" its code. :mad:

Quote:

OT:

I recently asked myself if Blizzard would allow me to use obfuscate code to implement a synchronized (realm or bg or something) high score table in http://www.wowinterface.com/download...doManager.html.
It wouldn't make any sense to create one without obfuscating code/data. I'm 100% sure that a clear text high score table would be 'hacked' immediately and be useless. :)

Do you think it's worth to ask for a permission to add obfuscate code?

Quote:

Originally Posted by Seerah (Post 290186)

Peggle does not have a license which allows you to "reverse engineer" and "ninja" its code. :mad:

Well i hope they won't hang me to use a similar system to resize a damn frame. 99% of the code only contains Blizzard functions, i don't think checking how it's exactly works is a punishable sin.
If i could have found a similar solution for it which works properly i would use that.
I spent the last 3 days on this silly issue anyway.

Peggles system only rescales the main frame and resizes other frames to it, mine rescales the frame and all of it's childrens.

Quote:

Originally Posted by Duugu (Post 290189)

They might be okay with that, however before any updates you would also have to show your clear code for them, which is the more problematic issue, not the actual permission for it.