Кнопки со встроенными изображениями - PullRequest
Новая
       56

Кнопки со встроенными изображениями

0 голосов
/ 31 марта 2011

Я новичок Flex 4, так что наберитесь терпения ...

Я хочу сделать что-то вроде:

Main.mxml 

<s:HGroup id="animals">

    <s:Button name="dog">Dog Name</s:Button>
    <s:Button name="bird">Bird Name</s:Button>
    <s:Button name="cat">Cat Name</s:Button>

</s:HGroup>

Скин для #animal s | Button 

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" minWidth="40" minHeight="22">

    <fx:Metadata>
       [HostComponent("spark.components.Button")]
    </fx:Metadata>

    <s:states>
        <s:State name="up" />
        <s:State name="over" />
        <s:State name="down" />
        <s:State name="disabled" />
    </s:states>

    <s:BitmapImage width="104" height="54" source="@Embed('../../assets/img/animals/__PUT_HERE_BUTTON_NAME__.png')"/>

    <s:Label
    id="labelDisplay"
    textAlign="center"
    color="0xffffff"
    fontFamily="CuteFont"
    fontWeight="bold"
    fontSize="15"
    width="100%"
    top="64"
    />
</s:Skin>

Нужно ли расширять компонент Button или как мне действовать?

Ответы [ 2 ]

1 голос
/ 18 мая 2015

Расположение файла Add.png должно находиться в каталоге src вашего проекта flex.Если это было где-то еще, вам нужно указать Add.png вместе с его местоположением.

0 голосов
/ 31 марта 2011

Создайте пользовательскую кнопку со свойством значка (Object) и необходимой частью обложки iconBitmapImage (BitmapImage).

При установке значка примените это свойство к исходному свойству iconBitmapImage.

Тогда вы должны быть в состоянии сделать что-то вроде: 

<s:CustomButton name="dog" icon="@Embed('../../assets/img/animals/dog.png')" />
...