Membuat Menu Depan pada Android

Menu depan yang kami maksud adalah menu yang ditampilkan selain dari menu tab navigasi yang ada di bawah. Menu depan biasanya mewakili fitur utama dari sebuah aplikasi.

Berikut scriptnya :
function layarUtama(): void {
var barAwal: MovieClip = new MovieClip();
addChild(barAwal);

var tweenLayarUtama: Tween = new Tween(barAwal, "x", Strong.easeInOut, -480, 0, 1, true);

var headerLogo: Loader = new Loader();
headerLogo.x = 0;
headerLogo.y = 0;
barAwal.addChild(headerLogo);
headerLogo.load(new URLRequest("img2/headerJilc.png"));

var bagImage: Loader = new Loader();
bagImage.x = 0;
bagImage.y = 89;
barAwal.addChild(bagImage);
bagImage.load(new URLRequest("img2/bagImageJilc.png"));

var menu1: Sprite = new Sprite();
menu1.graphics.lineStyle();
menu1.graphics.beginFill(0xFFFFFF);
menu1.graphics.drawRect(0, 203, 283, 70);
menu1.graphics.endFill();
barAwal.addChild(menu1);
menu1.addEventListener(MouseEvent.CLICK, goMenu1);
function goMenu1(e: MouseEvent): void {
trace("Anda klik menu1");
infoJILC();

}

var menu2: Sprite = new Sprite();
menu2.graphics.lineStyle();
menu2.graphics.beginFill(0xFFFFFF);
menu2.graphics.drawRect(0, 285, 283, 70);
menu2.graphics.endFill();
barAwal.addChild(menu2);
menu2.addEventListener(MouseEvent.CLICK, goMenu2);
function goMenu2(e: MouseEvent): void {
trace("And klik menu2");
agendaJILC();
}
var menu3: Sprite = new Sprite();
menu3.graphics.lineStyle();
menu3.graphics.beginFill(0xFFFFFF);
menu3.graphics.drawRect(0, 367, 283, 70);
menu3.graphics.endFill();
barAwal.addChild(menu3);
menu3.addEventListener(MouseEvent.CLICK, goMenu3);
function goMenu3(e: MouseEvent): void {
trace("And klik menu3");
programBelajar();
}
var menu4: Sprite = new Sprite();
menu4.graphics.lineStyle();
menu4.graphics.beginFill(0xFFFFFF);
menu4.graphics.drawRect(0, 448, 283, 70);
menu4.graphics.endFill();
barAwal.addChild(menu4);
menu4.addEventListener(MouseEvent.CLICK, goMenu4);
function goMenu4(e: MouseEvent): void {
trace("And klik menu4");
registrasiJILC();
}
var menu5: Sprite = new Sprite();
menu5.graphics.lineStyle();
menu5.graphics.beginFill(0xFFFFFF);
menu5.graphics.drawRect(0, 530, 283, 70);
menu5.graphics.endFill();
barAwal.addChild(menu5);
menu5.addEventListener(MouseEvent.CLICK, goMenu5);
function goMenu5(e: MouseEvent): void {
trace("And klik menu5");
kartuJILC();
}
var icoMenu1: Loader = new Loader();
icoMenu1.x = 11;
icoMenu1.y = 220;
menu1.addChild(icoMenu1);
icoMenu1.load(new URLRequest("img2/icon1.png"));

var icoMenu2: Loader = new Loader();
icoMenu2.x = 11;
icoMenu2.y = 302;
menu2.addChild(icoMenu2);
icoMenu2.load(new URLRequest("img2/icon2.png"));

var icoMenu3: Loader = new Loader();
icoMenu3.x = 11;
icoMenu3.y = 384;
menu3.addChild(icoMenu3);
icoMenu3.load(new URLRequest("img2/icon3.png"));

var icoMenu4: Loader = new Loader();
icoMenu4.x = 11;
icoMenu4.y = 465;
menu4.addChild(icoMenu4);
icoMenu4.load(new URLRequest("img2/icon5.png"));

var icoMenu5: Loader = new Loader();
icoMenu5.x = 11;
icoMenu5.y = 547;
menu5.addChild(icoMenu5);
icoMenu5.load(new URLRequest("img2/icon6.png"));

var teksMenuFormat: TextFormat = new TextFormat();
teksMenuFormat.font = "_sans";
teksMenuFormat.size = 24;
teksMenuFormat.color = 0x41A187;

var teksMenu1: TextField = new TextField();
teksMenu1.x = 75;
teksMenu1.y = 220;
teksMenu1.defaultTextFormat = teksMenuFormat;
teksMenu1.text = "Info JILC";
teksMenu1.autoSize = TextFieldAutoSize.LEFT;
menu1.addChild(teksMenu1);

var teksMenu2: TextField = new TextField();
teksMenu2.x = 75;
teksMenu2.y = 302;
teksMenu2.defaultTextFormat = teksMenuFormat;
teksMenu2.text = "Agenda JILC";
teksMenu2.autoSize = TextFieldAutoSize.LEFT;
menu2.addChild(teksMenu2);

var teksMenu3: TextField = new TextField();
teksMenu3.x = 75;
teksMenu3.y = 384;
teksMenu3.defaultTextFormat = teksMenuFormat;
teksMenu3.text = "Program Belajar";
teksMenu3.autoSize = TextFieldAutoSize.LEFT;
menu3.addChild(teksMenu3);

var teksMenu4: TextField = new TextField();
teksMenu4.x = 75;
teksMenu4.y = 465;
teksMenu4.defaultTextFormat = teksMenuFormat;
teksMenu4.text = "Akses Login";
teksMenu4.autoSize = TextFieldAutoSize.LEFT;
menu4.addChild(teksMenu4);

var teksMenu5: TextField = new TextField();
teksMenu5.x = 75;
teksMenu5.y = 547;
teksMenu5.defaultTextFormat = teksMenuFormat;
teksMenu5.text = "Kartu Digital";
teksMenu5.autoSize = TextFieldAutoSize.LEFT;
menu5.addChild(teksMenu5);
}

Script ini menunjukkan adanya 5 menu utama yang akan mewakili fitur pada aplikasi. Setiap menu memiliki judul sendiri dan ikon sendiri yang telah kami coding sedemikian rupa.

Selamat mencoba