Sliders

2 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€92.52
List Price:  €129.54
You save:  €37.01
£77.22
List Price:  £108.12
You save:  £30.89
CA$143.09
List Price:  CA$200.33
You save:  CA$57.24
A$158.38
List Price:  A$221.75
You save:  A$63.36
S$134.26
List Price:  S$187.97
You save:  S$53.71
HK$778.07
List Price:  HK$1,089.33
You save:  HK$311.26
CHF 88.38
List Price:  CHF 123.74
You save:  CHF 35.35
NOK kr1,043.42
List Price:  NOK kr1,460.83
You save:  NOK kr417.40
DKK kr690.36
List Price:  DKK kr966.53
You save:  DKK kr276.17
NZ$174
List Price:  NZ$243.61
You save:  NZ$69.61
د.إ367.26
List Price:  د.إ514.18
You save:  د.إ146.91
৳12,157.47
List Price:  ৳17,020.95
You save:  ৳4,863.47
₹8,549.26
List Price:  ₹11,969.31
You save:  ₹3,420.04
RM445.35
List Price:  RM623.51
You save:  RM178.16
₦153,538.64
List Price:  ₦214,960.24
You save:  ₦61,421.60
₨28,028.19
List Price:  ₨39,240.59
You save:  ₨11,212.39
฿3,415.77
List Price:  ฿4,782.22
You save:  ฿1,366.44
₺3,791.85
List Price:  ₺5,308.74
You save:  ₺1,516.89
B$568.11
List Price:  B$795.38
You save:  B$227.26
R1,860.72
List Price:  R2,605.08
You save:  R744.36
Лв181.08
List Price:  Лв253.52
You save:  Лв72.44
₩146,284.14
List Price:  ₩204,803.66
You save:  ₩58,519.51
₪368.72
List Price:  ₪516.22
You save:  ₪147.50
₱5,717.12
List Price:  ₱8,004.20
You save:  ₱2,287.08
¥14,943
List Price:  ¥20,920.80
You save:  ¥5,977.80
MX$2,031.88
List Price:  MX$2,844.71
You save:  MX$812.83
QR364.82
List Price:  QR510.77
You save:  QR145.94
P1,373.32
List Price:  P1,922.70
You save:  P549.38
KSh12,923.70
List Price:  KSh18,093.70
You save:  KSh5,170
E£5,056.27
List Price:  E£7,078.98
You save:  E£2,022.71
ብር13,135.98
List Price:  ብር18,390.90
You save:  ብር5,254.91
Kz91,190.88
List Price:  Kz127,670.88
You save:  Kz36,480
CLP$94,330.18
List Price:  CLP$132,066.03
You save:  CLP$37,735.84
CN¥726.88
List Price:  CN¥1,017.67
You save:  CN¥290.78
RD$6,330.35
List Price:  RD$8,862.74
You save:  RD$2,532.39
DA13,379.66
List Price:  DA18,732.06
You save:  DA5,352.40
FJ$232.92
List Price:  FJ$326.09
You save:  FJ$93.17
Q772
List Price:  Q1,080.83
You save:  Q308.83
GY$20,991.24
List Price:  GY$29,388.57
You save:  GY$8,397.33
ISK kr13,296.67
List Price:  ISK kr18,615.87
You save:  ISK kr5,319.20
DH964.39
List Price:  DH1,350.18
You save:  DH385.79
L1,793.39
List Price:  L2,510.81
You save:  L717.42
ден5,695.37
List Price:  ден7,973.74
You save:  ден2,278.37
MOP$801.86
List Price:  MOP$1,122.63
You save:  MOP$320.77
N$1,838.55
List Price:  N$2,574.04
You save:  N$735.49
C$3,681.61
List Price:  C$5,154.40
You save:  C$1,472.79
रु13,712
List Price:  रु19,197.34
You save:  रु5,485.34
S/367.63
List Price:  S/514.70
You save:  S/147.06
K405.08
List Price:  K567.13
You save:  K162.05
SAR375.09
List Price:  SAR525.14
You save:  SAR150.05
ZK2,808.58
List Price:  ZK3,932.13
You save:  ZK1,123.54
L460.56
List Price:  L644.80
You save:  L184.24
Kč2,307.76
List Price:  Kč3,230.96
You save:  Kč923.20
Ft37,069.85
List Price:  Ft51,899.28
You save:  Ft14,829.42
SEK kr996.98
List Price:  SEK kr1,395.81
You save:  SEK kr398.83
ARS$107,273.83
List Price:  ARS$150,187.65
You save:  ARS$42,913.82
Bs691.32
List Price:  Bs967.88
You save:  Bs276.55
COP$417,964.84
List Price:  COP$585,167.49
You save:  COP$167,202.65
₡50,036.95
List Price:  ₡70,053.74
You save:  ₡20,016.78
L2,559.56
List Price:  L3,583.49
You save:  L1,023.92
₲798,762.10
List Price:  ₲1,118,298.89
You save:  ₲319,536.79
$U4,218.01
List Price:  $U5,905.38
You save:  $U1,687.37
zł386.31
List Price:  zł540.85
You save:  zł154.54
Already have an account? Log In

Transcript

Moving on to a slider. A slider is a horizontal track with a control called the thumb, which you can slide with your finger to move between the minimum and the maximum value. A slider is viewed as an approximate control. For example, a slider is a good control for screen brightness, because users can see the results right away and don't need to be overly precise. Sliding a knob here is a whole lot easier than entering manually some numbers would be. Here's an example of a basic slider with icons added.

And here's an undocumented by Apple example, where the icons change as you start dragging. So a slider consists of a horizontal track and a thump, which is a circle of control that users can slide It can include optional images that convey the meaning of the left and right values. In the case where the user needs to select from less to greater value of something, there is no other hint for that. Use the icons. And of course, the portion between the minimum value and the thumb is filled. If it adds value, create a custom appearance for a slider.

For example, you can define the appearance of the thumb so that users can see at a glance with a slider is active. As already mentioned before, supplied images to appear at both ends of the slider to help users understand what the slider does. Typically, these custom images correspond to the minimum and maximum value of the value range that the slider controls. A slider that controls image size for example, To display a very small image, it the minimum end and the larger image at the maximum and define the different appearance for the track depending on which side of thumb it is on, and which state the control is in. Lastly, a little note for development. Apparently in the code, the volume slider is a different thing.

It's not the regular slider, it behaves and looks almost the same, though.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.