Tuesday, February 7, 2017
Membuat add button pada TabNavigator
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.....
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 >"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....:)
Available link for download
Labels:
add,
button,
membuat,
pada,
tabnavigator