2017-05-27

JProgressBar JSlide
dan S.Kom.
,r
M.Kom

Badiyanto,

JProgressB
ar
• Kelas JProgressBar adalah komponen
dalam bentuk grafis.
untuk menampilkan lama proses

• Komponent pallete:

, Progres Bar
~ s

1
 2017-05-27

JProgressBa
r
• Constructor
JProgressBar()
• Menciptakan progress bar horizontal yang menampilkan
kosongan.
• JProgressBar(BoundedRangeModel newModel)
• Menciptakan progress bar horizontal yang menggunakan model
tertentu untuk menyimpan data posisi bar.
• JProgressBar(int min, int max)
• Menciptakan progress bar horisontal dengan minimum yang
ditentukan dan maksimal.
• JProgressBar(int orient, int min, int max)
• Menciptakan progress bar menggunakan orientasi, menentukan
minimum, dan maksimum .

Progress
Bar • int• Mengembalikan
getMaximum()
nilai maksimum posisi bar.
• int getMinimum()
• Mengembalikan nilai minimum posisi bar dari.
• int getValue()
• Mengembalikan nilai posisi saat ini bar dari.
• boolean isStringPainted()
• Mengembalikan nilai properti stringPainted.

2
 2017-05-27

contoh
Kllang J I
Tambah

Nilai Isi PrOC]ess

B¥

