사용자 도구

사이트 도구

English

jcontrols_cf35:jcheckbox

차이

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

차이 보기로 링크

양쪽 이전 판 이전 판
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]]을 참조하시기 바랍니다.