原文引用：http://blog.soulwire.co.uk/code/actionscript-3/simple-flash-prototype-gui-tool#more-1242

簡單的Flash GUI工具??40

代碼:?用最小的比較快AS3原型

更新:基思自己一直致力于類似的想法,并釋放?MinimalConfigurator?。

基思·彼得的?最小的組件?任何Flash開發人員來說是一個非常好的工具時添加實時配置SWF。 我發現自己使用它們在我的演示和原型但與許多編輯草圖參數仍然是一個麻煩寫樣板代碼設置和安排組件,以及添加適當的事件處理程序。

靈感來自等OpenFrameworks GUI工具?ofxSimpleGuiToo?和?ofxTweakbar?,?ControlP5?處理,我想是時候有一個同樣快速和容易使用GUI工具Flash AS3的項目。

引入SimpleGUI

SimpleGUI AS3項目是一個類實用程序設計,開發人員需要迅速將UI控件變量或函數添加到一個草圖。 屬性可以控制只有一行代碼使用各種奇妙的組件?最小的比較?集,以及自定義組件為SimpleGUI如寫的FileChooser?。

SimpleGUI目前公開下列方法,以及開放?addControl?方法可以傳遞任何類定義:

• addColumn?:開始一個新列的組件
• addGroup?:開始一個新組的組件
• addLabel?:添加一個文本框標簽或說明
• addToggle?:為布爾值添加一個復選框
• addButton?:添加一個按鈕觸發回調
• addSlider?:創建一個滑塊數值
• addRange?:創建一個滑塊兩個數值范圍
• addStepper?:另一個組件的滑塊數字
• addColour?:添加一個顏色選擇器為整數
• addComboBox?:任何對象添加一個下拉列表框盒
• addFileChooser?:允許用戶加載數據
• addSaveButton?:這個觸發器生成代碼的保存方法

其他功能包括:

• • 熱鍵?:顯示/隱藏分配熱鍵GUI
  • 上下文菜單?從上下文菜單項:切換GUI
  • 消息?:脈沖工具欄中的消息給用戶
  • 顯示切換?:顯示GUI時切換隱藏的
  • 保存設置?:生成AS3代碼提交你的當前值

使用SimpleGUI

每個方法接受一個可選的參數?選項?,這是一個簡單的動態對象,您可以傳遞任何參數的值對應的組件,以及?回調?和?callbackParams?每次組件屬性觸發方法的變化。

例如,要創建一個滑塊控制一個數字,設置它的寬度、執行回調并顯示一個自定義標簽,你會寫:

_gui.addSlider("myNumber", 0, 100, {label:"My Number", width:200, callback:onNumberChanged});

雖然可以通過自定義標簽,每個組件,省略此參數會導致變量名稱解析和使用的標簽。 例如,一個變量“myNumber”?將生成的標簽?“我的號碼”?。

SimpleGUI還支持嵌套屬性,任何深度,使用普通點語法。 所以你可以控制一個粒子的位置通過編寫:

_gui.addSlider("myParticle.position.x", 0, 1000);

這里的代碼?演示?以上。?只有27行代碼來控制整個草圖。

_gui = new SimpleGUI(this, "Example GUI", "C");_gui.addGroup("General Settings"); _gui.addColour("backgroundColour"); _gui.addButton("Randomise Circle Position", {callback:positionCircle, width:160}); _gui.addSaveButton();_gui.addColumn("Noise Options"); _gui.addSlider("noiseBase.x", 10, 200); _gui.addSlider("noiseBase.y", 10, 200); _gui.addSlider("noiseSeed", 1, 1000); _gui.addSlider("noiseOctaves", 1, 4); _gui.addSlider("turbulence.x", -10, 10); _gui.addSlider("turbulence.y", -10, 10);_gui.addGroup("Wave Options"); _gui.addStepper("waveCount", 1, 20); _gui.addStepper("waveSteps", 2, MAX_WAVE_STEPS); _gui.addSlider("amplitude", 0, 200); _gui.addColour("waveColour");_gui.addColumn("Circle Options"); _gui.addRange("minCircleSize", "maxCircleSize", 10, 120, {label:"Circle Size Range"}); _gui.addSlider("rotationSpeed", -10, 10); _gui.addComboBox("circle.blendMode", [{label:"Normal", data:BlendMode.NORMAL},{label:"Darken", data:BlendMode.DARKEN},{label:"Overlay", data:BlendMode.OVERLAY},{label:"Difference", data:BlendMode.DIFFERENCE},]);_gui.addFileChooser("Circle Texture", textureFileRef, textureLoaded, [new FileFilter("Image Files", "*.jpg;*.jpeg;*.png") ]);_gui.addToggle("animateCircle");_gui.addColumn("Instructions:"); _gui.addLabel("Press 'C' to toggle GUI"); _gui.addLabel("Press 'S' to copy setup code to clipboard");_gui.show();

所以,SimpelGUI其實就是一個節省時間的開發人員希望快速原型在閃光的東西,或與控制釋放演示。 實際的努力工作已經完成?基思?在構建和維護他理所當然地受歡迎?最小的比較?。

你可以瀏覽?源代碼?或下載?SimpleGUI?下面的類。 SimpleGUI的一部分?Soulwire AS3框架?。

下載:?SimpleGUI

轉載于:https://www.cnblogs.com/VincentChuChu/p/4623665.html

總結

以上是生活随笔為你收集整理的简单的Flash GUI工具(Simple Flash GUI Tool)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。