xaml – WP7中更厚的ProgressBar,怎么样?
发布时间:2020-12-13 22:29:24 所属栏目:Windows 来源:网络整理
导读:我正在制作一个具有计数器和进度条代表剩余时间的应用程序,所以如果计数器达到50%,则进度条值为50.到目前为止,我做了一个计数器总计的进度条动画并且去了. 我的问题是:如何让进度条变粗?线本身太小,我的应用程序的“主要吸引力”是进度条,我想让它更大.我
我正在制作一个具有计数器和进度条代表剩余时间的应用程序,所以如果计数器达到50%,则进度条值为50.到目前为止,我做了一个计数器总计的进度条动画并且去了.
我的问题是:如何让进度条变粗?线本身太小,我的应用程序的“主要吸引力”是进度条,我想让它更大.我是否要制作模板并使用其他控件? (就像在视觉上使用矩形).我尝试将进度条更改为矩形,但我不知道如何填充矩形的60%(例如). 有任何想法吗?谢谢! 解决方法
这可以在进度条的样式中完成.
在默认进度条的样式中,您需要 >为ProgressBar样式添加高度, 以下是所有样式以防万一.:) <ControlTemplate x:Key="PhoneProgressBarSliderThumb" TargetType="Thumb"> <Rectangle Fill="{TemplateBinding Foreground}" Height="24" IsHitTestVisible="False" Width="24"/> </ControlTemplate> <Style x:Key="PhoneProgressBarSliderStyle" TargetType="Slider"> <Setter Property="Maximum" Value="3000"/> <Setter Property="Minimum" Value="0"/> <Setter Property="Value" Value="0"/> <Setter Property="Opacity" Value="0"/> <Setter Property="IsTabStop" Value="False"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="Slider"> <Grid IsHitTestVisible="False"> <Grid x:Name="HorizontalTemplate"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="Auto"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <RepeatButton x:Name="HorizontalTrackLargeChangeDecreaseRepeatButton" Grid.Column="0" Height="0" Template="{x:Null}"/> <Thumb x:Name="HorizontalThumb" Grid.Column="1" Foreground="{TemplateBinding Foreground}" Height="24" IsTabStop="False" Template="{StaticResource PhoneProgressBarSliderThumb}"/> <RepeatButton x:Name="HorizontalTrackLargeChangeIncreaseRepeatButton" Grid.Column="2" Height="0" Template="{x:Null}"/> </Grid> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> <Style x:Key="ProgressBarStyle1" TargetType="ProgressBar"> <Setter Property="Height" Value="30"/> <Setter Property="Foreground" Value="{StaticResource PhoneAccentBrush}"/> <Setter Property="Background" Value="{StaticResource PhoneAccentBrush}"/> <Setter Property="Maximum" Value="100"/> <Setter Property="IsHitTestVisible" Value="False"/> <Setter Property="Padding" Value="{StaticResource PhoneHorizontalMargin}"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ProgressBar"> <Grid> <VisualStateManager.VisualStateGroups> <VisualStateGroup x:Name="CommonStates"> <VisualState x:Name="Determinate"/> <VisualState x:Name="Indeterminate"> <Storyboard Duration="00:00:04.4" RepeatBehavior="Forever"> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="IndeterminateRoot"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Visible</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <ObjectAnimationUsingKeyFrames Storyboard.TargetProperty="Visibility" Storyboard.TargetName="DeterminateRoot"> <DiscreteObjectKeyFrame KeyTime="0"> <DiscreteObjectKeyFrame.Value> <Visibility>Collapsed</Visibility> </DiscreteObjectKeyFrame.Value> </DiscreteObjectKeyFrame> </ObjectAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider1"> <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaSEOut" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> <LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/> <EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaseIn" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.2" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider2"> <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaSEOut" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> <LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/> <EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaseIn" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.4" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider3"> <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaSEOut" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> <LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/> <EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaseIn" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.6" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider4"> <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaSEOut" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> <LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/> <EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaseIn" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.8" Storyboard.TargetProperty="Value" Storyboard.TargetName="Slider5"> <EasingDoubleKeyFrame KeyTime="00:00:00.5" Value="1000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaSEOut" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> <LinearDoubleKeyFrame KeyTime="00:00:02.0" Value="2000"/> <EasingDoubleKeyFrame KeyTime="00:00:02.5" Value="3000"> <EasingDoubleKeyFrame.EasingFunction> <ExponentialEase EasingMode="EaseIn" Exponent="1"/> </EasingDoubleKeyFrame.EasingFunction> </EasingDoubleKeyFrame> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider1"> <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/> <DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.2" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider2"> <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/> <DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.4" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider3"> <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/> <DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.6" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider4"> <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/> <DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/> </DoubleAnimationUsingKeyFrames> <DoubleAnimationUsingKeyFrames BeginTime="00:00:00.8" Storyboard.TargetProperty="Opacity" Storyboard.TargetName="Slider5"> <DiscreteDoubleKeyFrame KeyTime="0" Value="1"/> <DiscreteDoubleKeyFrame KeyTime="00:00:02.5" Value="0"/> </DoubleAnimationUsingKeyFrames> </Storyboard> </VisualState> </VisualStateGroup> </VisualStateManager.VisualStateGroups> <Grid x:Name="DeterminateRoot" Margin="{TemplateBinding Padding}" Visibility="Visible"> <Rectangle x:Name="ProgressBarTrack" Fill="{TemplateBinding Background}" Height="24" Opacity="0.1"/> <Rectangle x:Name="ProgressBarIndicator" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Left" Height="24"/> </Grid> <Border x:Name="IndeterminateRoot" Margin="{TemplateBinding Padding}" Visibility="Collapsed"> <Grid> <Slider x:Name="Slider1" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/> <Slider x:Name="Slider2" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/> <Slider x:Name="Slider3" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/> <Slider x:Name="Slider4" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/> <Slider x:Name="Slider5" Foreground="{TemplateBinding Foreground}" Style="{StaticResource PhoneProgressBarSliderStyle}"/> </Grid> </Border> </Grid> </ControlTemplate> </Setter.Value> </Setter> </Style> (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- xaml – x中ElementName的替代:与DataTemplates绑定
- windows-server-2008 – 防止RDP回复域名
- 在Windows 7上将升级日志1_60与MinGw链接的问题
- 在windows上安装ASP.NET Core 的 Docker 映像
- windows-8 – 我可以用URL打开Windows 8应用程序吗?
- Windows – Git配置别名不再起作用
- 是否更好地将Windows更新应用于未经测试的服务器,或者根本不
- windows-server-2012-r2 – WSUS数据库使用大量内存,如何优
- 脚本 – 获取WINS服务器统计信息
- Windows与Sony Camera Remote API的兼容性