Membuat Aplikasi Linux dengan GTK+ – Part3

Contoh3 : Form dengan Widget

  1. Buka Editor kesayangan anda misal gedit
  2. Ketikkan kode berikut ini
  3. #include <gtk/gtk.h>
    
    int main (int argc, char *argv[])
    {
    	GtkWidget *window;
    	GtkWidget *fixed;
    	GtkWidget *tombol1;
    	GtkWidget *teks1;
    	
    	gtk_init(&argc, &argv);
    	
    	window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
    	gtk_window_set_title(GTK_WINDOW(window), "Aplikasi Widget Pertamaku");
    	gtk_window_set_default_size(GTK_WINDOW(window), 400, 400);
    	gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
    	
    	fixed = gtk_fixed_new();
    	gtk_container_add(GTK_CONTAINER(window), fixed);
    	
    	tombol1 = gtk_button_new_with_label("Keluar");
    	gtk_fixed_put(GTK_FIXED(fixed), tombol1, 220, 30);
    	gtk_widget_set_size_request(tombol1, 80, 35);
    	
    	teks1 = gtk_entry_new();
    	gtk_fixed_put(GTK_FIXED(fixed), teks1, 10, 30);
    	gtk_widget_set_size_request(teks1, 200, 30);
    	
    	g_signal_connect(window, "destroy", G_CALLBACK(gtk_main_quit), NULL);
    	g_signal_connect(tombol1, "clicked", G_CALLBACK(gtk_main_quit), NULL);
    	
    	gtk_widget_show_all(window);
    	
    	gtk_main();
    	
    	return 0;
    
    }
    
    
  4. Simpan dengan nama contoh3.c
  5. Buka Terminal dan masuk pada direktori tempat anda menyimpan file contoh3.c
  6. Compile dengan perintah gcc contoh3.c -o contoh3 $(pkg-config –libs –cflags gtk+-2.0)
  7. Setelah anda mengompile file diatas maka akan tercipta file binari/executable baru dengan nama contoh3
  8. Jalankan dengan mengetikkan ./contoh3 atau dengan klik dua kali pada filebinary contoh3

Berikut saya jelaskan tentan kode GTK+ diatas

#include <gtk/gtk.h>

Perintah untuk mengimport library GTK+ untuk membuat tampilan GUI

int main (int argc, char *argv[])
deklarasi begin atau tanda pembukaan isi aplikasi

gtk_init(&argc, &argv);

Fungsi yang wajib ada untuk memanggil library GTK+

GtkWidget *window;
GtkWidget *fixed;
GtkWidget *tombol1;
GtkWidget *teks1;

Deklarasi Variabel window, fixed, tombol1 dan teks1 dengan tipe data GtkWidget

window = gtk_window_new(GTK_WINDOW_TOPLEVEL);
membuat jendela form baru dan dimasukkan pada variabel window

gtk_window_set_title(GTK_WINDOW(window), “Aplikasi Pertamaku di KOELIT”);
mengeset judul pada form dengan judul “Aplikasi Pertamaku di KOELIT”

gtk_window_set_default_size(GTK_WINDOW(window), 400, 400);
mengeset ukuran form dengan ukuran 400 x 400

gtk_window_set_position(GTK_WINDOW(window), GTK_WIN_POS_CENTER);
mengeset posisi form saat dijalan kan agar berada di tengah/center

fixed = gtk_fixed_new();
gtk_container_add(GTK_CONTAINER(window), fixed);

Membuat Sebuah kontainer Fixed untuk menampung beberapa widget seperti entry dan button

tombol1 = gtk_button_new_with_label(“Keluar”);
Membuat tombol baru dengan label “Keluar”

gtk_fixed_put(GTK_FIXED(fixed), tombol1, 220, 30);

Meletakkan posisi tombol1 pada posisi koordinat x,y (220, 30)

gtk_widget_set_size_request(tombol1, 80, 35);

Mengeset ukuran tombol yakni 80 x 35 –> ukuran pixel

teks1 = gtk_entry_new();
Membuat textbox baru

gtk_fixed_put(GTK_FIXED(fixed), teks1, 10, 30);

Meletakkan posisi teks1 pada koordinat 10, 30

gtk_widget_set_size_request(teks1, 200, 30);
Mengeset ukuran teks1 yakni 200 x 30

gtk_widget_show_all(window);
kode wajib untuk menampilkan seluruh widget yang ada di window termasuk tombol1 dan teks1

gtk_main();
fungsi yang wajib disertakan di akhir setiap aplikasi GTK+

Simpan dengan nama contoh3.c

Buka Terminal dan masuk pada direktori tempat anda menyimpan file contoh3.c
Compile dengan perintah
gcc contoh3.c -o contoh3 $(pkg-config –libs –cflags gtk+-2.0)

One thought on “Membuat Aplikasi Linux dengan GTK+ – Part3

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s