Flex Spark PNG Изображение с прозрачностью, действующей как кнопка

У меня есть PNG-изображение, которое имеет некоторую прозрачность, это 20-кратное xpp изображение X. Учитывая форму X, состояние удара является нечетным, поскольку оно интерпретируется как прозрачное , Как сделать всю область 20px x 20px доступной?Flex Spark PNG Изображение с прозрачностью, действующей как кнопка

<s:Image id="closeOut" y="10" source="@Embed('/assets/png/X.png')" click="this.visible=false"/>

Если вы наведите указатель мыши туда, где когда-либо есть X, то влево и вправо в большинстве случаев он не доступен. Мысли?

источник

2015-07-31 Cool Shape

Можете ли вы принять ответ, если он вам помог? Благодарю. –

Добавьте изображение в группу 20x20px и добавьте событие мыши в группу, а не изображение.

<s:Group y="10" width="20" height="20" click="this.visible=false"> 
     //Your image here 
</s:Group>

Надеюсь, это поможет.

источник

2015-07-31 20:20:59

Если я увеличиваю ширину и высоту s: Group, сделает ли он более прощающим для пользователя? Увеличенная площадь попадания? –

В идеале, и я рекомендую его, вы должны разрезать большее изображение, если это вам нужно. Группа не может перехватывать события в прозрачных областях, если вы не используете свойство mouseEnabledWhereTransparent и устанавливаете значение true. Если вы собираетесь с большей группой и с одинаковым размером изображения, я бы рекомендовал установить для изображения horizontalCenter и verticalCenter равным 0 и сохранить ширину и высоту изображения как 20px, чтобы он попал в центр вашей группы, или оставить его согласно вашему требованию. Надеюсь, что это ответ на ваш вопрос. –

Надеюсь, мои комментарии ответили на ваш вопрос, и ваша проблема решена. Пожалуйста, примите ответ или сообщите мне, если у вас возникнут дополнительные вопросы. Благодарю. –

Flex Spark PNG Изображение с прозрачностью, действующей как кнопка

ответ

Смежные вопросы