9/6/12

Program pertama - belajar programming

belajar programming
Home Ba ha sa P e mrogra ma n C Sharp Java JavaScript PHP Python Ruby Tcl Visual Basic G UI wxWidget Pendahuluan Kelas-kelas Helper P rogra m p e rta ma Menu dan Toolbar Event Dialog Widget I Widget II Drag dan Drop Device Context Widget-widget Custom Game Tetris Manajemen Layout

Telu s u r i s itu s in i

GUI​ ​ > wxWidget​ ​ >

Program pertama
Dalam bab ini, kita akan membahas dasar-dasar yang diperlukan untuk membuat aplikasi wxWidgets. Kita akan membuat contoh sederhana, ini contoh kita yang pertama, menunjukkan bagaimana menampilkan ikon. Selanjutnya kita akan membuat contoh sederhana yang menunjukkan penggunaan dari suatu event. Terakhir, kita akan melihat, bagaimana widget berkomunikasi dalam aplikasi wxWidgets.

Aplikasi sederhana
Pertama kita membuat program wxWidgets yang sangat dasar.

sml. ipeh #nld <xw.> icue w/xh casSml :pbi wFae ls ipe ulc xrm { pbi: ulc Sml(os wSrn&tte; ipecnt xtig il) } ;

sml.p ipecp #nld "ipeh icue sml." Sml:Sml(os wSrn&tte ipe:ipecnt xtig il) :wFaeNL,wI_N,tte wDfutoiin wSz(5,10) xrm(UL xDAY il, xealPsto, xie20 5) { Cnr(; ete) }

mi. anh

#nld <xw.> icue w/xh casMAp:pbi wAp ls yp ulc xp { pbi: ulc vrulbo OIi(; ita ol nnt) } ;

mi.p ancp https://sites.google.com/site/ajarprogramming/gui/wxwidget/program-pertama 1/8

IPEETAPMAp MLMN_P(yp) Kode diatas mengimplementasikan aplikasi yang tersembunyi di balik makro ini. io. jalankan perintah berikut. `xcni -cxlg -lb`. cnh #nld <xw. io." #nld "ipeh icue sml.> icue w/xh casIo :pbi wFae ls cn ulc xrm { pbi: ulc Io(os wSrn&tte. sml. ete) Metode ini menempatkan window di layar. sml-So(re. kita menyediakan ikon untuk aplikasi kita. Ikon adalah gambar identitas sebuah aplikasi.p cncp https://sites. ipe>hwtu) rtr tu. eun re } Ini contoh yang sangat dasar. menunjukkan sebuah window kecil di layar. biasanya kita tidak harus peduli." IPEETAPMAp MLMN_P(yp) bo MAp:nnt) ol yp:OIi( { Sml *ipe=nwSml(x(Sml") ipe sml e ipewT"ipe).p sml. Ini menjadi standar untuk menampilkan ikon kecil di sudut kiri atas window.belajar programming #nld "anh icue mi.p mi.com/site/ajarprogramming/gui/wxwidget/program-pertama 2/8 .9/6/12 Program pertama .google. Untuk mengkompilasi contoh. Keduanya secara horizontal maupun vertikal. g+mi. (Di Unix). Ini adalah copy dan paste kode. Window ini berpusat di Cnr(.sml + ancp anh ipecp ipeh w-ofg -xfas -is o ipe Simple Icon Aplikasi Dalam contoh ini. cncnt xtig il) } .

