Quantcast
Background of DropDown menu - WoWInterface
Thread Tools Display Modes
05-13-22, 01:42 PM   #1
Limbopo
A Defias Bandit
Join Date: May 2022
Posts: 2
Unhappy Background of DropDown menu

Hello.
For example we have this dropdown menu.


Lua Code:
  1. HWGA = {}
  2.  
  3. HWGA.Checkboxes = {
  4.    title = "Select checkboxes",
  5.    menu = {
  6.       Key_1 = "Value 1",
  7.       Key_2 = "Value 2",
  8.       Key_3 = "Value 3",
  9.       Key_4 = "Value 4",
  10.       Key_5 = "Value 5",
  11.    }
  12. }
  13.  
  14. HWGA.ActiveCheckboxes = {}
  15.  
  16.  
  17. function HWGADropDown_SetFlag(self, flag_name)
  18.    if HWGA.ActiveCheckboxes[flag_name] then
  19.       HWGA.ActiveCheckboxes[flag_name] = nil;
  20.       self.checked = false;
  21.    else
  22.       HWGA.ActiveCheckboxes[flag_name] = true;
  23.       self.checked = true;
  24.    end
  25. end
  26.  
  27. function HWGADropDown_Initialize(self)
  28.    local info = UIDropDownMenu_CreateInfo();
  29.    
  30.    info.text = HWGA.Checkboxes .title;
  31.    info.isTitle = true;
  32.    info.notCheckable = true;
  33.    UIDropDownMenu_AddButton(info);
  34.    
  35.    for flag_name, flag_value in pairs(HWGA.Checkboxes.menu) do
  36.       info = UIDropDownMenu_CreateInfo();
  37.       info.text = flag_name;
  38.       info.value = flag_value;
  39.       info.checked = HWGA.ActiveCheckboxes[flag_name];
  40.       info.func = HWGADropDown_SetFlag;
  41.       info.arg1 = flag_name;
  42.       info.isNotRadio = true;
  43.       info.keepShownOnClick = true;
  44.       UIDropDownMenu_AddButton(info);
  45.    end
  46. end
  47.  
  48. local drp_dwn_button = CreateFrame("Button", "HereWeGoAgainDropDownButton", UIParent, "TooltipBackdropTemplate");
  49. drp_dwn_button:SetSize(200, 40);
  50. drp_dwn_button:SetPoint("CENTER", UIParent, "CENTER", 0, 0);
  51. drp_dwn_button:SetScript("OnMouseDown", function(self) ToggleDropDownMenu(1, nil, HereWeGoAgainMenuDropDown, self, 0, 0) end);
  52.  
  53. local text = drp_dwn_button:CreateFontString(nil, "OVERLAY", "GameFontNormal");
  54. text:SetPoint("CENTER", drp_dwn_button, "CENTER", 0, 0);
  55. text:SetText(HWGA.Checkboxes.title);
  56.  
  57. local drp_dwn_frame = CreateFrame("Frame", "HereWeGoAgainMenuDropDown", nil, "UIDropDownMenuTemplate");
  58. UIDropDownMenu_Initialize(drp_dwn_frame, HWGADropDown_Initialize, "MENU")

Is there is any simple way to change background color/opacity only for this dropdown?
In example, I want this:


I've found only one way to do it, but it changes every dropdown in a game, because it's in dependecies with DropDownList:
Lua Code:
  1. local BlackLayout = {
  2.         ["TopRightCorner"] = {atlas = "Tooltip-NineSlice-CornerTopRight"},
  3.         ["TopLeftCorner"] = {atlas = "Tooltip-NineSlice-CornerTopLeft"},
  4.         ["BottomLeftCorner"] = {atlas = "Tooltip-NineSlice-CornerBottomLeft"},
  5.         ["BottomRightCorner"] = {atlas = "Tooltip-NineSlice-CornerBottomRight"},
  6.         ["TopEdge"] = {atlas = "_Tooltip-NineSlice-EdgeTop"},
  7.         ["BottomEdge"] = {atlas = "_Tooltip-NineSlice-EdgeBottom"},
  8.         ["LeftEdge"] = {atlas = "!Tooltip-NineSlice-EdgeLeft"},
  9.         ["RightEdge"] = {atlas = "!Tooltip-NineSlice-EdgeRight"},
  10.         ["Center"] = {layer = "BACKGROUND", atlas = "ui-frame-party-backgroundtile", x = -4, y = 4, x1 = 4, y1 = -4}
  11.     }
  12.  
  13.     NineSliceUtil.ApplyLayout(DropDownList1MenuBackdrop, BlackLayout )

I didn't find any similar threads, but it seems to me that this question was of interest to many people.

I've tried SetBackdrop/different layouts, but it is not working. What I'm doing wrong?
  Reply With Quote
05-14-22, 07:07 AM   #2
Xrystal
nUI Maintainer
 
Xrystal's Avatar
Premium Member
AddOn Author - Click to view addons
Join Date: Feb 2006
Posts: 5,657
Hopefully someone has successfully done what you want and get throw suggestions on what might need changing for you but based on their description of the nineslicelayout system it sounds like it is designed to work with all frames of that type for theming purposes.

`Nine-slice utility for creating themed background frames without rewriting a lot of boilerplate code.`
__________________
  Reply With Quote
05-14-22, 11:44 AM   #3
Fizzlemizz
I did that?
 
Fizzlemizz's Avatar
Premium Member
AddOn Author - Click to view addons
Join Date: Dec 2011
Posts: 1,500
The problem being the dropdown menu is a common widget that gets updated depending on the initialise function.

