문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 | |||
jcontrols_cf35:jcheckbox [2016/04/06 23:50] Comfile Technology [Text Features] |
jcontrols_cf35:jcheckbox [2016/04/14 09:46] (현재) |
||
---|---|---|---|
줄 1: | 줄 1: | ||
+ | ====== jCheckBox ====== | ||
+ | ''jCheckbox'' 콘트롤은 기존 [[https://msdn.microsoft.com/en-us/library/system.windows.forms.checkbox%28v=vs.90%29.aspx|.Net Compact Framework's CheckBox]]콘트롤을 발전시킨 것입니다. | ||
+ | |||
+ | |||
+ | ===== CheckBoxSize 속성 ===== | ||
+ | ''CheckBoxSize'' 속성을 바꾸면 체크박스의 크기가 바뀝니다. | ||
+ | |||
+ | |{{ .:checkboxcheckboxsize20.png?nolink |}}|{{ .:checkboxcheckboxsize20properties.png?nolink |}}| | ||
+ | |{{ .:checkboxcheckboxsize25.png?nolink |}}|{{ .:checkboxcheckboxsize25properties.png?nolink |}}| | ||
+ | |||
+ | ===== Checked 속성 ===== | ||
+ | ''Checked'' 속성을 통해 체크박스가 체크상태(''true'') 인지 아닌(''false'')지를 알 수 있습니다. | ||
+ | |||
+ | |{{ .:checkboxcheckedfalse.png?nolink |}}|{{ .:radiobuttoncheckedfalseproperties.png?nolink |}}| | ||
+ | |{{ .:checkboxcheckedtrue.png?nolink |}}|{{ .:radiobuttoncheckedtrueproperties.png?nolink |}}| | ||
+ | |||
+ | ===== CheckedChanged 이벤트 ===== | ||
+ | [[.:jcheckbox#checked_property|Checked 속성]]이 바뀌면 ''CheckedChanged'' 이벤트가 발생합니다. | ||
+ | |||
+ | ===== CheckedAppearance 와 UncheckedAppearance 속성 ===== | ||
+ | ''CheckedAppearance'' 속성은 체크박스가 체크되었을 때의 표시속성에 대한 내용을 포함하고 있습니다. ''UncheckedAppearance'' 속성은 체크박스가 체크되지 않았을 때의 표시속성에 대한 내용을 포함하고 있습니다. 표시속성에 대한 자세한 내용은[[.:fills_strokes_and_borders | Fills, Strokes, and Borders]] 을 참조하시기 바랍니다. | ||
+ | |||
+ | |{{ .:checkboxcheckedappearance.png?nolink |}}|{{ .:checkboxcheckedappearanceproperties.png?nolink |}}| | ||
+ | |{{ .:checkboxuncheckedappearance.png?nolink |}}|{{ .:checkboxuncheckedappearanceproperties.png?nolink |}}| | ||
+ | |||
+ | ===== Checkmark 속성 ===== | ||
+ | ''CheckedAppearance'' 속성은 체크마크 표시에 관한 내용을 포함하고 있습니다. 자세한 내용은 [[.:fills_strokes_and_borders | Fills, Strokes, and Borders]]을 참조하시기 바랍니다. | ||
+ | |||
+ | |{{ .:checkboxcheckmark.png?nolink |}}|{{ .:checkboxcheckmarkproperties.png?nolink |}}| | ||
+ | |||
+ | ===== CornerRadii 속성 ===== | ||
+ | ''CornerRadii'' 속성은 체크박스의 모서리를 둥근정도를 결정해주는 속성입니다. | ||
+ | |||
+ | {{.:checkboxcornerradii.mp4?394x94}} | ||
+ | |||
+ | ===== DrawCheckmark 메소드 함수 ===== | ||
+ | ''DrawCheckmark'' 메소드 함수는 ''protected'' 메소드 함수입니다. 이것을 오버라이딩해서 다른 모양으로 체크표시를 바꿀 수 있습니다. 아래의 예에서 처럼 X표시로 체크모양을 바꿀 수 있습니다. | ||
+ | |||
+ | <code csharp> | ||
+ | public class CustomCheckbox : jCheckBox | ||
+ | { | ||
+ | protected override void DrawCheckmark(Rectangle checkboxRectangle, Rectangle clipRectangle) | ||
+ | { | ||
+ | Canvas.ClipRectangle = clipRectangle; | ||
+ | |||
+ | float topLeftX = checkboxRectangle.Left + CornerRadii.TopLeft; | ||
+ | float topLeftY = checkboxRectangle.Top + CornerRadii.TopLeft; | ||
+ | float topRightX = checkboxRectangle.Right - CornerRadii.TopRight; | ||
+ | float topRightY = checkboxRectangle.Top + CornerRadii.TopRight; | ||
+ | float bottomLeftX = checkboxRectangle.Left + CornerRadii.BottomLeft; | ||
+ | float bottomLeftY = checkboxRectangle.Bottom - CornerRadii.BottomLeft; | ||
+ | float bottomRightX = checkboxRectangle.Right - CornerRadii.BottomRight; | ||
+ | float bottomRightY = checkboxRectangle.Bottom - CornerRadii.BottomRight; | ||
+ | |||
+ | using (var brush = Checkmark.Fill.GetBrush()) | ||
+ | { | ||
+ | Canvas.Brush = brush; | ||
+ | Canvas.StrokeThickness = CheckBoxSize / 10.0f; | ||
+ | |||
+ | Canvas.FillLine( | ||
+ | new PointF(topLeftX, topLeftY), | ||
+ | new PointF(bottomRightX, bottomRightY)); | ||
+ | |||
+ | Canvas.FillLine( | ||
+ | new PointF(topRightX, topRightY), | ||
+ | new PointF(bottomLeftX, bottomLeftY)); | ||
+ | } | ||
+ | } | ||
+ | } | ||
+ | </code> | ||
+ | |||
+ | {{ :jcontrols_cf35:checkboxx.png }} | ||
+ | ===== Position 속성 ===== | ||
+ | ''Position'' 속성은 체크박스의 위치를 결정하는 속성입니다. ''TextAlignment'' 속성은 텍스트의 정렬에 대한 내용을 포함하고 있습니다. | ||
+ | |||
+ | |{{:jcontrols_cf35:checkboxpositionleft.png|}}|{{:jcontrols_cf35:radiobuttonpositionleftproperties.png|}}| | ||
+ | |{{:jcontrols_cf35:checkboxpositionright.png|}}|{{:jcontrols_cf35:radiobuttonpositionrightproperties.png|}}| | ||
+ | |{{:jcontrols_cf35:checkboxpositiontop.png|}}|{{:jcontrols_cf35:radiobuttonpositiontopproperties.png|}}| | ||
+ | |{{:jcontrols_cf35:checkboxpositionbottom.png|}}|{{:jcontrols_cf35:radiobuttonpositionbottomproperties.png|}}| | ||
+ | |||
+ | ===== Shape 속성 ===== | ||
+ | ''Shape'' 속성은 체크박스를 둥글게 할것인지 네모로 할 것인지를 결정해줍니다. ''Rectangular'' 또는 ''Round''중 하나를 선택하세요. | ||
+ | |||
+ | |{{ .:checkboxshaperectangle.png?nolink |}}|{{ .:checkboxshaperectangleproperties.png?nolink |}}| | ||
+ | |{{ .:checkboxshaperound.png?nolink |}}|{{ .:checkboxshaperoundproperties.png?nolink |}}| | ||
+ | |||
+ | ===== Text Features ===== | ||
+ | ''jCheckBox''는 다른 jControls CF35 콘트롤처럼 Text기능에 대한 다양한 표현을 적용시킬 수 있습니다. (''ForeColor'', ''TextOffset'', ''TextAlignment'', ''TextWrap''). 자세한 내용은 [[.:Text Features]]을 참조하시기 바랍니다. | ||