Membuat add button pada TabNavigator

Kmarin saya sempat bingung bagaimana cara membuat add button pada TabNavigator, setelah googling2 akhirnya menemukan suatu petunjuk bahwa untuk membuat button pada TabNavigator bisa menggunakan cara simple daripada repot2 membuat extended class dari SuperTabNavigator FlexLib.....

addButton

caranya begini:

pertama: buat fungsi yang dapat memposiskan button pada sisi kanan Tab:

public function positionAddNewTabButton():void
{
var i:int=nav.numChildren-1;
addNewTabButton.x=nav.getTabAt(i).x +
(nav.getTabAt(i).width) + 1
addNewTabButton.y=nav.getTabAt(i).y +
(nav.getTabAt(i).height/2) - 10
}



Kedua: gunakan Event  creationComplete dan updateComplete untuk memproses posisi button pada saat ada penambahan Tab



creationComplete="positionAddNewTabButton()" 
updateComplete="positionAddNewTabButton()"



Lebih lengkap:



<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Script>
<![CDATA[

public function positionAddNewTabButton():void
{
var i:int=nav.numChildren-1;
addNewTabButton.x=nav.getTabAt(i).x +
(nav.getTabAt(i).width) + 1
addNewTabButton.y=nav.getTabAt(i).y +
(nav.getTabAt(i).height/2) - 10
}
]]>
</mx:Script>
<mx:Button id="addNewTabButton" label="Add"/>
<mx:TabNavigator id="nav" width="100%" height="100%"
creationComplete="positionAddNewTabButton()"
updateComplete="positionAddNewTabButton()" cre>
<mx:Canvas label="Home" width="100%" height="100%">
</mx:Canvas>
</mx:TabNavigator>
</mx:WindowedApplication>


oke itu saja....:)


1 komentar:

  1. Save Our Life

    gmn ni om..
    aku udah nyoba, tp blum berhasilllll...
    mohon penjelasannya om??

     

Posting Komentar