MODUL V

PENGGUNAAN TRACKBAR & SCOLLBAR

Setelah pada pertemuan sebelumnya kita belajar tentang timer, maka kali ini
kita akan membahas contoh penggunaan TrackBar(berada pada pallete Win32) dan
ScrollBar(berada pada pallete standard). Program yang akan kita buat yaitu mengenai
program pengubah warna(color changer).
Tampilan program bisa kita lihat seperti gambar di bawah ini.

Mode Running(sedang dijalankan)

Mode Desain

Euis Marlina (http://adeisti.blogspot.com) 1

Daftar komponen yang dibutuhkan :
Komponen Properti Isi
Form1 Caption :. Color Changer
Name FrmMain
Panel1 Caption dikosongkan
Name pnlPreview
BevelInner bvNone
BevelOuter bvRaised
Color clSilver
GroupBox1 Name GroupBox1
Caption Track Bar
GroupBox2 Name GroupBox1
Caption Scroll Bar
BitBtn1 Name BitBtn1
Caption &Close
Kind bkClose
TrackBar1 Name trcRed
Frequency 20
Max 255
Orientation trVertical
TickMarks tmBoth
Height 169
TrackBar2 Name trcGreen
Frequency 20
Max 255
Orientation trVertical
TickMarks tmBoth
Height 169
TrackBar3 Name trcBlue
Frequency 20
Max 255
Orientation trVertical
TickMarks tmBoth
Height 169
ScrollBar1 Name scbRed
Height 153
Kind sbVertical
Max 255
ScrollBar2 Name scbGreen
Height 153
Kind sbVertical
Max 255
ScrollBar3 Name scbBlue
Height 153
Kind sbVertical
Max 255
Label1 (Pada GroupBox1, Name lblRed

Euis Marlina (http://adeisti.blogspot.com) 2

 dibawah TrackBar1 ) Caption 192
Label2 (Pada GroupBox1, Name lblGreen
dibawah TrackBar2 ) Caption 192
Label3 (Pada GroupBox1, Name lblBlue
dibawah TrackBar3) Caption 192
Label4 (Pada GroupBox2, Name lblRed2
dibawah ScrollBar1) Caption 191
Label5 (Pada GroupBox2, Name lblGreen2
dibawah ScrollBar2) Caption 191
Label6 (Pada GroupBox2, Name lblBlue2
dibawah ScrollBar3) Caption 191

Source programnya :
• Membuat procedure ChangeColor
procedure TfrmMain.changecolor;
begin
iRed:=scbRed.Position;
iGreen:=scbGreen.Position;
iBlue:=scbBlue.Position;

pnlPreview.Color:=TColor(RGB(iRed, iGreen, iBlue));

end;

//TrackBar tidak menggunakan procedure changecolor

• Pada trcRed event onChange

procedure TfrmMain.trcRedChange(Sender: TObject);
begin
iRed := 255 - trcRed.Position;
iGreen := 255 - trcGreen.Position;
iBlue := 255 - trcBlue.Position;

pnlPreview.Color := TColor(RGB(iRed, iGreen, iBlue));

lblRed.Caption := IntToStr(iRed);
end;

• Pada trcGreen event onChange

procedure TfrmMain.trcGreenChange(Sender: TObject);
begin
iRed := 255 - trcRed.Position;
iGreen := 255 - trcGreen.Position;
iBlue := 255 - trcBlue.Position;

pnlPreview.Color := TColor(RGB(iRed, iGreen, iBlue));

lblGreen.Caption := IntToStr(iGreen);
end;

Euis Marlina (http://adeisti.blogspot.com) 3

• Pada trcBlue event onChange
procedure TfrmMain.trcBlueChange(Sender: TObject);
begin
iRed := 255 - trcRed.Position;
iGreen := 255 - trcGreen.Position;
iBlue := 255 - trcBlue.Position;

pnlPreview.Color := TColor(RGB(iRed, iGreen, iBlue));

lblBlue.Caption := IntToStr(iBlue);
end;

//ScrollBar menggunakan procedure changecolor

• Pada scbRed event onChange

procedure TfrmMain.scbRedChange(Sender: TObject);
begin
changecolor;
lblRed2.Caption:=IntToStr(iRed);
end;

• Pada scbGreen event onChange

procedure TfrmMain.scbGreenChange(Sender: TObject);
begin
changecolor;
lblGreen2.Caption:=IntToStr(iGreen);
end;

• Pada scbBlue event onChange

procedure TfrmMain.scbBlueChange(Sender: TObject);
begin
changecolor;
lblBlue2.Caption:=IntToStr(iBlue);
end;

Euis Marlina (http://adeisti.blogspot.com) 4