trik desain form delphi 7

Upload: gorbachef-tanoto

Post on 12-Feb-2018

289 views

Category:

Documents


0 download

TRANSCRIPT

  • 7/23/2019 Trik Desain Form Delphi 7

    1/14

    Trik Desain Form Delphi 7

    Created by : [email protected]

    1.Form Keren Untuk Log In

    Langung a!a kita mu"ai te# by te# membuat form keren ini:

    1. $uka %e"#hi & anda dan buat"ah #ro!ek baru Langkah ini da#at diake me"a"ui Fi"e ' (e) '

    *##"ication

    +. .,ro#erti Form $orderty"e - b(one/ 0untuk border form ditiadakan 2 Co"or - c"3hite/ 2

    4ran#arentCo"or - true/ 2 4ran#arentCo"or5a"ue - c"3hite/ 0!ika anda menambahkan )arna #utih #ada

    form anda )arna terebut tidak ter"ihat.

    7. 4ambahkan kom#onen image #ada form. Kom#onen ini ter"etak #ada tab *dditiona".

    Untuk ,ro#erti Image *"ign - a"C"ient 2 4ran#arent - true/.

    8ambar yang akan anda tambahkan ini nantinya akan men!adi background eka"igu bentuk dari

    form. *gar gambar bia tran#aran #ada form anda da#at membuat gambar dengan format .gif

    tran#aran atau .bm# dengan )arna background khuu 0background haru ber)arna #utih atau

    FFFFFF Contoh gambar :

    http://fauzieuy.blogspot.com/2010/06/trik-desain-form-delphi-7.htmlhttp://fauzieuy.blogspot.com/2010/06/trik-desain-form-delphi-7.html
  • 7/23/2019 Trik Desain Form Delphi 7

    2/14

    7. Untuk menambah kan gambar #ada #ro#erti #icture k"ik tombo" 7 titik "ihat gambar yang

    di"ingkari

    merah

    ehingga ke"uar kotak akan ke"uar kotak ,icture ;ditor ditun!ukan e#erti gambar diba)ah

    k"ik "oad

    untuk menambahkan. La"u k"ik ok.

  • 7/23/2019 Trik Desain Form Delphi 7

    3/14

    %$;dit terebut anda bia et #ro#erti ,a)ordChar dengan >/.

    ?. Kemudian "etakan !uga kom#onen $utton 0ter"etak #ada tab tandard atau $itbtn

    0ter"etak #ada tab *dditiona". ika anda menambahkan $itbtn anda bia menambahkan

    Icon #ada ii kanan bitbtn. Untuk memuncu"kan icon terebut anda bia tambahkan dengan

    + cara

    cara yang #ertama yaitu icon yang udah diediakan de"#hi #ada #ro#erti Kind et euai

    keinginan

    anda cara kedua yaitu icon yang kita ediakan endiri #ada #ro#erti 8"y#h Load icon yang

    anda

    kehendaki 0 icon yang diediakan dengan format .bm#.

    6. aAe a"" 0 aAe a aAe #ro!ect a.

    &..Kemudaian run #rogram atau tekan F9 hai"nya ter"ihat #ada gambar.

  • 7/23/2019 Trik Desain Form Delphi 7

    4/14

    B. ika anda menginginkan form terebut da#at di drag tambahkan #rocedure ource kode

    berikut #ada

    bagian ty#e/ atau #riAate/ atau bia !uga me"etakan #ada #ub"ic/ tergantung #ada #riAaianda

    0hahay.

    #rocedure 3D(CEit4et0Aar mg : 43D(CEit4et2meage

    3D(CEit4et2

    +.,ada bagian im#"ementai tambahkan kode berikut:

    #rocedure 4Form1.3D(CEit4et0Aar mg : 43D(CEit4et2

    begin

    inherited2if 0mg.Geu"t - htC"ient then

    if Dg.H,o 4o# J

  • 7/23/2019 Trik Desain Form Delphi 7

    5/14

    a"ah atu cara membuat a#"ikai yang kita buat men!adi "ebih menarik ada"ah dengan cara membuattam#i"an form a#"ikai. %engan form a#"ikai yang menarik akan membuat uer a#"ikai akan "ebihnyaman dan tidak boan da"am menggunakan a#"ikai yang anda buat. Untuk membuat tam#i"an formtidak"ah u"it yang #ertama haru kita "akukan ada"ah dengan membuat gambar tam#i"an menggunakan#hotoho# core" atau#un a#"ikai editing gambar "ainnya. 8ambar"ah euai dengan ima!inai anda danim#an dengan format .bm#.

    Contoh gambar form a#"ikai :

    Untuk memaang gambar yang kita buat #ada form %e"#hi "akukan "angkahO"angkah berikut :

    1. $uka a#"ikai yang te"ah dibuat !ika be"um ada buat a#"ikai baru.+. K"ik #ada form atur #ro#ertienya ebagai berikut :

    *"#ha$"end : 4rue$orderty"e : $(oneCo"or : c"$tnFace,oition : #o%ekto#Center4ran#arentCo"or : 4rue4ran#arenCo"or5a"ue : c"$ackground

    7. K"ik += #ada form ete"ah muncu" !ende"a editor tu"ikan kode berikut :

    procedure TForm1.FormCreate(Sender: TObject);

    begin

    TransparentColorValue:=image1.Canvas.Pixels [0,0];end;

  • 7/23/2019 Trik Desain Form Delphi 7

    6/14

    6. Gunning atau !a"ankan #rogram. $erikut ada"ah contoh form a#"ikai ete"ah di!a"ankan :

    '''

  • 7/23/2019 Trik Desain Form Delphi 7

    7/14

    Form Cantik Dengan Delphi & Photoshop

    Posted: November 5, 2009 in DEP!"

    0

    angkah " : #dobe Photoshop

    b$at tampilan %orm ses$ai selera

    set 'arna ba(kgro$nd )FF0000, dan hindari 'arna )FF0000 pada %orm %a(en*a,

    berik$t (ontoh design *ang sa*a b$at :

    +ave as simpan ke tipe le bmp

    angkah "" : Design di Delphi

    -$at Form bar$

    setting propertiesn*a sbb

    #lpha-land . False

    #lpha-land/al$e . 0 semakin ke(il nilain*a maka akan semakin transparan, anda

    bisa mengisi nilain*a antara 1 1003

    -order+t*le . bsNone

    Color . (l4ed

    Name . %ormen$

    Position . poDesktopCenter

    6ransparentColor . 6r$e

    6ransparentColor/al$e . (l4ed har$s sama dengan Color3

    7indo'+tate . 'sNormal

    tambahkan ob8e(t "mage dari tab #dditional

    #t$r propertiesn*a sbb :

    Pi(t$re . #mbil image bmp *ang s$dah dib$at

    6ransparent . 6r$e

  • 7/23/2019 Trik Desain Form Delphi 7

    8/14

    tambahkan tombol (lose

    Pada event on(lik ketik program berik$t :

    pro(ed$re 6%ormen$-it-tn1Cli(k+ender:6b8e(t3

    -egin

    #ppli(ation6erminate

    End

    simpan pro8e(t anda

    r$n program

    angkah """ : Program

    #gar title bar bisa digeser, la*akn*a %orm:

    6ambahkan ;ode berik$t di ba'ah 6*pe :

    pro(ed$re 7NC!it6estvar msg : 67NC!it6est3 message 7

  • 7/23/2019 Trik Desain Form Delphi 7

    9/14

    i% sg=Pos > 6op ? @0 then

    msg4es$lt :. htCaption

    end

    r$n program

    Form Cantik %engan %e"#hi

    http://hanudin.blogspot.com/2010/03/form-cantik-dengan-delphi.htmlhttp://hanudin.blogspot.com/2010/03/form-cantik-dengan-delphi.htmlhttp://hanudin.blogspot.com/2010/03/form-cantik-dengan-delphi.htmlhttp://hanudin.blogspot.com/2010/03/form-cantik-dengan-delphi.html
  • 7/23/2019 Trik Desain Form Delphi 7

    10/14

    Senin, 01 Maret 2010

    %a"am membuat a#"ikai bukan hanya kehanda"an a#"ikai da"am mengo"ah data a!a

    yang #er"ukan #enam#i"an !uga #er"u di #erhatikan. %engan tam#i"an yang cantik maka

    dimungkinkan uer akan "ebih tertarik dengan #rogram yang kita buat. Q,andangan #ertama

    begitu menggoda e"an!utnyaNN he heeR.

    Untuk membuatnya dibutuhkan edikit ketram#i"an da"am memainkan #rogram grafi. aya

    menggunakan adobe #hotoho# C+ untuk mengo"ah image dan %e"#hi &. untuk

    membuat a#"ikainya.

    $erikut "angkahO"angkahnya:

    Langkah I : *dobe ,hotoho#

    1. buat tam#i"an form euai e"era.

    +. et )arna background FF dan hindari )arna FF #ada form facenya berikut

    contoh deign yang aya buat :

  • 7/23/2019 Trik Desain Form Delphi 7

    11/14

    7. aAe a im#an ke ti#e fi"e .bm#

    Langkah II : %eign di %e"#hi.

    1. $uat Form baru

    +. etting #ro#ertienya bb.

    > *"#ha$"and - Fa"e

    > *"#ha$"and5a"ue - 0emakin keci" ni"ainya maka akan emakin tran#aran anda bia

    mengii ni"ainya antara 1 S 1

    > $orderty"e - b(one

    > Co"or - c"Ged

    > (ame - formDenu

    > ,oition - #o%ekto#Center

    > 4ran#arentCo"or - 4rue

    > 4ran#arentCo"or5a"ue - c"Ged 0haru ama dengan Co"or

    > 3indo)tate - )(orma"

    7. tambahkan ob!ect Image dari tab *dditiona"

    ,icture - *mbi" image .bm# yang udah dibuat.

    > 4ran#arent - 4rue

    ?. tambahkan tombo" c"oe

    ,ada eAent onc"ik ketik #rogram berikut :

    procedure TformMenu.BitBtn1Click(Sender:TObject)

  • 7/23/2019 Trik Desain Form Delphi 7

    12/14

    Begin

    Application.Terminate

    !nd

    6. im#an #ro!ect anda.

    &. run #rogram.

    Langkah III : ,rogram

    *gar tit"e bar bia digeer "ayaknya form:

    1. 4ambahkan Kode berikut di ba)ah 4y#e :

    procedure "M#C$itTe%t(&ar m%g : T"M#C$itTe%t) me%%age "M'#C$itTe%t

    +. 4ambahkan Kode berikut:

    procedure TformMenu."M#C$itTe%t(&ar m%g : T"M#C$itTe%t)

    begin

    inerited

    if (m%g.e%ult * tClient) ten

    if M%g.+,o% - Top /0 ten

    m%g.e%ult :* tCaption

    end

    7. run #rogram.

    ------------- e"amat Dencoba --------------

  • 7/23/2019 Trik Desain Form Delphi 7

    13/14

    Pada %orm1 pilih event lal$ pilih event on (reate dan diba'ah ini adalah (ontoh

    koden*an*a, $nt$k $k$rann*a silahkan ses$aikan dengan selera anda lihat kode

    angka angkan*a it$ adalah $nt$k $k$rann*a, en8o*

    pro(ed$re 6Form1FormCreate+ender: 6b8e(t3

    varregion: !4gn

    begin

    region:.CreateEllipti(4gn1,1,A00,A003

    +et7indo'4gnhandle,region,6r$e3

    end

    /"+B# -#+"C

    Form standaryang biasanya kita gunakan bentuknya persegi, Nah bagaimana kalau kita ingin membuat bentuk

    form supaya berbentuk lain, bulat misalnya. Jadi kan form kita gak monoton dan membosankan. Nah karna itusekarang kita akan membuat Form supaya berbentuk bulat, agar ampilan form jadi lebih menarik. Simak caranya.

    1. Buka Program Visual Basic dan mulai dengan orm baru.!. "ouble klik pada area form dan masukan listing kode diba#ah ini pada bagian Declaration

    Private )elare +untion Create/lliptiRgn i 2g3i42 56Val 71 's ong, 56Val %1 'song, 56Val 7 's ong, 56Val % 's ong- 's ongPrivate )elare +untion $et!in3o8Rgn i 2user42 56Val 9!n3 's ong, 56Val 9Rgn 'song, 56Val Re3ra8 's ong- 's ong

    $. Pada prosedur Form_Load(), masukan listing kode diba#ah ini %

    Private $u +orm#oa3- )im lngRegion 's ong )im lngReturn 's ong )im lng+orm!i3t9 's ong )im lng+ormeig9t 's ong

    lng+orm!i3t9 = "e.!i3t9 $reen.T8ipsPerPixel7 lng+ormeig9t = "e.eig9t $reen.T8ipsPerPixel% lngRegion = Create/lliptiRgn0, 0, lng+orm!i3t9, lng+ormeig9t- lngReturn = $et!in3o8Rgn"e.9!n3, lngRegion, True-/n3 $u

    &. Jalankan dengan menekan tombol ' pada keyboard anda.'. orm anda jadi berbentuk bulat, Selamat anda sekarang bisa membuat form bentuk bulat.

    http:ber(odeblogspot(ompblogpage

  • 7/23/2019 Trik Desain Form Delphi 7

    14/14