1 / 31

Form

KOMPONEN DALAM DELPHI. Form

Download Presentation

Form

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. KOMPONEN DALAM DELPHI • Form Merupakan suatu objek yang dapat dipakai sebagai tempat untuk merancang program aplikasi. Form merupakan sebuah meja kerja yang dapat diisi dengan komponen-komponen yang diambil dari component palette. Pada saat memulai Delphi, Delphi akan memberikan sebuah form kosong disebut Form1 Dalam sebuah form terdapat titik-titik yang disebut grid yang berguna untuk membantu pengaturan tata letak objek yang dimasukkan dalam form, dan gerakan pointer mouse akan disesuaikan dengan posisi titik-titik grid. Sebuah form mengandung unit yang berfungsi untuk mengendalikan form, komponen-komponen yang terletak dalam form dapat dikendalikan dengan menggunakan Object Inspector dan Code Editor.

  2. Form adalah dasar dari aplikasi Windows. Form dipakai untuk menempatkan komponen, control dan lain-lain. Informasi mengenai form disimpan didalam dua file, yaitu file .dfm dan .pas. File .dfm berisi informasi mengenai tampilan form ukuran lokasi dan seterusnya. Sedangkan file .pas untuk menyimpan program control atau disebut juga dengan unit.

  3. Object Inspector • Digunakan untuk mengubah properti atau karakteristik dari sebuah komponen, terdiri dari dua tab, yaitu properties dan events

  4. Tab properties , digunakanuntukmengubahpropertikomponen. Propertidengantanda + menunjukkanbahwapropertitersebutmempunyaisubproperti. Klikpadaposisitanda + untukmembukasubproperti. • Tab events, bagian yang dapatdiisidengankode program tertentu yang berfungsiuntukmenanganikejadian-kejadian (berupasebuah procedure) yang dapatdiresponolehsebuahkomponen. Contoh, jikainginsuatukejadiandikerjakanpadasaatkomponentersebutdiklik, makadapatdituliskankode program tersebutpadabagianOnClick.

  5. Sebuah Property tidak lain adalah sebuah nama/variabel milik sebuah objek/komponen misal Caption. • Text yang dapat diubah nilai baik melalui object Inspector atau melalui program. • Beberapa contoh pada Property : • 􀂙 Font • Menunjukan font yang akan kita gunakan. Dalam menu ini juga terdapat macam-macam font berikut style dan ukurannya. • 􀂙 Caption • Merupakan judul dari form itu. Perhatikan perbedaannya dengan name.

  6. 􀂙 Name • Merupakan nama dari komponen itu. Biasanya bila kita mengambil sebuah komponen, Delphi otomatis menyediakan nama sesuai dengan nama komponen tersebut. Namun nama ini dapat dengan mudah kita ubah agar mudah mengingatnya. Berbeda dengan caption pada caption kita tidak mengubah nama componen, melainkan hanya mengubah juduk yang tertera pada komponen tersebut. Sehingga bila kita ingin menggunakan komponen tersebut, yang kita gunakan adalah namanya, dan bukan nama pada caption.

  7. 􀂙 Enabled • Menunjukan bahwa komponen ini bisa digunakan atau tidak. Perintah ini cukup penting bila kita tidak ingin user menekan tombol yang tidak diinginkan. • 􀂙 Height • Merupakan tinggi dari komponen yang bakalan kita taruh pada form, atau komponen lainnya. • 􀂙 Width • Merupakan lebar komoponen.

  8. 􀂙 Popup menu • Fungsi ini berguna saat kita mengkilik kanan dan akan tampil perintah. Pada penggunaanya kita mengambuil komponen popup menu dan menset popup menu pada form. • 􀂙 Auto size • Fungsi ini berisi mengenai apakah form yang kita miliki bisa diperbesar atau tidak. • 􀂙 Text • Biasanya tedapat pada komponen edit dan mask edit. Kegunaanya untuk menaruh kata-kata pada komonen ini.

  9. 􀂙 Color Warna pada komponen. Kita dapat mengubah warna-warna tiap komponen (hanya yang disediakan) dengan point ini. • 􀂙 Visible Berfungsi untuk menampilkan dan tidak menampilkan komponen yang kita inginkan. • 􀂙 Hint Bila kursor kita diatas komponen, maka akan muncul keterangan. Keterangan ini yang disebut dengan hint. Jangan lupa untuk mengganti properti show hint menjadi true untuk mengaktifkannya.

  10. 􀂙 Borderstyle • Menunjukan berbagai macam bingkai yang diinginkan. • Dengan Object inspector kita juga dapat menentukan event apa yang akan kita buat dengan komponen tersebut. • Sebuah Event adalah sebuah aksi pengguna (User Action) misal Mouse Click, KeyPressed. Setiap Events diawali dengan kata ‘On’. • Beberapa contoh event: • 􀂙 Onclick • Bila kita mengklik komponen tersebut maka prosedur yang kita inginkan akan dijalankan oleh program tersebut.

  11. 􀂙 Onkeypress • Bila kita menekan suatu key (tombol) maka komponen • tersebut akan aktif. Perlu diperhatikan pada event ini, • delphi mengenal character yang kita tekan melalui kode • yang masuk kedalam variabel key

  12. Code Editor Merupakan tempat di mana kode program dituliskan. Pada bagian ini dapat dituliskan pernyataan-pernyataan dalam object pascal. Keuntungan pemakaian Delphi adalah tidak perlu menuliskan kode-kode sumber karena Delphi telah menyediakan kerangka penulisan program

  13. Code editor dilengkapi dengan fasilitas highlight yang memudahkan pemakai menemukan kesalahan. Title bar yang terletak pada bagian atas jendela code editor menunjukkan nama file yang sedang disunting, sementara pada bagian bawah terdapat tiga bagian informasi yang perlu untuk diperhatikan, yaitu : • Nomor baris/kolom yang terletak pada bagian paling kiri, berfungsi untuk menunjukkan posisi kursor di dalam jendela code editor.

  14. Text Modified menunjukkan bahwa file yang sedang disunting telah mengalami perubahan dan perubahan tersebut belum disimpan. Teks ini akan hilang jika perubahan telah disimpan. • Insert/overwite yang terletak pada bagian paling kanan menunjukkan modus pengetikan teks dalam jendela code editor. Insert menunjukkan bahwa modus penyisipan teks dalam keadaan aktif, sedang overwrite menunjukkan bahwa modus penimpaan teks dalam keadaan aktif. Tekan tombol insert untuk mengubah keadaan insert menjadi overwrite dan sebaliknya.

  15. Code Explorer • Bagian kiri dari Code Editor adalah Code Explorer. Code Explorer dipakai untuk memudahkan navigasi didalam file unit. Untuk menampilkan code explorer, pilih menu View|Code Explorer, atau klik kanan pada code editor dan pilih View Explorer. (lihat gambar)

  16. MemakaiKomponen • MenempatkanKomponenPada Form Untukmembuatantarmukaaplikasiharusmenempatkankomponen-komponenpadasebuah form, mengubah property-nyadanmembuat program event handler-nya. • untukmenempatkankomponenpadasebuah form : • KliksebuahkomponenpadaComponen palette, misalnyakomponenButtondari page Standard

  17. Komponen Button • Klik pada form dimana ingin menempatkan komponen tersebut.

  18. Mengubah Tampilan pada Komponen Untuk mengubah tampilan dan perilaku di aplikasi dengan menggunakan Object Inspector. Pada saat komponen dipilih pada sebuah form, property dan event-nya ditampilkan Object Inspector.

  19. Klik komponen untuk memilihnya

  20. Untuk memilih komponen dari daftar drop-down ini Pilih sebuah property dan ubah nilainya dikolom yang tersedia Klik tanda ini untuk membuka kotak dialog dan mengubah property Klik ganda tanda plus untuk menampilkan property detil

  21. Beberapa property mempunyai nilai sederhana, seperti True atau False, dan bilangan bulat. Untuk property Boolean, seperti Cancel, dapat diklik ganda pada True atau False untuk mengubahnya,Jika di klik property, akan terlihat tanda titik-titik. Jika diklik tanda titik-titik dari property Font, akan tampil kotak dialog Font.

  22. Mengubah Event • Langkah-langkahuntukmengubah event-handler: • Kliktab Event pada Object Inspector untuk • melihat event-handler darikomponen yang dipilih. • Pilihsebuah Event. • Isi Event-handle denganduacara, yaitudenganmemilihsatu Event-handler dari yang sudahadaatauklikgandapadakolomnilaidanmasukke Code Editor dan Delphi akanmembuatkerangka procedure-nya.

  23. Klik tab Event untuk menampilakn event-event dari sebuah komponen Pilih Event-handler yang sudah ada dari daftar drop-down Atau, klik ganda pada kolom nilai untuk membuat event-handler baru dan Delphi akan memberikan kerangka program

  24. Latihan

  25. Ketikkanprogramnya procedure TForm1.FormCreate(Sender: TObject); begin Label2.Caption := 'Irnawan'; Label3.Caption := 'JalanBinaWarga'; end; procedure TForm1.TcloseClick(Sender: TObject); begin close; end; end

  26. Jelaskanlangkah-langkahmembuatsebuahtampilan Form seperti yang terlihatpadaGambar.

  27. Tambahkan tiga buah label, du buah edit box, dua buah radio button dan sebuah button pada form

More Related