Question

我正在使用Flash WindowSWF Panel（扩展/工具作为Flash的插件）并使用组件作为快速UI解决方案。有没有办法让ui组件看起来像Flash IDE界面？我正在使用带有黑暗主题的Flash CC。

Answer 1

您可以使用任何图形编辑应用程序为SWF面板创建UI。我已经使用了Flash来保持文件大小不变，但是使用它来创建超级吸引人的UI需要更多的工作。我使用Photoshop为我的所有面板创建UI。由于使用位图的性质，文件大小会大很多。在一天结束时，这一切都归结为工具的偏好。至于创建一个看起来像Flash Pro CC的新Dark UI主题的UI你很幸运。 Adobe添加了一些新的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);
    }
}

当此代码在具有Dark UI Theme的Flash Pro CC中运行时，您将在输出面板中看到此代码：

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面板好运。我很想知道它是什么。

在创建Flash WindowSWF（扩展/面板插件）时，模拟Flash UI的最简单方法是什么？

1 个答案: