Working with the RadioButton and CheclBox controls

最新推荐文章于 2024-05-22 12:13:56 发布

转载最新推荐文章于 2024-05-22 12:13:56 发布 · 63 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/jerrychenfly/archive/2011/08/12/2136255.html

本文介绍如何在Silverlight应用中使用RadioButton和CheckBox创建简单的调查问卷。通过实例演示了RadioButton的组名设置及CheckBox的选择自由度，并展示了如何利用不同颜色的Rectangle作为RadioButton的内容。

The Follow exercise will give you a first look at eh RadioButton and CheckBox controls. You will build a simple survey.

1. create a new silverlight application in visual studio and call it CheckBoxRadioButton. allow visual sutdio to create a web application project to host the application.

2. in the mainpage.xaml file, divide the root grid into two rows. in each row, place a stackpanel with vertical orientation and a margin property set to 10.

　　　　<Grid.RowDefinitions>

　　　　</Grid.RowDefinitions>

　　</Grid>

　　the top row will be used to demonostrate the use of the radiobutton control, and the bottom row will feature the checkbox control. Let's begin the RadioButton.

　　The RadioButton control allows users to select only one selection out of a number of RadioButton controls that share the same group name. This is set using the RadioButton's Grouping property.

　　although you could simply type in each of the color choices for the radio buttons as text using the Content property, I thought it would be less boring to use colored rectangles instead.

3. Place five RadioButton controls in the first StackPanel, each with a Rectangle control of a different color. For the group name, use Favoritecolor. To make the content of RadioButton controls display as left-justified, set the HorizontalAlignment property to Left for each one. Here is the code:

　　　　</RadioButton>

　　　　</RadioButton>

　　　　</RadioButton>

　　　　</RadioButton>　

　　　　</RadioButton>

　　</StackPanel>　　　

　　Next, do the same for the CheckBox controls in the bottom row, except here, just go the boring route and supply the choices as text. In addition, CheckBox controls are left-justified by default, and they do not need to be grouped. Here is the code for the CheckBox portion:

　　</StackPanel>

4. Go ahead and run the solution to see the end result as it will appear in the brower. Notice that, as you would expect, you are able to select only one radio button at a time, but you can click as many check boxes as you wish.

转载于:https://www.cnblogs.com/jerrychenfly/archive/2011/08/12/2136255.html