silverlight基本控件

按钮控件
<Button x:Name="btnTest" Width="150" Height="100" Content="我是按钮"/>
文本块
<TextBlock x:Name="tblock" Text="我是文本块"/>
文本框
<TextBox x:Name="txtTest" Text="我是文本框" Width="200" Height="30" FontSize="14"/>
密码框
<PasswordBox x:Name="pbox" Width="200"/>
复选框
<CheckBox x:Name="chbTest" Content="我是复选框" FontSize="12"/>
进度条 Minimum最小值 Maximum最大值 value当前值
<ProgressBar x:Name="pbar" Width="200" Height="20" Minimum="1" Maximum="100" Value="50"/>
单选按钮 Foreground字体颜色 IsChecked是否选中
<RadioButton x:Name="rbMale" Content="男" Canvas.Left="10" Canvas.Top="10" Foreground="White" IsChecked="True" />
<RadioButton x:Name="rbFemale" Content="女" Canvas.Left="50" Canvas.Top="10" Foreground="White"/>
游标
<Slider x:Name="slider" Width="200" Height="30" Minimum="1" Maximum="100" Value="20"/>
图片 Source图片路径,相对路径即可
<Image x:Name="img" Width="100" Height="100" Source="我是图片.jpg"/>
日历控件 SelectedDateFormat Short短时间类型 Long 长时间类型
<controls:DatePicker x:Name="dpDate" Width="200" Height="20" SelectedDateFormat="Short"/>
下拉菜单
<ComboBox x:Name="cbbTest" Width="200">
<ComboBox.Items>
<TextBlock Text="winform"/>
<TextBlock Text="webform"/>
<TextBlock Text="silverlight"/>
</ComboBox.Items>
</ComboBox>
集合框
<ListBox x:Name="lbTest" Width="300" Height="500" >
<ListBox.Items>
<TextBlock Text="winform"/>
<TextBlock Text="webform"/>
<TextBlock Text="silverlight"/>
</ListBox.Items>
</ListBox>
树形菜单 BorderThickness边框的宽度
<controls:TreeView BorderThickness="0" Background="#F5F5F5" FontSize="12">
<controls:TreeViewItem Header="我是父节点A" IsExpanded="True" Foreground="#15428b">
<controls:TreeViewItem Header="子节点A" Foreground="Black"/>
</controls:TreeViewItem>
<controls:TreeViewItem Header="我是父节点B" IsExpanded="True" Foreground="#15428b">
<controls:TreeViewItem Header="子节点B" Foreground="Black" />
</controls:TreeViewItem>
</controls:TreeView>
数据列表 IsReadOnly是否为只读 AutoGenerateColumns是否自动生成列
<data:DataGrid x:Name="gvTest" Width="500" Height="500" IsReadOnly="True" AutoGenerateColumns="False" HorizontalAlignment="Center">
<data:DataGrid.Columns>
<data:DataGridTextColumn Header="编号" Binding="{Binding 数据源字段}">
</data:DataGridTextColumn>
<data:DataGridTextColumn Header="名称" Binding="{Binding 数据源字段}">
</data:DataGridTextColumn>
</data:DataGrid.Columns>
</data:DataGrid>

<Ellipse x:Name="ellipse" Width="100" Height="50" Fill="Gray"/>
矩形
<Rectangle x:Name="rectangle" Width="100" Height="50" Fill="Gray"/>
线段 X1,Y1确定线段左侧坐标;X2,Y2确定线段右侧坐标
<Line x:Name="line" Stroke="White" X1="10" Y1="10" X2="200" Y2="10"/>
Canvas面板 三个重要属性 Canvas.Left,Canvas.Top为在Canvas容器中的边距 ZIndex为如果
<Canvas Background="Black" x:Name="canvas">
<TextBox x:Name="txtTest1" Text="我是文本框" Width="200" Height="30" FontSize="14" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="2"/>
<TextBox x:Name="txtTest"2 Text="我是文本框" Width="200" Height="30" FontSize="14" Canvas.Left="10" Canvas.Top="10" Canvas.ZIndex="1"/>
</Canvas>
Grid表格 ShowGridLines是否显示网格 ColumnDefinitions列定义 ColumnDefinitions行定义 Grid.Row="0"所在区域为第一行 Grid.Column="1"所在区域为第二列
<Grid x:Name="grid" Background="Black" ShowGridLines="False">
<Grid.ColumnDefinitions>
<ColumnDefinition Width="50"/>
<ColumnDefinition Width="200"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<Grid.RowDefinitions>
<RowDefinition Height="30"/>
<RowDefinition Height="30"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<TextBlock Grid.Row="0" Grid.Column="0" Text="用户名" Foreground="White" FontSize="12" VerticalAlignment="Center" />
<TextBlock Grid.Row="1" Grid.Column="0" Text="密 码" Foreground="White" FontSize="12" VerticalAlignment="Center"/>
<TextBox x:Name="txtName" Grid.Row="0" Grid.Column="1" Width="200" Height="25"/>
<PasswordBox x:Name="txtPassWord" Grid.Row="1" Grid.Column="1" Width="200" Height="25"/>
StackPanel容器 Orientation属性Horizontal为水平排列,Vertical为垂直排列
<StackPanel x:Name="sp" Orientation="Horizontal">
<TextBlock Text="A" Foreground="White"/>
<TextBlock Text="B" Foreground="White"/>
<TextBlock Text="C" Foreground="White"/>
<TextBlock Text="D" Foreground="White"/>
</StackPanel>
Tags: 

延伸阅读

最新评论

发表评论