This should work but because it's hooking the dropdown menus OnHide you never know what someone else might be doing.
This is the same code duplicated to create two dropdowns. The initialise function checks which menu (based on UIDropDownMenuTemplate) it is and changes the backdrop colour.

It doesn't do sub-menus...

Lua Code:
  1. HWGA = {}
  2.      
  3.     HWGA.Checkboxes = {
  4.        title = "Select checkboxes",
  5.        menu = {
  6.           Key_1 = "Value 1",
  7.           Key_2 = "Value 2",
  8.           Key_3 = "Value 3",
  9.           Key_4 = "Value 4",
  10.           Key_5 = "Value 5",
  11.        }
  12.     }
  13.      
  14.     HWGA.ActiveCheckboxes = {}
  15.      
  16.      
  17.     function HWGADropDown_SetFlag(self, flag_name)
  18.        if HWGA.ActiveCheckboxes[flag_name] then
  19.           HWGA.ActiveCheckboxes[flag_name] = nil;
  20.           self.checked = false;
  21.        else
  22.           HWGA.ActiveCheckboxes[flag_name] = true;
  23.           self.checked = true;
  24.        end
  25.     end
  26.      
  27.     function HWGADropDown_Initialize(self)
  28.        local info = UIDropDownMenu_CreateInfo();
  29.        
  30.        info.text = HWGA.Checkboxes .title;
  31.        info.isTitle = true;
  32.        info.notCheckable = true;
  33.        UIDropDownMenu_AddButton(info);
  34.        
  35.        for flag_name, flag_value in pairs(HWGA.Checkboxes.menu) do
  36.           info = UIDropDownMenu_CreateInfo();
  37.           info.text = flag_name;
  38.           info.value = flag_value;
  39.           info.checked = HWGA.ActiveCheckboxes[flag_name];
  40.           info.func = HWGADropDown_SetFlag;
  41.           info.arg1 = flag_name;
  42.           info.isNotRadio = true;
  43.           info.keepShownOnClick = true;
  44.           UIDropDownMenu_AddButton(info);
  45.        end
  46.  
  47.        -- Check which menu we are and change the backdrop colour (or not) accordingly
  48.        if self == HereWeGoAgainMenuDropDown then
  49.           DropDownList1MenuBackdrop:SetBackdropColor(1, 0, 0)
  50.        end
  51.     end
  52.      
  53.     local drp_dwn_button = CreateFrame("Button", "HereWeGoAgainDropDownButton", UIParent, "TooltipBackdropTemplate");
  54.     drp_dwn_button:SetSize(200, 40);
  55.     drp_dwn_button:SetPoint("CENTER", UIParent, "CENTER", 0, 0);
  56.     drp_dwn_button:SetScript("OnMouseDown", function(self) ToggleDropDownMenu(1, nil, HereWeGoAgainMenuDropDown, self, 0, 0) end);
  57.      
  58.     local text = drp_dwn_button:CreateFontString(nil, "OVERLAY", "GameFontNormal");
  59.     text:SetPoint("CENTER", drp_dwn_button, "CENTER", 0, 0);
  60.     text:SetText(HWGA.Checkboxes.title);
  61.      
  62.     local drp_dwn_frame = CreateFrame("Frame", "HereWeGoAgainMenuDropDown", nil, "UIDropDownMenuTemplate");
  63.     UIDropDownMenu_Initialize(drp_dwn_frame, HWGADropDown_Initialize, "MENU")
  64.  
  65.     local drp_dwn_button2 = CreateFrame("Button", "HereWeGoAgainDropDownButton", UIParent, "TooltipBackdropTemplate");
  66.     drp_dwn_button2:SetSize(200, 40);
  67.     drp_dwn_button2:SetPoint("LEFT", drp_dwn_button, "RIGHT", 5, 0);
  68.     drp_dwn_button2:SetScript("OnMouseDown", function(self) ToggleDropDownMenu(1, nil, HereWeGoAgainMenuDropDown2, self, 0, 0) end);
  69.      
  70.     local text = drp_dwn_button:CreateFontString(nil, "OVERLAY", "GameFontNormal");
  71.     text:SetPoint("CENTER", drp_dwn_button, "CENTER", 0, 0);
  72.     text:SetText(HWGA.Checkboxes.title);
  73.      
  74.     local drp_dwn_frame2 = CreateFrame("Frame", "HereWeGoAgainMenuDropDown2", nil, "UIDropDownMenuTemplate");
  75.     UIDropDownMenu_Initialize(drp_dwn_frame2, HWGADropDown_Initialize, "MENU")
  76.  
  77.     ---- Hook DropDownList1s OnHide
  78.     DropDownList1MenuBackdrop:HookScript("OnHide", function(self)
  79.         self:SetBackdropColor(0, 0, 0)
  80.     end)
  81.  
  82.     -- Reset the BackdropColor because the first UIDropDownMenu_Initialize will have set it to red
  83.     DropDownList1MenuBackdrop:SetBackdropColor(0, 0, 0)

The if self == HereWeGoAgainMenuDropDown then check shouldn't be needed if the function was only being used on a single frame (UIDropDownMenu_Initialize(...) call), just set the required BackdropColor
__________________
Fizzlemizz
Maintainer of Discord Unit Frames and Discord Art.
Author of FauxMazzle, FauxMazzleHUD and Move Pad Plus.

Last edited by Fizzlemizz : 05-14-22 at 01:27 PM.
  Reply With Quote
05-19-22, 07:29 PM   #4
Limbopo
A Defias Bandit
Join Date: May 2022
Posts: 2
I got that trick.Thank you for explanations
  Reply With Quote

WoWInterface » Developer Discussions » Lua/XML Help » Background of DropDown menu

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off