차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- jcontrols_cf35:jslider [2016/03/18 08:05]
Comfile Technology
+++ jcontrols_cf35:jslider [2016/04/14 09:46] (현재)
@@ 줄 1: / 줄 1: @@
+====== 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]] 을 참조하시기 바랍니다.

사용자 도구

사이트 도구

차이

문서 도구