Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10

Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10 – Pernahkah kalian memperhatikan bagaimana perubahan yang secara signifikan tampil pada Microsoft Windows 8, 8.1 dan 10? Yah, perubahan yang paling eksplisit adalah pada bagian tampilan Start Menu. Perubahan yang menuai pro dan kontra bagi kalangan pengguna Microsoft Windows dimana lebih dari 10 tahun Start Menu yang melegenda akhirnya digantikan dengan tampilan yang “katanya” lebih modern, yang disebut dengan nama Metro UI atau Modern UI ala Windows 10. Tampilan menu kotak persegi maupun persegi panjang dengan warna-warni yang sangat kontras menjadikan tampilan ini tampil lebih fresh dan tentunya disukai bagi anak-anak pula.
Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10
Tutorial Cara Membuat Metro UI Menu di Delphi 7 Seperti Windows 10

Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik

Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik – Pernahkan pembaca melihat menu navigasi yang terletak disebelah kanan atau kiri dari form aplikasi? Jika belum mari buka Smartphone Android pembaca kemudian buka aplikasi misalnya BBM atau telegram. Kalaupun tidak punya keduanya mungkin pembaca dapat membuka aplikasi Google Mail (Gmail) yang pastinya sudah terinstall secara default di smartphone Android.
Pada bagian pojok kiri atas, terdapat icon (gambar) yang mana icon ini memiliki arti Open Menu Navigation. Nah, saat terbuka akan tampak begitu banyak menu yang tersaji disana. Saat diklik, menu tersebut akan membuka form lain yang tentunya sesuai dengan nama pada button menu tersebut. Maka dari itu, model menu inilah yang penulis sebut dengan nama “Sidebar Menu”.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Untuk membuat menu ini, pembaca hanya memerlukan Panel dan Label yang akan dijelaskan secara rinci dibawah ini.
  • Buka aplikasi Borland Delphi 7.
  • Buat sebuah project dengan nama “prjsidebar_menu”.
  • Tambahkan sebuah form dengan nama “frmsidebar_menu”.
  • Atur form frmsidebar dengan detail sebagai berikut.
Properties
Value
Caption
Sidebar Menu
Color
clBtnFace
+ Font
Color
Name
Size

clWindowText
Trebuchet MS
13
Height
476
Name
frmsidebar_menu
Width
928

  • Jika sudah dibuat, kemudian tambahkan sebuah Panel yang kemudian diletakkan ke posisi paling kiri pada form. Berikut ini detail pengaturannya.
Properties
Value
BevelOuter
bvNone
Caption

Color
clWhite
Height
437
Left
0
ParentFont
False
Top
0
Name
pnlmenu
Width
217

Maka akan tampil seperti gambar dibawah ini.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Peletakan Panel pnlmenu
  • Tambahkan 6 buah label dengan beberapa pengaturan properties yang sama. 6 buah label ini disimpan kedalam Panel pnlmenu, jangan diluarnya. Adapun nilai yang dapat di set adalah sebagai berikut.

Pengaturan Semua Label
Properties
Value
Autosize
False
Color
cl3DLight
Cursor
crHandPoint
Height
52
Layout
tlCenter
Left
-1
ParentColor
False
ParentFont
False
Transparant
True
Width
217

Pengaturan Label 1
Properties
Value
Caption
  Beranda
Name
btnberanda
Top
8

Pengaturan Label 2
Properties
Value
Caption
  Simpan Halaman
Name
btnsimpan_halaman
Top
64

Pengaturan Label 3
Properties
Value
Caption
  Halaman Koran
Name
btnhalaman_koran
Top
120

Pengaturan Label 4
Properties
Value
Caption
  Edisi Khusus
Name
btnedisi_khusus
Top
176

Pengaturan Label 5
Properties
Value
Caption
  Pengguna
Name
btnpengguna
Top
237

Pengaturan Label 6
Properties
Value
Caption
  Pengaturan