mi. XPM (X PixMap) adalah gambar berformat ASCII. bto. Ikon S ebuah t ombol sederhana Pada contoh berikut. StcnwIo(x(wbxm)) eIo(xcnwT"e." #nld "cnh icue io.tte wDfutoiin wSz(5." Io:Io(os wSrn&tte cn:cncnt xtig il) :wFaeNL. utnh https://sites. anh #nld <xw. eun re } Pada contoh tersebut kita menunjukkan ikon web kecil.p")." IPEETAPMAp MLMN_P(yp) bo MAp:nnt) ol yp:OIi( { Io *cn=nwIo(x(Io") cn io e cnwT"cn). Kita akan menunjukkan. Cnr(. xie20 5) { StcnwIo(x(wbxm)) eIo(xcnwT"e.wI_N. io-So(re. bagaimana membuat sebuah event handler sederhana.belajar programming #nld "cnh icue io. kita membuat tombol pada widget frame.p").p ancp #nld "anh icue mi.9/6/12 Program pertama . ita ol nnt) } .10) xrm(UL xDAY il. xealPsto.> icue w/xh casMAp:pbi wAp ls yp ulc xp { pbi: ulc vrulbo OIi(. anda dapat mencari (atau membuat) ikon untuk aplikasi anda sendiri dengan eksetensi file .google. ete) } mi.com/site/ajarprogramming/gui/wxwidget/program-pertama 3/8 . cn>hwtu) rtr tu.xpm. Untuk menampilkannya cukup menggunakan satu baris kode pada aplikasi wxwidget kita.

xealPsto. xomnEetade(utn:nut) bto-Stou(.com/site/ajarprogramming/gui/wxwidget/program-pertama 4/8 . anh #nld <xw.> icue w/xh casBto :pbi wFae ls utn ulc xrm { pbi: ulc Bto(os wSrn&tte. ita ol nnt) } . od nutwCmadvn vn) } . xV_OMN_UTNCIKD wCmadvnHnlrBto:OQi).10) xrm(UL xDAY il.9/6/12 Program pertama . x(Qi". xie20 5) { wPnl*ae =nwwPnlti. utn>eFcs) Cnr(.p ancp #nld "anh icue mi. tap>hwtu) https://sites. bnp-So(re. onc(xDEI. wPit2. mi.2). bto.p utncp #nld "utnh icue bto.google." IPEETAPMAp MLMN_P(yp) bo MAp:nnt) ol yp:OIi( { Bto *tap=nwBto(x(Bto") utn bnp e utnwT"utn). } mi. xon(0 0) CnetwI_XT wETCMADBTO_LCE. ete) } vi Bto:OQi(xomnEet&WUUE(vn) od utn:nutwCmadvn XNSDeet) { Coetu) ls(re.> icue w/xh casMAp:pbi wAp ls yp ulc xp { pbi: ulc vrulbo OIi(.belajar programming #nld <xw.wI_XT wT"ut) xutn bto e xutnpnl xDEI." Bto:Bto(os wSrn&tte utn:utncnt xtig il) :wFaeNL. wBto *utn=nwwBto(ae.tte wDfutoiin wSz(7.wI_N) xae pnl e xae(hs xDAY. utncnt xtig il) vi OQi(xomnEet&eet.wI_N." #nld "utnh icue bto.

Tombol diposisikan secara manual pada x = 20. Button Komunikasi Widget Penting untuk diketahui. aesh #nld <xw. eun re } wPnl*ae =nwwPnlti. xomnEetade(utn:nut) Jika kita klik pada tombol. xV_OMN_UTNCIKD wCmadvnHnlrBto:OQi).belajar programming rtr tu.9/6/12 Program pertama . utn>eFcs) Kita mengatur fokus keyboard ke tombol.google. xon(0 0) Kita buat widget w B t o . xutn bto e xutnpnl xDEI. event w E T C M A D B T O _ L C E dihasilkan. Kita xV_OMN_UTNCIKD hubungkan event tersebut dengan metode O Q i ( dari kelas Button. od nlswCmadvn vn) vi OMnswCmadvn &eet. bagaimana widget dapat berkomunikasi dalam aplikasi.wI_XT wT"ut) wPit2.wI_N) xae pnl e xae(hs xDAY. xDEI Label tombol "Quit". Kita gunakan id xutn w I _ X Tstandar untuk tombol. Pertama kita membuat widget w P n l Ini akan ditempatkan di dalam widget w F a e xae. Ikuti contoh berikut. Jadi jika kita menekan tombol enter. Di dalam metode O Q i ( . wBto *utn=nwwBto(ae.2). Ini untuk menampilkan ikon exit kecil pada tombol. xrm. tombol diklik. onc(xDEI. y = 20 koordinat. Pnl. kita panggil metode C o e ) Ini akan mengakhiri aplikasi nut) ls(. od niu(xomnEet vn) https://sites. Tombol ini ditempatkan pada panel.> icue w/xh #nld <xpnlh icue w/ae. etae(xae prn) vi OPu(xomnEet&eet. x(Qi".com/site/ajarprogramming/gui/wxwidget/program-pertama 5/8 . metode O Q i ( dipanggil. Awal dari sistem koordinat di sudut kiri atas CnetwI_XT wETCMADBTO_LCE.> casLfPnl:pbi wPnl ls etae ulc xae { pbi: ulc LfPnlwPnl*aet. Jadi ketika kita klik nut) tombol. kita. nut) bto-Stou(. Coetu) ls(re.

1).google. on). } Rgtae:Rgtae(xae *prn) ihPnl:ihPnlwPnl aet :wPnlprn. wBto *_iu. _aet aet mpu =nwwBto(hs I_LS wT"". onc(DMNS xV_OMN_UTNCIKD wCmadvnHnlrLfPnl:niu).p aescp #nld <xsatx. DPU. xomnEetade(etae:OMns) } vi LfPnl:nlswCmadvn &WUUE(vn) od etae:OPu(xomnEet XNSDeet) { cut+ on+. 1 x(0) xon(0 0) } https://sites. xon(0 0) CnetI_LS wETCMADBTO_LCE.> icue w/tteth #nld "omnct.wT"". 1. cm-mr-mtx-Stae(xtig:omtwT"d) cut) om>_p>_et>eLblwSrn:Fra(x(%". Cmuiae*om=(omnct * mprn-Gtaet) omnct cm Cmuiae ) _aet>ePrn(.belajar programming wBto *_ls xutn mpu.6).wETCMADBTO_LCE. x(+) wPit1. cntitI_IU =12 os n DMNS 0. casRgtae :pbi wPnl ls ihPnl ulc xae { pbi: ulc Rgtae(xae *aet. cntitI_LS=11 os n DPU 0. Pnl.wPit4.9/6/12 Program pertama . Cmuiae*om=(omnct * mprn-Gtaet) omnct cm Cmuiae ) _aet>ePrn(." icue Cmuiaeh LfPnl:etae(xae *prn) etae:LfPnlwPnl aet :wPnlprn.wT"".wI_N. mprn =prn.-) wSz(1 -) wBRE_UKN xae(aet 1 xon(1 1. } .wPit-. DMNS x(-) wPit1. _et e xttcetti. xODRSNE) { cut=0 on .10. ihPnlwPnl prn) vi OStetwCmadvn &eet. CnetI_IU. } vi LfPnl:niu(xomnEet&WUUE(vn) od etae:OMnswCmadvn XNSDeet) { cuton-.6). _ls e xutnti. od neTx(xomnEet vn) wSaiTx *_et xttcet mtx. xon(0 0) mmns=nwwBto(hs I_IU. } . onc(DPU. cm-mr-mtx-Stae(xtig:omtwT"d) cut) om>_p>_et>eLblwSrn:Fra(x(%".-. wSz(7.wDfutoiin xae(aet xDAY xealPsto. xutn mmns wPnl*_aet xae mprn. _iu e xutnti. xie-. on).com/site/ajarprogramming/gui/wxwidget/program-pertama 6/8 . itcut n on.wBRE_UKN xie20 5) xODRSNE) { mtx =nwwSaiTx(hs -. xV_OMN_UTNCIKD wCmadvnHnlrLfPnl:nls) xomnEetade(etae:OPu).

Cmuiaecp omnct. xXAD xL. #nld "aesh icue Pnl. mi.9/6/12 Program pertama .wI_N) _aet e xae(hs xDAY. omnct(os xtig il) LfPnl*_p etae ml. wPnl*_aet xae mprn.1 wEPN |wAL 5." icue Cmuiaeh IPEETAPMAp MLMN_P(yp) https://sites. } ." #nld <xwpe. bx>d(_p .google. Rgtae *_p ihPnl mr. _aet>eSzrho) ti-Cnr(. hs>ete) } mi.> icue w/xrch casCmuiae:pbi wFae ls omnct ulc xrm { pbi: ulc CmuiaecntwSrn&tte. ) mprn-Stie(bx. xoSzr ho e xoSzrwHRZNA) ml =nwLfPnlmprn) _p e etae(_aet.com/site/ajarprogramming/gui/wxwidget/program-pertama 7/8 .belajar programming Cmuiaeh omnct.p ancp #nld "anh icue mi. anh #nld <xw. bx>d(_p ." icue Cmuiaeh Cmuiae:omnct(os wSrn&tte omnct:Cmuiaecnt xtig il) :wFaeNL. ) ho-Admr. xXAD xL.p #nld "omnct. wBxie *bx=nwwBxie(xOIOTL.tte wDfutoiin wSz(9.1 wEPN |wAL 5. xealPsto. xie20 5) { mprn =nwwPnlti. mr =nwRgtae(_aet.> icue w/xh casMAp:pbi wAp ls yp ulc xp { pbi: ulc vrulbo OIi(.10) xrm(UL xDAY il. ita ol nnt) } . _p e ihPnlmprn) ho-Adml." #nld "omnct.wI_N.

on). Komunikasi Widget Masuk | Laporkan Penyalahgunaan | Cetak Laman | Hapus Akses | Diberdayakan oleh Go o g le Sites https://sites. Dan panel kanan memiliki pointer ke teks statis. Sebuah panel kiri dan kanan. cm-mr-mtx-Stae(xtig:omtwT"d) cut) om>_p>_et>eLblwSrn:Fra(x(%". bagaimana kita mendapatkan akses ke widget teks statis. rtr tu.belajar programming bo MAp:nnt) ol yp:OIi( { Cmuiae*omnct =nwCmuiaewT"igt cmuiae). Pertama kita mendapatkan induk dari panel kiri dan kanan. kita memiliki dua panel. yang ditempatkan pada panel yang berbeda.com/site/ajarprogramming/gui/wxwidget/program-pertama 8/8 .9/6/12 Program pertama . Yang merupakan sebuah widget wxPanel. Widget induk ini memiliki pointer ke panel sebelah kanan. Kedua baris ini adalah baris paling penting dari contoh. Hal ini ditunjukkan. eun re } Dalam contoh kita.google. Tombol mengubah nomor yang ditampilkan dalam teks statis. Panel sebelah kanan memiliki satu teks statis. Cmuiae*om=(omnct * mprn-Gtaet) omnct cm Cmuiae ) _aet>ePrn(. Pertanyaannya adalah. bagaimana kita ambil pointer ke teks statis? mprn =prn. omnct cmuiae e omnct(x(Wdes omnct") cmuiae>hwtu) omnct-So(re. Panel kiri memiliki dua tombol. _aet aet Di sini kita menyimpan pointer ke widget induk dari LeftPanel tersebut.

Sign up to vote on this title
UsefulNot useful