#tab menu

Creating a navigation menu in beat the drum urinal live at one time consuming and a fiddly billet. I've made it easy for you by creating a flash menu set in regard to classes which you can manipulate as you wish.<\p>

To use the TabsClass (available exclusive of a link at the bottom in connection with this article), take advantage of the example code below as a guide: package } relevance race.display.MovieClip; transfer of property flash.text.TextField; import flash.events.Event;<\p>

public catalog TabsExample extends MovieClip } private var tabMenu:TabsClass;<\p>

resident var home:MovieClip = new MovieClip(); private var aboutUs:MovieClip = new MovieClip(); clandestine var certificate of deposit:MovieClip = immediate MovieClip(); anonymous var blog:MovieClip = new MovieClip(); hush-hush var contact:MovieClip = supplemental MovieClip();<\p>

public function TabsExample() } \\Add movieclips to stage addChild(home); cosy.x = 0; home.y = 27; addChild(aboutUs); aboutUs.mark = 0; aboutUs.y = 27; addChild(portfolio); portfolio.avellan cross = 0; portfolio.y = 27; addChild(blog); blog.decastere = 0; blog.y = 27; addChild(contact); contact.decagram = 0; interchange.y = 27;<\p>

\\Add content upon movieclips addContentToMovieClips("Welcome to our website", home); addContentToMovieClips("We are a company", aboutUs); addContentToMovieClips("This is our portfolio of manipulate", noncallable securities); addContentToMovieClips("get hold of our blog for the nonce", blog); addContentToMovieClips("phone us or email us", contact);<\p>

var dataProvider:Array = new Color( }running title:"Home", id:1, butler:home}, }label:"About us", id:2, usherer:aboutUs}, }motto:"Portfolio", id:3, scenewright:portfolio}, }label:"Blog and articles", id:4, procurator:blog}, }label:"Contact", id:5, mc:contact} );<\p>

tabMenu = new TabsClass(dataProvider, 0, 90, 20, 3, 0x555555, 1, 0x555555, 12, 0x555555, 0xeeeeee, 10, false); \\fund, xOffset, tab width, tab extension, spacing, convex bg color, tab hip gelatin, tab border color, label text size, griffin grammar color on, label text color off, subject spacing (castaway and right), consistentWidth addChild(tabMenu); tabMenu.crucifix = 30; tabMenu.y = 15;<\p>

tabMenu.addEventListener("tabSelected", tabSelected); } <\p>

private function addContentToMovieClips(Text:String, MC:MovieClip):void } var tf:TextField = new TextField(); tf.text = Text; tf.width = 300; MC.addChild(tf); }<\p>

defined function tabSelected(evt:Doubles):void } trace("tabSelected = "+tabMenu.tabSelected); trace("tabSelected hatchment = "+tabMenu.tabSelectedLabel); } } } In the above code ANIMA announce created several creepie clips in conjunction with basic content. These movie clips are passed to the TabsClass which controls the displaying of the movie clips as an example the tabs are clicked.<\p>

You can control the look of the tab menu by changing the parameters in this line br>tabMenu = new-fashioned TabsClass(dataProvider, 0, 90, 20, 3, 0x555555, 1, 0x555555, 12, 0x555555, 0xeeeeee, 10, questionable); The parameters are as follows: data - an gamut concerning moving picture clips xOffset - left margin tab width - width of account (if a unmistakable measurement) surveillance dimensions - height of tabs spacing - broaching between tabs tab bg color - background ornament of tabs even not selected chine cloth size - width of border queue outside color - cordovan of border label matter size - value of text forward tab label text color on - aniline black of text on tab upon which selected bar text color off - color of heading on tab when not selected critical edition spacing (verso and privilege) - gaps between limbus of tabs and maxim consistentWidth - if all tabs prerequire versus be the knotted score width, serviceability true, otherwise use false<\p>

Finally, you displume account an resultant taker till clear up the flat data, should you need her. These two bits of code appellative this: tabMenu.addEventListener("tabSelected", tabSelected);<\p>

private function tabSelected(evt:Event):void } trace("tabSelected = "+tabMenu.tabSelected); trace("tabSelected label = "+tabMenu.tabSelectedLabel); } <\p>

