====== jSlider ======
''jSlider'' 콘트롤은 [[https://msdn.microsoft.com/en-us/library/system.windows.forms.trackbar%28v=vs.90%29.aspx|.Net Compact Framework's TrackBar]]를 발전시킨 슬라이드 콘트롤입니다.  연속된 값중 하나의 값을 지정해야할 경우에 사용하세요. (예 : 소리의 크기를 결정하는 볼륨)

===== CornerRadii Property =====
''CornerRadii''속성의 값을 조정하면 램프의 모서리를 둥글게 표현할 수 있습니다. 이렇게 하기 위해서는[[.:jslider#shape_속성|Shape]] 속성이 반드시 ''Rectangular''로 되어 있어야 합니다. 각각의 모서리를 개별적으로 조정할 수 있습니다.

{{.:slidercornerradii.mp4?426x240}}


===== Orientation 속성 =====

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:sliderorientationhorizontalproperties.png?nolink |}}|
|{{ .:sliderorientationvertical.png?nolink |}}|{{ .:sliderorientationverticalproperties.png?nolink |}}|


===== Minimum 속성 =====
[[.:jslider#value_속성|Value property]] 속성의 하한치.


===== Maximum 속성 =====
[[.:jslider#value_속성|Value property]] 속성의 상한치.

===== Shape 속성 =====
''Shape'' 속성을 ''Rectangular'' 로 하면 레버의 모양이 사각형이 되고, ''Round''로 하면 둥근모양이 됩니다. 

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:slidershaperectangularproperties.png?nolink |}}|

|{{ .:slidershaperound.png?nolink |}}|{{ .:slidershaperoundproperties.png?nolink |}}|
===== Thumb 속성 =====
''Thumb'' 속성을 조절하여 레버의 색상,외곽선등을 변경할 수 있습니다. 자세한 내용은 [[.:Fills, Strokes, and Borders]] 과 [[.:Highlights and Gloss]] 을 참조하시기 바랍니다.

|{{ .:sliderthumbgreen.png?nolink |}}|{{ .:sliderthumbgreenproperties.png?nolink |}}|
|{{ .:sliderthumbblue.png?nolink |}}|{{ .:sliderthumbblueproperties.png?nolink |}}|



==== Width 속성 ====
''Thumb''의 ''Width'' 속성을 바꾸면 레버의 넓이를 조절할 수 있습니다. 이 속성은 [[.:jslider#shape_속성|Shape 속성]] 이 ''Rectangular''일때만 사용할 수 있습니다.

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:sliderthumbwidth30properties.png?nolink |}}|
|{{ .:sliderthumbwidth40.png?nolink |}}|{{ .:sliderthumbwidth40properties.png?nolink |}}|
===== Track 속성 =====
''Track'' 속성을 조절하여 슬라이더의 트랙부분의 색상을 변경할 수 있습니다. 자세한 내용은 [[.:Fills, Strokes, and Borders]] 과 [[.:Highlights and Gloss]] 을 참조하시기 바랍니다. 

|{{ .:slidertrackgray.png?nolink |}}|{{ .:slidertrackgrayproperties.png?nolink |}}|
|{{ .:slidertrackgreenyellow.png?nolink |}}|{{ .:slidertrackgreenyellowproperties.png?nolink |}}|
==== Width 속성 ====
''Track''의 ''Width'' 속성을 바꾸면 트랙의 폭을 변경할 수 있습니다.

|{{ .:slidershaperectangular.png?nolink |}}|{{ .:slidertrackwidth10properties.png?nolink |}}|
|{{ .:slidertrackwidth20.png?nolink |}}|{{ .:slidertrackwidth20properties.png?nolink |}}|

===== Text 속성 =====
''Text''속성을 사용해서 레버위에 현재 값을 표시할 수 있습니다. ''{0}''을 써넣어주면 [[.:jslider#value_속성|Value 속성]]의 값을 표시합니다. {0:0}으로 하면 정수부분만 표시할 수 있습니다. {0:0.00}으로 하면 소수(소수점 밑 두자리)로 표시됩니다.

|{{ .:slidertext30.png?nolink |}}|{{ .:slidertext30properties.png?nolink |}}|
|{{ .:slidertext30.25.png?nolink |}}|{{ .:slidertext30.25properties.png?nolink |}}|

===== Value 속성 =====
''Value'' 속성을 통해 슬라이더 포지션값을 읽어오거나 셋팅할 수 있습니다. [[.:jslider#minimum_속성|Minimum 속성]] 과 [[.:jslider#maximum_속성|Maximum 속성]]에서 설정한 하한치 / 상한치를 벗어나면 exception 이 발생됩니다.

{{.:slidervalue.mp4?426x240|}}

===== ValueChanged 이벤트 =====
[[.:jslider#value_속성|Value 속성]] 내용이 변경되면 ''ValueChanged'' 이벤트가 발생됩니다. 

===== Text Features =====
Text모양을 변경할 수 있습니다. 이에 대한 자세한 내용은 [[.:Text Features]] 을 참조하시기 바랍니다.