Как уменьшить минимальную ширину кнопки на панели кнопок в Flex 4?

Question

Я создал искробезопасную панель кнопок, которая динамически заполняется XML и имеет скин-оболочку, похожую на стандартную панель TabBar.

Когда я использовал TabBar в Flex 3, ширина каждой вкладки уменьшалась или увеличивалась до размера метки, плюс небольшое отступание с обеих сторон.

При использовании искровой ButtonBar во Flex 4 я обнаружил, что независимо от того, насколько коротка метка (даже пустая строка), кнопки будут иметь ширину не менее 70 пикселей и будут расширяться для более длинных меток.

Я пытался установить minWidth на 20 в разных местах, в том числе на моем скине ButtonBarButton, но это не имеет никакого эффекта.

Любая помощь приветствуется!

Answer 1

Вам необходимо создать как пользовательскую ButtonBarSkin, так и ButtonBarButtonSkin (s).ButtonBarSkin по умолчанию использует три различных ButtonBarButtonSkin:

1. ButtonBarFirstButtonSkin
2. ButtonBarMiddleButtonSkin
3. ButtonBarLastButtonSkin

Эти скины являются вашими(1) и (3) оба имеют <s:Rect id="shadow"... width="69"...> как самый нижний слой.Средний имеет рамку Rect шириной 69, на этот раз на самом верхнем слое.Удалите эти элементы, и вы можете сделать minWidth в скинах, что вы хотите.:)