diff --git a/doc/source/handycontrol/native_controls/radioButton/index.md b/doc/source/handycontrol/native_controls/radioButton/index.md index ca12ad62..0773732f 100644 --- a/doc/source/handycontrol/native_controls/radioButton/index.md +++ b/doc/source/handycontrol/native_controls/radioButton/index.md @@ -1,5 +1,115 @@ --- -title: 建设中 +title: RadioButton 单选按钮 --- -建设中 \ No newline at end of file +# RadioButtonBaseStyle + +单选按钮默认样式,不推荐直接使用,应该始终被其它样式以BasedOn的方式使用。 + +案例: + +```xml + + + + + + +``` + +效果: + +![RadioButton.DefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.DefaultStyle.png) + +# RadioButtonIcon:RadioButtonBaseStyle + +带图标样式,可只显示图标也可图文显示 + +案例: + +```xml + + + + + + +``` + +效果: + +![RadioButton.IconStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.IconStyle.png) + +# RadioGroupItemBaseStyle + +`ButtonGroup`控件中的子集`RadioButton`样式基类,不建议直接使用,常作为`ButtonGroup`中`Item`样式基类,同时与`ButtonGroup`控件配套使用 + +案例: + +```xml + + + + + + + + + + + + + +``` + +效果: + +![RadioButton.RadioButtonItemDefaultStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemDefaultStyle.png) + +# RadioGroup关联样式 + +| 样式Key | 用途 | 基类样式 | +| ----------------------------- | ------------------------------------ | ----------------------- | +| RadioGroupItemDefault | RadioGroupItem默认样式 | RadioGroupItemBaseStyle | +| RadioGroupItemHorizontalFirst | RadioGroupItem水平头样式(从左至右) | RadioGroupItemBaseStyle | +| RadioGroupItemHorizontalLast | RadioGroupItem水平尾样式(从左至右) | RadioGroupItemBaseStyle | +| RadioGroupItemSingle | RadioGroupItem单项样式 | RadioGroupItemBaseStyle | +| RadioGroupItemVerticalFirst | RadioGroupItem垂直头样式(从上至下) | RadioGroupItemBaseStyle | +| RadioGroupItemVerticalLast | RadioGroupItem垂直尾样式(从上至下) | RadioGroupItemBaseStyle | + +案例: + +单个`RadioButton`样式: + +```xml + +``` + +效果: + +![RadioButton.RadioButtonItemSingleStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemSingleStyle.png) + +多个`RadioButton`垂直样式: + +```xml + + + + + + + + + + + + + + +``` + +效果: + +![RadioButton.RadioButtonItemVerticalStyle](https://raw.githubusercontent.com/HandyOrg/HandyOrgResource/master/HandyControl/Doc/native_controls/RadioButton.RadioButtonItemVerticalStyle.png) \ No newline at end of file