Membuat Menu Tab Navigasi

Menu Tab biasanya ada dibagian bawah aplikasi. Hampir semua aplikasi di iOS akan memiliki fitur ini. Dengan AS3 kita pun bisa membuat menu tab tersebut.

Berikut scriptnya :

function tabMenu(): void {
var barMenu1: Sprite = new Sprite();
barMenu1.graphics.lineStyle();
barMenu1.graphics.beginFill(0xB60000);
barMenu1.graphics.drawRect(0, 727, stage.stageWidth / 5, 73);
barMenu1.graphics.endFill();
addChild(barMenu1);
barMenu1.addEventListener(MouseEvent.CLICK, goBarMenu1);

var icoBarMenu1: Loader = new Loader();
icoBarMenu1.x = 33;
icoBarMenu1.y = 735;
barMenu1.addChild(icoBarMenu1);
icoBarMenu1.load(new URLRequest("img2/01promo.png"));

function goBarMenu1(e: MouseEvent): void {
trace("Anda klik menu bar 1");
if (stageWebViewJilc.viewPort !== null) {
stageWebViewJilc.viewPort = null;

promoJILC();
} else if (stageWebViewFBJilc.viewPort !== null) {
stageWebViewFBJilc.viewPort = null;

promoJILC();
} else if (stageWebViewAppJilc.viewPort !== null) {
stageWebViewAppJilc.viewPort = null;

promoJILC();
} else {
promoJILC();


}

}

var barMenu2: Sprite = new Sprite();
barMenu2.graphics.lineStyle();
barMenu2.graphics.beginFill(0xB60000);
barMenu2.graphics.drawRect(96, 727, stage.stageWidth / 5, 73);
barMenu2.graphics.endFill();
addChild(barMenu2);


var icoBarMenu2: Loader = new Loader();
icoBarMenu2.x = 129;
icoBarMenu2.y = 735;
barMenu2.addChild(icoBarMenu2);
icoBarMenu2.load(new URLRequest("img2/02web.png"));
barMenu2.addEventListener(MouseEvent.CLICK, goBarMenu2);
//icoBarMenu2.addEventListener(MouseEvent.CLICK, goBarMenu2);
function goBarMenu2(e: MouseEvent): void {
trace("Anda klik menu bar 2");

if (stageWebViewFBJilc.viewPort !== null) {
stageWebViewFBJilc.viewPort = null;
stageWebViewJILC();

} else if (stageWebViewAppJilc.viewPort !== null) {
stageWebViewAppJilc.viewPort = null;
stageWebViewJILC();

} else {
stageWebViewJILC();

}
}

var barMenu3: Sprite = new Sprite();
barMenu3.graphics.lineStyle();
barMenu3.graphics.beginFill(0xB60000);
barMenu3.graphics.drawRect(192, 727, stage.stageWidth / 5, 73);
barMenu3.graphics.endFill();
addChild(barMenu3);

var icoBarMenu3: Loader = new Loader();
icoBarMenu3.x = 225;
icoBarMenu3.y = 735;
barMenu3.addChild(icoBarMenu3);
icoBarMenu3.load(new URLRequest("img2/03call.png"));

barMenu3.addEventListener(MouseEvent.CLICK, goBarMenu3);

function goBarMenu3(e: MouseEvent): void {
trace("Anda klik menu bar 3");
navigateToURL(new URLRequest('tel:0411-3623237'));
}

var barMenu4: Sprite = new Sprite();
barMenu4.graphics.lineStyle();
barMenu4.graphics.beginFill(0xB60000);
barMenu4.graphics.drawRect(288, 727, stage.stageWidth / 5, 73);
barMenu4.graphics.endFill();
addChild(barMenu4);

var icoBarMenu4: Loader = new Loader();
icoBarMenu4.x = 321;
icoBarMenu4.y = 735;
barMenu4.addChild(icoBarMenu4);
icoBarMenu4.load(new URLRequest("img2/04fb.png"));

barMenu4.addEventListener(MouseEvent.CLICK, goBarMenu4);

function goBarMenu4(e: MouseEvent): void {
trace("Anda klik menu bar 4");

if (stageWebViewJilc.viewPort !== null) {
stageWebViewJilc.viewPort = null;
stageWebViewFBJILC();

} else if (stageWebViewAppJilc.viewPort !== null) {
stageWebViewAppJilc.viewPort = null;
stageWebViewFBJILC();

} else {
stageWebViewFBJILC();

}

}

var barMenu5: Sprite = new Sprite();
barMenu5.graphics.lineStyle();
barMenu5.graphics.beginFill(0xB60000);
barMenu5.graphics.drawRect(384, 727, stage.stageWidth / 5, 73);
barMenu5.graphics.endFill();
addChild(barMenu5);

var icoBarMenu5: Loader = new Loader();
icoBarMenu5.x = 417;
icoBarMenu5.y = 735;
barMenu5.addChild(icoBarMenu5);
icoBarMenu5.load(new URLRequest("img2/icohome125.png"));

barMenu5.addEventListener(MouseEvent.CLICK, goBarMenu5);

function goBarMenu5(e: MouseEvent): void {
trace("Anda klik menu bar 5");

if (stageWebViewJilc.viewPort !== null) {
stageWebViewJilc.viewPort = null;
kampusJILC();


} else if (stageWebViewFBJilc.viewPort !== null) {
stageWebViewFBJilc.viewPort = null;
kampusJILC();

} else if (stageWebViewAppJilc.viewPort !== null) {
stageWebViewAppJilc.viewPort = null;
kampusJILC();

} else {
kampusJILC();

}

}


var teksMenuFormat2: TextFormat = new TextFormat();
teksMenuFormat2.font = "_sans";
teksMenuFormat2.size = 12;
teksMenuFormat2.color = 0xFFFFFF;

var titelBarMenu1: TextField = new TextField();
titelBarMenu1.x = 20;
titelBarMenu1.y = 774;
titelBarMenu1.defaultTextFormat = teksMenuFormat2;
titelBarMenu1.text = "Promo JILC";
titelBarMenu1.autoSize = TextFieldAutoSize.LEFT;
barMenu1.addChild(titelBarMenu1);


var titelBarMenu2: TextField = new TextField();
titelBarMenu2.x = 129;
titelBarMenu2.y = 774;
titelBarMenu2.defaultTextFormat = teksMenuFormat2;
titelBarMenu2.text = "Web";
titelBarMenu2.autoSize = TextFieldAutoSize.LEFT;
barMenu2.addChild(titelBarMenu2);

var titelBarMenu3: TextField = new TextField();
titelBarMenu3.x = 225;
titelBarMenu3.y = 774;
titelBarMenu3.defaultTextFormat = teksMenuFormat2;
titelBarMenu3.text = "Call Us";
titelBarMenu3.autoSize = TextFieldAutoSize.LEFT;
barMenu3.addChild(titelBarMenu3);

var titelBarMenu4: TextField = new TextField();
titelBarMenu4.x = 321;
titelBarMenu4.y = 774;
titelBarMenu4.defaultTextFormat = teksMenuFormat2;
titelBarMenu4.text = "Fun FB";
titelBarMenu4.autoSize = TextFieldAutoSize.LEFT;
barMenu4.addChild(titelBarMenu4);

var titelBarMenu5: TextField = new TextField();
titelBarMenu5.x = 387;
titelBarMenu5.y = 774;
titelBarMenu5.defaultTextFormat = teksMenuFormat2;
titelBarMenu5.text = "Kampus JILC";
titelBarMenu5.autoSize = TextFieldAutoSize.CENTER;
barMenu5.addChild(titelBarMenu5);


}

Pada pembahasan script ini adalah kita akan menampilkan sebuah bar menu bawah dengan 5 komposisi fiturnya. Setia menu fitur akan memiliki perintah masing-masing serta gambar icon yang melibatkan fungsi loader.

Teks menu pun disusun sedemikian rupa sehingga matching dengan sistem menu.

Selamat mencoba.