26 December 2009

WinMo - make own control

Assalamulaikum wbt..

Alhamdulillah, aku masih dikurniakan peluang dan nafas utk menghirup kemanisan Iman dan Islam. Tanpa melenguhkan lutut, aku nk share some important and interesting part dlm Windows Mobile platform development. Wat sesape y xtaw pe die external harddisk, Windows Mobile aka WinMo ini adalah OS bagi PDA. Latest version adalah Windows Mobile 6.5. Masa tahun 2003 dlu, OS nie terbahagi 2 iaitu WinMo for PocketPC and Smartphone. Dalam PDA market segment, selain WinMo adalah Android from Uncle Googlerudin, dan iPhone OS X from Uncle Epaladin.

"DESIGN UI ELEMENT IN WINMO"


Currently, aku tengah develop 1 apps dlm WinMo for Mobile Content Challenge by Maxis and gambarajah y kat atas ni adalah aku punye interface (atleast wat ms nie). 1 thing y sgt2 important y aku nk ckap kn td adalah control dlm WinMo xsame cm dlm desktop development gune WPF or web gune Silverlight. Aku bagi contoh mudah:


Ok, kat atas nie ade 3 button. Dari kiri, button default dlm WPF or Silverlight, button custom dan button default dlm WinMo. WPF dan Silverlight combine with powerfull Expression Blend mmg aku akui, amat menjimat masa programmer dan mengurangkan tahap nk ke tandas mereka. Button default mmg senang nk dibuat secara custom, alasan nye mudah iaitu - senang nk design, XAML kan ader, Blend kan ader. Maka terhasil la button y kat tengah2 tue (button signup utk web aku beb)..Tapi WinMo??? Button y kat belah kanan sekali adalah bukti nye. Korang bleh dpt default saja, nk customize bagi lawa mmg "in your dream" jer la. So, in the end apps akan jd dull, x attractive.

"HOW TO DESIGN WITHOUT INTEGRATED DESIGN TOOL"


Most Windows developer dah bese ngn Expression Blend, tp sayangnye tiada tools sebegitu rupa bagi WinMo developer.So, cmane nk wat custom button y nice to look?? Erm..susah nk kate..bkn nk kate mustahil. Mmg ader cranye, most programmer (stakat y aku search) gune cara manual utk create what ever control y dorang nk gune cam button, combobox, listview and so on. Ape y dimaksudkan ngn cara MANUAL?? haa nie part y paling interesting nih..

Post akn dtg aku akn share secara detail plus with sample code skali cmane nk wat control secara full manual. Skg aku bg overview jer dlu, takut da y pening2 lembu tenusu Dutch Lady plak nanti sbb die memerlukan kefahaman y outstanding dlm "C# Extreme Programming". Dengan kate laen, sape y bleh fham post aku y seterusnye mmg superb (welcome to my club).

Briefly - Kite xkan gune 1 item pun dri toolbox dlm visual studio, so jgn hrap nk jadi drag-drop guy kat cini ok. 1st, draw control y kite nk wat contohnye button gune GDI+ classes. 2nd, bagi property sikit kat die cm Height, Width, Top, Left etc. 3rd, bagi public function untuk assign property y kite bagi td supaya bile press Ctrl+Spacebar intellisense dlm visual studio bleh detect. 4th, bagi event handler y sesuai kat die supaye bleh di klik or mouse over etc. Thats all, sound simple kan?? Ok tue jer dlu kot, nantikan post y seterusnye utk aku perkenalkan ape bes nye Windows Mobile programming kat korang.



P/S: Aku xheran kalu korang xpham ape y aku tulih..post y seterusnye korag akn lagi xphm, dun wory okeh..

1 comment:

  1. like u have told me b4..it is really hard to do such a simple thing like that..right??
    but, it is not impossible...=P

    ReplyDelete

terima kasih.