~ FormNew
·~ OtherC
LI i@!tl ts:I
• c::J pbProses [JPY'ogressBar]
> (QK] btnKurang [JButton]
·~ btnTambah[JButton]
•···· jlabel 1 [JLabel]
- tflsiProgress [JTextField]
'· c:J

Kode Program
package perS;
/'*
•@author badi
·1
public class NewJFrame4 extends javax.swing.JFrame {
int posisi;
r·
• Creates new form NewJFrame4
·1
public NewJFrame4() {
initComponents();

3
 2017-05-27

inisialisasi
Event->Windows->windowOpened

private void formWindowOpenedQava.awt.event.WindowEventevt) {

II TODO add your handling code here:
posisi=O; tflsiProgress.setText(""+posisi);

~
Menentukan posisi awal
nilai progressBar mulai 0

Klik Kurang

Tombol private void btnKurangActionPerformedQava.awt.event.ActionEvent

evt) {
II TODO add your handling code here:
Jika user klik posisi
posisi=posisi-L. ------- dikurangi 1

if (posisi<pbProses.getMinimum())
{
pbProses.setValue(pb oses.getMinimumO);
posisi=pbProses.getMin umt):
return; jika posisi<Oberhenti,
} tampilkan nilai minimum
pbProses.setValue(po isi);
tflsiProgress.setText(""+ sisi);
Menggambar progress
sesuai nilai posisi

4
 2017-05-27

Klik Tamba
h

Tombol
private void btnTambahActionPerformedGava.awt.event.ActionEvent
evt) {
posisi=posisi+ 1· Jika user k1ik posisi
if (posisic-p bPr:o::se=-:s~.g::e::-;t:i'7=I ditambah 1
{~~
pbProses.setValue(pbPro es.getMaximum());
posisi=pbProses.getMaxi mt):
re tum;
}
pbProses.setValue(posisi); jika posisi>Oberhenti,
tflsiProgress.setText ""+posisi); tampilkan nilai max

:lvienggambarprogress
seuai nilai posisi

hasii
W Penggunaan Progress Bar
[ Kurang J I
Tambah J

Nilai lsi Progress Bar 3

l I 30% I

10

5
 2017-05-27

Contoh Menggunakan Timmer

Other Components - Navigator •

~ FormNewJFrameS
; =®---=-
·!;:]
=::....:=:.=.-..
8 L] [JFrame]
~..£....-+---~ [Qg) pbProses
btnSt.art [JProgressBar]
1---1---7 [JButton]
Sta ·[Qgj btnStop
r [JButton]

1
1

Import Klas
Untuk mencatat waktu yang
package per5; ------•
importjavax.swing,Time~ berjalan selang tertentu
importjavax.swing.jopticnf'ane:
importjava.awt.event.Actionfvent,
importjava.awt.event.Actionl.istener:

public class NewJFrame5 extends javax.swing.JFrame {

publicNewJFrameS() {
initComponents();

publicclass Progres implements ActionListener{

public void actionPerformed(ActionEvent evt){
int n=pbProses.getValue();
if (n<=lOO){ n++:
pbProses.setValue(n);

else{ timer.stop(); }
}
}

12

6
 2017-05-27

lnlslolisosl waktu
private void
form WindowOpenedGava.awt.event.WindowEvent evt)
11 TODO add your handling code here: {
timer= new Timer(SOO,newProgres() );

Menciptakan objek Timer dengan

selang waktu tunggu 500 mill detik

13

Mengklik Tombol start

private void btnStartActionPerformedGava.awt.event.ActionEvent

evt) {
/I TODO add your handling code here:
timer.start();
}

Mengklik Tombol stop

private void btnStopActionPerformedGava.awt.event.ActionEvent
evt) {
II TODO add your handling code here:
timer.stop();

l P-c.ng9trn1Mn Progress Bar dengan

Timer

7
 2017-05-27

JSlide Slider
r • JsSider komponen yang memungkinkan penggunan
mengatur nilai dengan tombol geser dalam suatu
interval dibatasi.
• Slider dapat menunjukkan kedua tanda yang mewakili
nilai
• Jumlah nilai antara tanda dikendalikan oleh methode
setMajorTickSpacing dan setMinorTickSpacing
• Komponen pallete

1
5

JSlider
Constructor
• JSlider()
• Membuat slider horisontal dengan kisaran 0-100 clan nilai awal 50.
• JSlider (int orientation)
• Membuat slider menggunakan orientasi ditentukan dengan kisaran 0-
100 clan nilai awal 50.
• JSlider (int min, int max)
• Membuat slider horizontalmenggunakan min dan max ditentukan
dengan nilai awal samadengan rata-rata min max plus.
• JSlider (int min, int max, nilai int)
• Membuat slider horizontal menggunakan min ditentukan, max clan nilai.
JSlider (int orientation, int min, int max, nilai int)
• • Menciptakan sebuah slider dengan:

• orientasi menyatakanarah slider dapat diisi]Slider.VERTICALatau

• JS!ider.HOZONTAL)
• min menyatakan nilai terkecil yang clitentukan oleh
slider 16
•
ma.t menyatakannilai terbesar yang ditentukanoleh
slider
nilai menvatakan sisiawal slider.

8
 2017-05-27

jSliaer
Methode
• int getMajorTickSpacing ()
• Metode ini mengembalikan jarak tick utama
• int getMaximum ()
• Mengembalikan nilai maksimumyang didukung oleh slider
• int getMinorTickSpacing ()
• mengembalikan jarak kecil.
• int getValue()
• Mengembalikan nilai posisi slider
• void setMaximum (int maksimum)
• Mengatur mengatur memberikan nilai maksimum
• void setMinimum (int minimal )
• Mengatur mengatur memberikan nilai minimum
17

JSlider
Methode
• void setOrientation (intorientation)
• mengatur orientasi scrollbars baik HORIZONTAL atau
VERTICAL.
• void setPaintLabels (boolean b)
• Menentukan jika true label ditampilkan, jika false label
tidak ditampilkan
• void setPaintTicks (boolean b)
• Menentukan apakah tanda centang ditampilkan atau tidak
pada slider.
• void setValue (int n)
• Mengatur posisi dan nilai slider saat ini.

18

9
 2017-05-27

Pengaturan lewat properties

IPuocrl~s I fwi!ts CoO
S!m,ho",I !
~~r.~s 0
b8d.giW!d (240.2..0.2•0)
l~•ldllPlciin
Qp:02•0.2•0J

~Design Preview (NewJFrame]

UIC•nO ..A~

~==================::3!!!!!!!!!!!!!!!!!! .
e.
u
s
Ot~ ·
a

!!0::::::==='..I:::: .
~rf'ropenlu
-Otte ll'~lii:!Joftll'ffl~c•rtl~t
. ~r0•")

19

a tau painTicks.::true

~o'~s
P"""':
\ \ ~I
~
70 80
tombolgeser

pa-intla-be-ls=t-rue~
90 100

=-1,
r o \_

I
I
minorTickSpacing=S

majorTickSpacing=10
60
.

20

10
 2017-05-27

Variasi penggunaan
~ I
inverterd=true

so 410 30 20 10 0
0
-90

-80

~
-10
-60
- -e 20 30

r
so <
O
3)

I 20

J
!O

-o
maximum=SO

21

Contoh

o ro
.~
w ~ 60 w ro ~ ~ ~
~
NilailAinima
Nilaf 10
tfMin.setText(""+sldAngka.getMinimu
1
l.taksJmal 0 mO)
Pos1si S
Trak O

tfMaks.setText(""+sldAngka.getMaxim

tfAwalTrak.setText(""+sldAngka.getVal
ueO)

22

11
 2017-05-27

Contoh/Latihan:
lli PangaturanWama Panel d•ng•n Slider

"\J uera 36
I'' I I' I' I''' I' I' 1 •''I I'' I I'' I' I• I'' I I'' I
I''' 60 80
1 •I'
100 14 160 I''' 240 n
20 40 120 0 180 200 220
I'' I I' I' I'' I I'' I I'' I'' I I I'' I I I'' I' I' I' I I I I I' f I I' I I
Hija 185
I I u
20 40 60 80 100 120 140 16 180 200 220 240
0

1,, 1,, 1,, 1,, •1,,, 1,,, 1,,, 1,, 1,, 1, 1,,, 1• ,~ Bir 255
, ••
, , , 60 80 10 120 , 200 220 240 u
20 40 0 140 16 180
0

I I

23

12