Name
btnpengaturan
Top
293

Catatan : Tambahkan dua spasi didepan Caption agar tulisan tidak tampak menempel pada bingkai form.
  • Tambahkan lagi Label didalam Panel pnlmenu yang fungsinya sebagai garis batas sisi kanan.
Properties
Value
Align
alRight
Autosize
False
Color
clMoneyGreen
Height
437
Left
216
ParentColor
False
Top
0
Width
1
  • Setelah itu tambahkan lagi label untuk pembatas antar menu yang berbeda jenisnya.
Properties
Value
Autosize
False
Color
clMoneyGreen
Height
1
Left
0
ParentColor
False
ParentFont
False
Top
232
Width
217
  • Terakhir tambahkan lagi sebuah Label yang digunakan untuk signature application.
Properties
Value
Align
alCustom
Alignment
taCenter
Autosize
False
Caption
Copyright © 2017 | Rangga Saputra Teknoborneo.com
Color
cl3Dlight
+ Font
Color
Name
Size

clGray
Trebuchet MS
8
Height
35
Left
0
ParentColor
False
ParentFont
False
Top
390
Transparent
True
Width
217
WordWrap
True

Jika langkah-langkah diatas telah diselesaikan, maka tampilan Sidebar Menu Navigation akan tampak seperti gambar dibawah ini.
Tutorial Cara Membuat Sidebar Menu di Delphi 7 Sederhana Keren Menarik
Sidebar Menu yang telah selesai dibuat
Pembaca bisa mendapatkan project ini pada blog Tekno Borneo ini.
<< Kembali : Ke artikel yang lebih lengkap
Follow blog ini jika ingin mendapatkan informasi seputar dunia teknologi. Tetap Ikhtiar, Tawakal dan Berdoa agar #KamekJadiHero.

My Contact :
Facebook : Rangga Saputra
Fanspage : Teknoborneocom
Instagram : @teknoborneo
HP/WA/Telegram : +628 988282 108

Cara Membuat Menubar, MainMenu, Menu di atas Form Pada Delphi 7

Cara Membuat Menubar, MainMenu, Menu di atas Form Pada Delphi 7 – Menu jenis ini sangat cocok untuk memanggil form yang terdapat sub formnya. Misalnya menu “Kendaraan” >> memiliki sub menu “Kendaraan Masuk”, “Kendaraan Keluar” dan “Laporan Kendaraan”.
  1. Buka Aplikasi Borland Delphi 7.
  2. Buat sebuah project baru dengan nama “prjmenubar” dan sebuah form dengan nama “frmmenubar”.
  3. Klik tab Toolbar Standar pada Component Palette, kemudian pilih komponen MainMenu (Menus).
    Komponen MainMenu (Menus) pada Component Palette
  4. Letakkan komponen MainMenu kedalam form frmmenubar yang mana posisi peletakan bebas dimanapun asal tetap dalam bingkai form tersebut.
  5. Klik kanan pada komponen MainMenu tadi, kemudian pilih Menu Designer sehingga akan tampil jendela PopUp.
    Menu Designer komponen MainMenu
  6. Atur properties seperti panduan berikut ini.
    Atur Properties Komponen MainMenu

Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern

Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern - Begitu banyaknya form aplikasi yang dibuat sehingga application designer harus menemukan cara baru dalam mengaksesnya. Cara yang paling ideal dalam mengakses form-form aplikasi adalah dengan membuat Menu Navigasi yang mana konsepnya sama seperti Menu Navigasi pada sebuah Website.
Jika dalam mengakses tiap-tiap laman website harus membutuhkan alamat addressnya, maka berbeda dengan mengakses form-form aplikasi pada Delphi. Kita hanya membutuhkan name dari setiap form yang akan kita panggil, kemudian menyematkannya pada Menu Navigasi yang akan kita buat nantinya.
Cara Membuat Menu di Delphi 7 Sederhana, Keren dan Modern
Metro UI Menu