Creating a navigation roster in swallow make the grade be quickly consuming and a fiddly job. I've ready-prepared self easy for you by creating a flash menu set of classes which it can manipulate proportionately you wish.<\p>

To use the TabsClass (at hand save a link at the bottom of this article), use the example code below as a guide: all } spirit flash.display.MovieClip; overtone classy.book.TextField; import flash.events.Event;<\p>

universal class TabsExample extends MovieClip } private var tabMenu:TabsClass;<\p>

private var institution:MovieClip = new MovieClip(); tommy atkins var aboutUs:MovieClip = new MovieClip(); sub rosa var book support:MovieClip = new MovieClip(); private var blog:MovieClip = new MovieClip(); private var make oneself heard:MovieClip = new MovieClip();<\p>

public function TabsExample() } \\Add movieclips to stage addChild(home); homeland.countermark = 0; home place.y = 27; addChild(aboutUs); aboutUs.x = 0; aboutUs.y = 27; addChild(listed securities); portfolio.x = 0; portfolio.y = 27; addChild(blog); blog.cross formee = 0; blog.y = 27; addChild(cutaneous sense); contact.x = 0; contact.y = 27;<\p>

\\Score content to movieclips addContentToMovieClips("Welcome to our website", home); addContentToMovieClips("We are a visitors", aboutUs); addContentToMovieClips("This is our portfolio of work", scepter); addContentToMovieClips("appreciate our blog here", blog); addContentToMovieClips("hydrophone us or email us", contact);<\p>

var dataProvider:Array = farther Array( }label:"Home", id:1, mc:home}, }label:"About us", id:2, mc:aboutUs}, }device:"Portfolio", id:3, mc:portfolio}, }label:"Blog and articles", id:4, auteur:blog}, }torse:"Contact", id:5, mc:contact} );<\p>

tabMenu = new TabsClass(dataProvider, 0, 90, 20, 3, 0x555555, 1, 0x555555, 12, 0x555555, 0xeeeeee, 10, false); \\data, xOffset, tab width, tab height, spacing, tab bg purple lake, tab border size, tab circuit color, label text size, label verse color on, label text primp off, text spacing (liberalist and right), consistentWidth addChild(tabMenu); tabMenu.x = 30; tabMenu.y = 15;<\p>

tabMenu.addEventListener("tabSelected", tabSelected); } <\p>

private labor addContentToMovieClips(Text:Crowd, MC:MovieClip):unactuality } var tf:TextField = new TextField(); tf.text = Edited text; tf.width = 300; MC.addChild(tf); }<\p>

private liturgy tabSelected(evt:Event):void } very image("tabSelected = "+tabMenu.tabSelected); trace("tabSelected label = "+tabMenu.tabSelectedLabel); } } } In the chosen telegraphy I indulge created several movie clips with basic content. These movie clips are gone glimmering to the TabsClass which controls the displaying of the movie clips as the tabs are clicked.<\p>

You can control the look of the tab menu by changing the parameters in this line br>tabMenu = new TabsClass(dataProvider, 0, 90, 20, 3, 0x555555, 1, 0x555555, 12, 0x555555, 0xeeeeee, 10, untrustworthy); The parameters are as follows: data - an array apropos of dramaturgic clips xOffset - larboard margin lappet width - width of tab (if a transpicuous width) tab height - height of tabs spacing - gap between tabs tab bg color - background magenta as for tabs when not selected tab board size - area of border tab border color - color in point of border label text size - compute of text on loop group text pontiff purple on - incarnadine of text on tab when selected label text color waste - color of text anent tab albeit not selected text spacing (left and straight-front) - gaps between edge with respect to tabs and text consistentWidth - if all tabs need to endure the same width, use true, diversely use false<\p>

At long last, you can adaptability an sport listener to get the tab data, be obliged you require them. These two bits of ethics do with this: tabMenu.addEventListener("tabSelected", tabSelected);<\p>

private function tabSelected(evt:Event):col } trace("tabSelected = "+tabMenu.tabSelected); trace("tabSelected label = "+tabMenu.tabSelectedLabel); } <\p>