Resize frame

[Resike]

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:

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

[Choonstertwo]

Try this:

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.

[Resike]

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.)

[Choonstertwo]

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

[Duugu]

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

Obviously

Scaling affects all child objects, sizing does not.

[Choonstertwo]

Originally Posted by Duugu 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.

[Vrul]

Originally Posted by Duugu 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.

[Duugu]

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

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)

[Resike]

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

[Duugu]

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)

[Resike]

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.