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

簡單的Flash GUI工具??40

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

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

基思·彼得的?最小的組件?任何Flash開發(fā)人員來說是一個非常好的工具時添加實時配置SWF。 我發(fā)現(xiàn)自己使用它們在我的演示和原型但與許多編輯草圖參數(shù)仍然是一個麻煩寫樣板代碼設(shè)置和安排組件,以及添加適當?shù)氖录幚沓绦颉?/span>

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

引入SimpleGUI

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

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

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

其他功能包括:

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

使用SimpleGUI

每個方法接受一個可選的參數(shù)?選項?,這是一個簡單的動態(tài)對象,您可以傳遞任何參數(shù)的值對應(yīng)的組件,以及?回調(diào)?和?callbackParams?每次組件屬性觸發(fā)方法的變化。

例如,要創(chuàng)建一個滑塊控制一個數(shù)字,設(shè)置它的寬度、執(zhí)行回調(diào)并顯示一個自定義標簽,你會寫:

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

雖然可以通過自定義標簽,每個組件,省略此參數(shù)會導(dǎo)致變量名稱解析和使用的標簽。 例如,一個變量“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其實就是一個節(jié)省時間的開發(fā)人員希望快速原型在閃光的東西,或與控制釋放演示。 實際的努力工作已經(jīng)完成?基思?在構(gòu)建和維護他理所當然地受歡迎?最小的比較?。

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

下載:?SimpleGUI

轉(zhuǎn)載于:https://www.cnblogs.com/VincentChuChu/p/4623665.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。