Flex Spark: Как добавить кнопку «Отмена» на кнопке TabBar? - PullRequest
Новая
       12

Flex Spark: Как добавить кнопку «Отмена» на кнопке TabBar?

0 голосов
/ 20 августа 2010

Я пытаюсь добавить значок отмены к моим TabBarButtons во Flex 4.0 (Spark), и я подошел близко, но теперь я застрял на том, чтобы сделать значок "кликабельным"

Я видел другие подходы, такие как Блог FlexWiz (http://flexwiz.amosl.com/flex/spark-tabs-with-close-button/),, но надеялся найти что-то более чистое.

Используя аналогичный подход, найденный в образце Tour de Flex для навигации по вкладкам , вот что у меня есть в моем скине: 

<s:HGroup top="5" right="5" left="5" verticalAlign="middle">        
        <s:Label id="labelDisplay"
                 textAlign="left"
                 maxDisplayedLines="1"
                 top="10"
                 width="100%">
        </s:Label>      

        <s:Graphic x="16" y="16" 
                   buttonMode="true" 
                   mouseEnabledWhereTransparent="false" 
                   useHandCursor="true"  
                   click="closeEmployeeButtonClicked()"
                   color="0x00FF00">
            <s:BitmapImage source="@Embed('assets/images/icons/close.png')"                            
                           height="16" width="16" fillMode="scale"/>
        </s:Graphic>
</s:HGroup>

Значок появляется на вкладке, однако я не могу щелкнуть по нему. Я также попробовал кнопку, и она почти как родительская кнопкаКонтейнер не позволяет нажимать на ребенка. Я играл с некоторыми родительскими свойствами (например, super.mouseChildren), но не смог заставить его работать.

Есть мысли!

С уважением,, = Дэйв

Ответы [ 3 ]

1 голос
/ 16 июля 2012

Я вижу, что пост довольно старый, но я только что обнаружил ту же проблему.Чтобы кнопка была кликабельной, вам нужно включить mouseChildren на TabBarButtonSkin.Вы можете сделать это следующим образом: 

override protected function commitProperties():void
{
    super.commitProperties();
    hostComponent.mouseChildren = true;
}

Теперь ваша кнопка должна быть кликабельной.По крайней мере, у меня это сработало.

0 голосов
/ 03 мая 2013

Вот элемент управления на основе Flex 4, который, кажется, очень хорошо сделан, с полным источником:

http://saturnboy.com/2010/08/terrifictabbar-custom-component/

0 голосов
/ 20 августа 2010

Это уже сделано в библиотеке flexlib.Вы можете найти несколько примеров здесь:

http://flexlib.googlecode.com/svn/trunk/examples/SuperTabNavigator_Sample.swf

и вот его домашняя страница проекта:

http://code.google.com/p/flexlib/

...