flash - Flash WindowSWF (拡張機能/パネル プラグイン) を作成する場合、Flash UI を模倣する最も簡単な方法は何ですか?

Question

私は Flash WindowSWF パネル (Flash のプラグインとしての拡張/ツール) に取り組んでおり、コンポーネントをクイック UI ソリューションとして使用しています。UI コンポーネントを Flash IDE インターフェイスのように見せる方法はありますか? ダークテーマで Flash CC を使用しています。

Answer 1

グラフィック編集アプリケーションを使用して、SWF パネルの UI を作成できます。私はファイル サイズを抑えるために Flash を使用しましたが、非常に魅力的な UI を作成するには、もう少し手間がかかります。Photoshop を使用して、すべてのパネルの UI を作成しています。ビットマップを使用する性質上、ファイル サイズは非常に大きくなります。結局のところ、すべてはツールの好みに帰着します。Flash Pro CC の新しいダーク UI テーマのような UI の作成に関しては、幸運です。アドビは、テーマの色パラメーターを取得するためにいくつかの新しい JSFL API を追加しました。

fl.getThemeColorParameters()

その後、 fl.getThemeColor()を使用して各パラメーターの値を取得できます。

すべてのパラメーターをループして情報をトレースする簡単なスクリプトを作成しました。

// Trace Flash Pro CC Theme Color Parameter Information - Andrew Doll

var dom = fl.getDocumentDOM();
if (dom == null)
{
    alert('Please open a file.');
}
else
{
    fl.outputPanel.clear();

    var themeColorParameterArray = fl.getThemeColorParameters();

    for(var parameter in themeColorParameterArray)
    {
        var parameterValue = fl.getThemeColor(themeColorParameterArray[parameter]);
        fl.trace(themeColorParameterArray[parameter] + ": " + parameterValue);
    }
}

このコードを Flash Pro CC でダーク UI テーマを使用して実行すると、出力パネルに次のように表示されます。

themeAppBackgroundColor: #424242
themeItemSelectedColor: #515151
themeItemHighlightedColor: #393939
themeHotTextNormalColor: #C69100
themeHotTextRolloverColor: #C6AC63
themeHotTextDisableColor: #686868
themeStaticTextNormalColor: #FFFFFF
themeStaticTextDisableColor: #686868
themeTextEditNormalBackgroundColor: #A0A0A0
themeTextEditDisableBackgroundColor: #646464
themeEnableShading: true
themeDividerLine: #000000
themeDividerLineBevel: #FFFFFF
themeControlFocus: #C69100
themeControlBorderNormal: #000000
themeControlBorderDisabled: #000000
themeControlFillTopNormal: #3B3B3B
themeControlFillBottomNormal: #555555
themeControlFillTopOver: #414141
themeControlFillBottomOver: #606060
themeControlFillTopDown: #303030
themeControlFillBottomDown: #2F2F2F
themeControlFillTopDisabled: #424242
themeControlFillBottomDisabled: #424242
themeControlFillTopSelectedOver: #484848
themeControlFillBottomSelectedOver: #373737
themeGenericIconNormal: #FFFFFF
themeGenericIconShadowNormal: #000000
themeGenericIconDisabled: #686868
themeGenericIconShadowDisabled: #686868
themeControlFillNormal: #484848
themeControlFillOver: #505050
themeControlFillDown: #303030
themeControlFillDisabled: #424242
themeControlFillSelectedOver: #404040
themeFontNameLarge: 
themeFontNameSmall: 
themeFontSizeLarge: 
themeFontSizeSmall:

これらのパラメータと値を使用すると、残りの Flash Pro CC アプリケーションに適合する UI を作成できるはずです。SWF パネルをご利用いただきありがとうございます。私はそれが何であるかを見ることに興味があります。