При создании Flash WindowSWF (плагин расширения / панели), какой самый простой способ имитировать интерфейс Flash?

Question

Я работаю над панелью Flash WindowSWF (расширение / инструмент в качестве плагина для Flash) и использую компоненты в качестве быстрого решения для пользовательского интерфейса. Есть ли способ заставить компоненты интерфейса выглядеть как интерфейс Flash IDE? Я использую Flash CC с темной темой.

Answer 1

Вы можете использовать любые приложения для редактирования графики для создания пользовательского интерфейса для ваших SWF-панелей. Я использовал Flash, который уменьшает размер файла, но это немного больше работы, чтобы создать супер привлекательный пользовательский интерфейс с ним. Я использую Photoshop для создания интерфейса для всех моих панелей. Размер файла будет намного больше из-за характера использования растровых изображений. В конце концов, все сводится к предпочтению инструментов. Что касается создания пользовательского интерфейса, который выглядит как новая Темная тема пользовательского интерфейса из Flash Pro CC, то вам повезло. 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);
    }
}

Когда этот код запускается во Flash Pro CC с темой UI Theme, вы увидите это на панели вывода:

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. Удачи с вашей SWF-панелью. Мне было бы интересно посмотреть, что это такое.