Description
This Addon provide a Integrated Development Environment for authors in the game.
- This Addon need a lib named IGAS. you can get it here IGAS lib
- This Addon can help you to create addon, manager it's property, events, savevarablies, slashcmds, etc.
- This Addon can help you to create GUI,What You See Is What You Get.
- This Addon can help you to write codes,it will show what properties and methods you can using for an object.
- This Addon can export your addons with a guide.
Visit my wiki for more infomations.
Hello World
1. On the minimap, there is a icon looks like a red vortex, click it and now we are in the editor.Click File -> New -> Addon, Now we create an addon "HelloWorld"
2. Look at the FileView part(At topright), double click the last file "HelloWorld", a code editor will be opened, type some code at last. then click Save -> Save Current, save this file.
IGAS:MsgBox("Hello World!!!")
3. In the FileVIew Part, move mouse to the root node of the file tree, right click it, the addon menu would show, click Run,
4. Now we see it, the last file is the main file of the addon, and it will be the last loaded file when you click Run,so it can using all function defined in other files.Okay, click the Okay button to close the popup dialog, then open the addon menu, click Stop to stop this addon.
5. Now we try another way, before that, open the last file, remove the code we added before, don't forgot save file.
6. Open addon menu, click Add File, there wil be a guide to popup, File Type chooses Frame, File Name input Main, click Okay
7. Now we create a frame file named Main, it's empty now,want to know what it contains?, right click the Main(In Frame node, if you no see, open that node), open the frame menu, click Show Designer, we will see
IGAS:NewAddon("HelloWorld.Mdl_Main")
We see IGAS:NewAddon("HelloWorld") in the 2nd pics, it means that file is using the namespace of the addon HelloWorld, all global functions will be defined to that namespace(not _G), so, any file begin with IGAS:NewAddon("HelloWorld") can access the functions define in other files directly. But here, we using IGAS:NewAddon("HelloWorld.Mdl_Main"), it means a module named Mdl_Main that belong to HelloWorld's namespace, it can access all resources defined in HelloWorld's namespace directly.The module also is a private namespace, using for frame files.
8. Close Main.Designer,then double click the Main, a frame designer will be shown.
9. Choos Form in the left widgetlist, then drag a square in the center of the screen.Now, we have our first Form.
10. Choose FontString(In Base widgetlist), drag a square in our's Form, then select the FontString1, look at bottomright, the property panel, scroll down to the bottom, find a property named Text, see it? change it's value to Hello World!!!, then type return.
11. Choose Button, drag a square in Form1, select Button1, scroll down property panel, change Style to NORMAL, change Text to Close. Then Click Save->Save Current, last, close Main.Designer.
12. Now, right click Main, click Show Designer, we see what code has been added to this file.
IGAS:NewAddon("HelloWorld.Mdl_Main") Form1 = CreateFrame("Form", "Form1", UIParent) Form1:SetPoint("TOPLEFT", UIParent, "TOPLEFT", 29.0, -43.0) Form1.Height = 411.0 Form1.Width = 518.0 Form1.FrameLevel = 11.0 _Addon:AddFrame(Form1) Button1 = CreateFrame("Button", "Button1", Form1) Button1:SetPoint("TOPLEFT", Form1, "TOPLEFT", 215.0, -224.0) Button1.Height = 38.0 Button1.Width = 123.0 Button1.FrameLevel = 12.0 Button1.Text = L["Close"] Button1.Style = "NORMAL" FontString1 = CreateFrame("FontString", "FontString1", Form1) FontString1:SetPoint("TOPLEFT", Form1, "TOPLEFT", 120.0, -94.0) FontString1.Text = L["Hello World!!!"]
This code is strange but clear, right? IGAS Studio using a gui lib from IGAS.The detail will be found in that addon's wiki.Now, close Main.Designer, let's make some scripts.
13. Right click the Main, open the frame menu, click Show Script, look the top two combobox, the left choose Button1, the right choose OnClick, okay, we'll see some code added to the code window.This is using for Button1's Click event, We'll close the Main Frame.Now Add code like the pics show:
14. The last part, save that file, close it, then open the addon menu, let's Run it.Don't see anyting? Click File->Exit, well, see it?
