Setting layer level of backdrop's border

[Layback_]

Hi all,

Just a quick question regarding backdrop.

Before I start, let's have a look at the example code first.

local myPortrait = CreateFrame("PlayerModel", nil, UIParent);
myPortrait:SetSize(50, 50);
myPortrait:SetPoint("CENTER");
...(rest of codes to set the appearance of myPortrait)
 
local myTemplate = CreateFrame("Frame", nil, myPortrait);
myTemplate:SetFrameLevel(myPortrait:GetFrameLevel);
myTemplate:SetPoint("TOPLEFT", -1, 1);
myTemplate:SetPoint("BOTTOMRIGHT", 1, -1);
myTemplate:SetBackdrop({
    bgFile = myBG,
    edgeFile = myEdge,
});
myTemplate:SetBackdropColor(0.2, 0.2, 0.2);
myTemplate:SetBackdropBorderColor(0, 0, 0);
 
myPortrait.template = myTemplate;

This will create a 50 by 50 3D portrait at the center of the screen and will also create another frame at the same frame level as portrait with the size of 52 by 52.

The problem is that since the template frame is at the same level as portrait, its backdrop will cover up the portrait (portrait is hidden at the back of template frame's backdrop).

My question here is would it be possible to send only backdrop's background to the back, but maintain border at its position and level?

So, basically the order from top to the bottom would be:

1. template frame's backdrop border
2. portrait frame
3. template frame's backdrop background

I could create a backdrop directly on portrait frame itself which would be the fastest option, and I am aware of that creating an extra frame only for backdrop is waste of resources, but still willing to know whether my concern above is possible or not

Thank you!

EDIT: :SetFrameStrata() doesn't seem to be working as I expected

[Vrul]

My answer to one of your previous posts is applicable here as well:

local function ChangeDrawLayer(regionType, oldDrawLayer, newDrawLayer, ...)
	for index = 1, select('#', ...) do
		local region = select(index, ...)
		if region:IsObjectType(regionType) and region:GetDrawLayer() == oldDrawLayer then
			region:SetDrawLayer(newDrawLayer)
		end
	end
end

local myPortrait = CreateFrame("PlayerModel", nil, UIParent);
myPortrait:SetSize(50, 50);
myPortrait:SetPoint("CENTER");
--...(rest of codes to set the appearance of myPortrait)
 
local myTemplate = CreateFrame("Frame", nil, myPortrait);
myTemplate:SetFrameLevel(myPortrait:GetFrameLevel());
myTemplate:SetPoint("TOPLEFT", -1, 1);
myTemplate:SetPoint("BOTTOMRIGHT", 1, -1);
myTemplate:SetBackdrop({
    bgFile = myBG,
    edgeFile = myEdge,
});
myTemplate:SetBackdropColor(0.2, 0.2, 0.2);
myTemplate:SetBackdropBorderColor(0, 0, 0);
 
myPortrait.template = myTemplate;

ChangeDrawLayer('Texture', 'BORDER', 'OVERLAY', myTemplate:GetRegions())

[SDPhantom]

This is similar to what I do with one of my personal addons that adds a portrait model to the GameTooltip.

local container=CreateFrame("Frame",nil,UIParent);
container:SetPoint("CENTER");
container:SetSize(52,52);
 
container:SetBackdrop({
    bgFile="Interface/Tooltips/UI-Tooltip-Background", 
    edgeFile="Interface/Tooltips/UI-Tooltip-Border",
    tile=true,tileSize=16,edgeSize=16, 
    insets={left=5,right=5,top=5,bottom=5}
});
 
container:SetBackdropBorderColor(TOOLTIP_DEFAULT_COLOR.r,TOOLTIP_DEFAULT_COLOR.g,TOOLTIP_DEFAULT_COLOR.b);
container:SetBackdropColor(TOOLTIP_DEFAULT_BACKGROUND_COLOR.r,TOOLTIP_DEFAULT_BACKGROUND_COLOR.g,TOOLTIP_DEFAULT_BACKGROUND_COLOR.b);
 
local portrait=CreateFrame("PlayerModel",nil,container);
portrait:SetPoint("TOPLEFT",4,-4);
portrait:SetPoint("BOTTOMRIGHT",-5,-5);

The trick is sizing the model so it looks like it's behind the border, but it's actually in front of it.



PS: I've tried adding the backdrop directly to the model frame before, but the border never sizes correctly and you could see the edges of the model protruding from it.

[Layback_]

Many thanks to Vrul and SDPhantom.

For now, I'll try to stick with Vrul's approach and see how I go with it.

Can't realize I didn't even thought of about that function

Looks like I haven't learnt much since then haha...