Shifting Flex 3.5 project to flex 4.0 - предупреждения стилей

Question

Я переношу свой проект с платформы Flex 3.5 на Flex 4.0. Я могу удалить все ошибки времени компиляции. Все, что у меня осталось, составляет ок. 1000 предупреждений и все стили.

Я использовал все компоненты mx, как раньше мой проект был в Flex 3.5. и я не могу изменить элементы управления, потому что это будет мешать их внешнему виду и полю. Все стили, которые я применил к элементам управления, некоторые из них теперь обесцениваются. Пожалуйста, предложить обходной путь для них в гибком 4.

Свойства:

Кнопка -> FillColor, fillApha

Canvas -> BorderThickness

ComboBox -> BorderColor, themeColor, FillColor, fillApha

TextArea -> BackgroundColor, backgroundAlpha, themecolor, cornerRadius

TextInput -> backgr oundColor, backgroundAlpha, themeColor

Все эти свойства не разрешены в компонентах mxml, и они также предоставляют предупреждения в файлах CSS. Я включил пространства имен также в начале файла CSS как:

@namespace "http://www.adobe.com/2006/mxml";

@namespace mx "library: //ns.adobe.com/flex/mx";

@namespace fx "library: //ns.adobe.com/flex/spark";

@namespace flexlib "http://code.google.com/p/flexlib/";

mx | CheckBox.shadeChk { upIcon: Embed (source = "assets/images/CL_collapse_close.png"); overIcon: Вставить (source = "assets/images/CL_collapse_close.png"); downIcon: Вставить (source = "assets/images/CL_collapse_close.png"); selectedUpIcon: Вставить (source = "assets/images/CL_collapse_open.png"); selectedOverIcon: Вставить (source = "assets/images/CL_collapse_open.png"); selectedDownIcon: Вставить (source = "assets/images/CL_collapse_open.png"); paddingLeft: 0; paddingRight: 0; paddingTop: 0; paddingBottom: 0; }

.....

Пожалуйста, руководство меня, как я могу получить тот же пользовательский интерфейс с Flex 4 в свече теме.

Спасибо, Nitika

Answer 1

Кнопка FillColor и FillAlpha должны быть указаны в коже для искровых кожи, или вы можете указать, чтобы использовать кожу ореола для кнопки, а затем вы можете указать их в файле CSS или fx: тег стиля.

fillAlphas: 0.8, 0.8, 0.65, 0.65; 
fillColors: #B9d6ff, #99C2FF, #B9d6ff, #99C2FF; 
skin: ClassReference("mx.skins.halo.ButtonSkin"); 

Можете ли вы поместить холст в s: BorderContainer? s: BorderContainer имеет свойство BorderWeight, которое может быть установлено в MXML.

Попробуйте Рекомендовать выше (с установкой кожи на кожу ореха) для TextArea и TextInput, иначе вы получите искровую кожу по умолчанию, и вам придется создавать собственный скин.