silverlight中ProgressBar控件的使用
2011-12-03 16:46
211 查看
<!--
ProgressBar控件一般在用户执行复杂的后台任务时,用于在前段呈现给用户任务进行程序变化的效果。
ProgressBar控件有显示重复模式的进度条和基于值进行填充的进度条两种样式来呈现进度。
ProgressBar控件的重要属性:
IsIndeterminate——用来确定ProgressBar控件的外观样式。
True——显示重复模式。无法确定当前进度值,一个任务执行的重复动画哦。
False——基于值的填充条。可以确定当前的进度值。
Minimum——进度条的最小值,默认为0。
Maximum——进度条的最大值,默认为100。
Value——进度条的当前值。
-->
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="280"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Text="信息显示控件示例——ProgressBar" Margin="5,10,10,10" FontSize="18"
FontWeight="Bold" Foreground="#ffbe4d4d" Grid.Row="0" Grid.ColumnSpan="2"/>
<TextBlock Text="显示重复模式的进度条:" Grid.Row="3" Margin="10,5,0,0"/>
<ProgressBar Name="indeterminateProgressBar" IsIndeterminate="True"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="2"/>
<TextBlock Text="给予值进行填充的进度条:" Grid.Row="3" Margin="10,5,0,0"/>
<ProgressBar Name="valueBaseProgressBar" IsIndeterminate="False"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="4"/>
<TextBlock Name="pbValue" Margin="0,5,0,0" Grid.Row="4" Grid.Column="1"/>
<ProgressBar Name="minusProgressBar" Value="100" IsIndeterminate="False"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="5"/>
<TextBlock Name="minusValue" Margin="0,5,0,0" Grid.Row="5" Grid.Column="1"/>
</Grid>
ProgressBar控件一般在用户执行复杂的后台任务时,用于在前段呈现给用户任务进行程序变化的效果。
ProgressBar控件有显示重复模式的进度条和基于值进行填充的进度条两种样式来呈现进度。
ProgressBar控件的重要属性:
IsIndeterminate——用来确定ProgressBar控件的外观样式。
True——显示重复模式。无法确定当前进度值,一个任务执行的重复动画哦。
False——基于值的填充条。可以确定当前的进度值。
Minimum——进度条的最小值,默认为0。
Maximum——进度条的最大值,默认为100。
Value——进度条的当前值。
-->
<Grid x:Name="LayoutRoot" Background="White">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
<RowDefinition Height="Auto"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="280"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>
<TextBlock Text="信息显示控件示例——ProgressBar" Margin="5,10,10,10" FontSize="18"
FontWeight="Bold" Foreground="#ffbe4d4d" Grid.Row="0" Grid.ColumnSpan="2"/>
<TextBlock Text="显示重复模式的进度条:" Grid.Row="3" Margin="10,5,0,0"/>
<ProgressBar Name="indeterminateProgressBar" IsIndeterminate="True"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="2"/>
<TextBlock Text="给予值进行填充的进度条:" Grid.Row="3" Margin="10,5,0,0"/>
<ProgressBar Name="valueBaseProgressBar" IsIndeterminate="False"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="4"/>
<TextBlock Name="pbValue" Margin="0,5,0,0" Grid.Row="4" Grid.Column="1"/>
<ProgressBar Name="minusProgressBar" Value="100" IsIndeterminate="False"
HorizontalAlignment="Left" Height="20" Width="260" Margin="10,5,0,0" Grid.Row="5"/>
<TextBlock Name="minusValue" Margin="0,5,0,0" Grid.Row="5" Grid.Column="1"/>
</Grid>
相关文章推荐
- Telerik Silverlight 之Charting控件的使用
- 【Silverlight】Bing Maps开发应用与技巧六:使用样式美化图钉(Pushpin)控件的ToolTip外观
- C# 多线程使用progressBar进度条控件
- Silverlight教程第六部分:使用用户控件实现主从表场景
- (9):Silverlight 2 使用控件模板
- 【Android】31、常见控件的使用方法——ProgressBar
- 稳扎稳打Silverlight(5) - 2.0控件之ListBox, MediaElement, MultiScaleImage, PasswordBox, ProgressBar, RadioButton
- Silverlight 控件的ToolTip封装工具使用
- gtk progressbar 进度条控件的使用
- 一步一步学Silverlight 2系列(9):使用控件模板
- 手把手教你使用Silverlight实现3D场景二(创建自定义模版控件为物件应用3D动画)
- Silverlight教程第七部分: 使用控件模板定制控件的观感
- 【控件篇】ProgressBar+ProgressDialog使用案例
- SilverLight:基础控件使用(6)-Slider控件
- (8):Silverlight 2 使用样式封装控件观感
- Silverlight使用通过服务绑定数据的控件
- Android 自定义感光器控件SolarProgressView,也可当做普通ProgressBar使用
- ProgressBar 控件的使用day3
- 我自己写的一些Silverlight控件,如果你喜欢,欢迎下载使用
- 一步一步学Silverlight 2系列(8):使用样式封装控件观感