Как изменить paddingLeft и paddingRight для spark.components.Button?

Класс Button в пакете mx.controls имеет стиль paddingLeft и paddingRight. Но теперь я больше не хочу использовать эту старую тему Halo, я перемещаю все на Spark.

Однако я не могу найти эти стили заполнения в spark.components.Button и в документации http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/spark/components/Button..html не показывает, что у Spark Button есть эти стили. .

Любые идеи?


padding styles apache-flex flex-spark halo
person jondinham    schedule 27.03.2012    source источник
comment
blog.flexexamples .com / 2009/05/20 / эта ссылка будет использоваться полностью   -  person Triode    schedule 27.03.2012
comment
ткс, то есть обивка панели, а не кнопок :)   -  person jondinham    schedule 27.03.2012

Ответы (2)


arrow_upward
3
arrow_downward

Вы должны сделать определенную обложку кнопки, наследовав ее по умолчанию, и добавить в нее свое правило.

person Nimaen    schedule 27.03.2012

arrow_upward
1
arrow_downward

На самом деле это довольно просто. Я новичок в гибкости и (не делая ничего другого) после прочтения этого сообщения:

http://inflagrantedelicto.memoryspiral.com/2010/01/skinning-a-spark-button-in-flex-4/

Я создал кнопку-искру с настраиваемым отступом слева и справа менее чем за минуту. Спасибо Джозефу Лабреку за его замечательный блог!

Все, что вам нужно сделать в Flash Builder, - это щелкнуть правой кнопкой мыши папку, в которой вы хотите создать новую обложку кнопки, а затем выбрать «Новая обложка MXML». Откроется окно, которое вы видите в описании по ссылке выше. Имя пакета уже будет заполнено (вы можете изменить его, если не щелкнули правой кнопкой мыши правую папку выше). Введите имя (например, CustomButton в блоге) для класса скина. Для Host Component выберите Browse, затем выберите Button-Spark Components. Флажок «создать копию» должен быть установлен по умолчанию. Затем нажмите «Готово».

Теперь все, что вам нужно сделать, это открыть файл (он должен открываться по умолчанию после того, как вы его создадите), а затем изменить раздел Label слоя 8. Для меня это была строка 219. Измените left="10" на любое место размещения, которое хотите (например, установите значение 0 для отсутствия заполнения). Аналогично right="10". Вы можете изменить textAlign, ввести paddingLeft или paddingRight и т. Д. Внутри одной и той же метки. По завершении сохраните файл.

Затем внутри ссылки mxml на кнопку искры в основном файле просто добавьте skinclass="CustomButton" в строку кода. Например, измените это:

<s:button label="myOldButton" ... />

к этому:

<s:button label="myCustomButton" skinclass="CustomButton" ... />

Вот и все!

person ggkmath    schedule 06.05.2012