La barre de progression de style dans WPF est à l'ancienne. Incréments dans les Bars. Comment mettre en place une barre de progression avec vista ou windows 7 ombragé effet d'éclat?

Rouler votre propre ne devrait pas être trop dur.

Créer un usercontrol qui a les propriétés d'une norme barre de progression

Value
Maximum
Minimum

Vous pouvez créer un dérivé de la propriété qui calcule la taille de la barre à l'aide de la formule:

ProgressBarWidth = (Value / (Maximum + Minimum) * ControlWidth) - Padding

Qui change lorsque la Valeur Maximale ou Minimale est mis à jour

Lier cela à la Largeur de la "barre" dans votre barre de progression modèle de contrôle - de cette façon, lorsque la Valeur de la propriété est mise à jour, la barre de progression redimensionner.

Comment votre barre de l'air est à vous, mais je suppose que vous voulez juste une charge de fantaisie remplit/gradients/effets de lueur - vous pouvez les ajouter dans le Mélange

Avertissement: les Formules peuvent être incorrects!

Dans le cas où vous voulez essayer et rouler votre propre, en voici un que je viens juste d'en haut qui semble fonctionner ok

public partial class MyProgressBar : UserControl
{
public MyProgressBar()
{
InitializeComponent();
Loaded += new RoutedEventHandler(MyProgressBar_Loaded);
}
void MyProgressBar_Loaded(object sender, RoutedEventArgs e)
{
Update();
}
private static readonly DependencyProperty MaximumProperty = DependencyProperty.Register("Maximum", typeof(double), typeof(MyProgressBar), new PropertyMetadata(100d, OnMaximumChanged));
public double Maximum
{
get { return (double)GetValue(MaximumProperty); }
set { SetValue(MaximumProperty, value); }
}
private static readonly DependencyProperty MinimumProperty = DependencyProperty.Register("Minimum", typeof(double), typeof(MyProgressBar), new PropertyMetadata(0d, OnMinimumChanged));
public double Minimum
{
get { return (double)GetValue(MinimumProperty); }
set { SetValue(MinimumProperty, value); }
}
private static readonly DependencyProperty ValueProperty = DependencyProperty.Register("Value", typeof(double), typeof(MyProgressBar), new PropertyMetadata(50d, OnValueChanged));
public double Value
{
get { return (double)GetValue(ValueProperty); }
set { SetValue(ValueProperty, value); }
}
private static readonly DependencyProperty ProgressBarWidthProperty = DependencyProperty.Register("ProgressBarWidth", typeof(double), typeof(MyProgressBar), null);
private double ProgressBarWidth
{
get { return (double)GetValue(ProgressBarWidthProperty); }
set { SetValue(ProgressBarWidthProperty, value); }
}
static void OnValueChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
{
(o as MyProgressBar).Update();
}
static void OnMinimumChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
{
(o as MyProgressBar).Update();
}
static void OnMaximumChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
{
(o as MyProgressBar).Update();
}
void Update()
{
//The -2 is for the borders - there are probably better ways of doing this since you
//may want your template to have variable bits like border width etc which you'd use
//TemplateBinding for
ProgressBarWidth = Math.Min((Value / (Maximum + Minimum) * this.ActualWidth) - 2, this.ActualWidth - 2);
}          
}

Le XAML

<UserControl x:Class="WpfApplication1.MyProgressBar"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
mc:Ignorable="d" 
d:DesignHeight="300" d:DesignWidth="300" x:Name="uc">
<Grid>
<Border Background="White">
<Border BorderBrush="Gray" BorderThickness="1">
<Grid>
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFE5E5E5" Offset="0" />
<GradientStop Color="White" Offset="1" />
</LinearGradientBrush>
</Grid.Background>
<Grid Width="{Binding ProgressBarWidth, ElementName=uc}" HorizontalAlignment="Left">
<Grid.Background>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FFCBFFD0" Offset="0" />
<GradientStop Color="#FF62EF73" Offset="1" />
<GradientStop Color="#FFAEE56D" Offset="0.39" />
</LinearGradientBrush>
</Grid.Background>
</Grid>
</Grid>
</Border>
</Border>
</Grid>
</UserControl>

Le résultat:

Comme je l'ai dit, quelque chose de ce genre est assez facile, mais toujours considérer la redéfinition du modèle ou de l'utilisation de l'original, car il prend en charge glowyness sur le droit d'exploitation

Ici, c'est après que j'ai ajouté un '%' propriété de dépendance et lié à que dans le modèle de contrôle:

Code pour la mise à jour de Percent était

   Percentage = Math.Min((int)(Value / (Maximum + Minimum) * 100), 100);

Edit 2:

J'ai testé avec le remplit et ajouté un blanc à l'intérieur des frontières de sorte qu'il semble plus brillant. La seule chose qui manque est la brillante animation

le haut est à mon contrôle, celui du bas est la valeur par défaut WPF une

Garder à l'esprit, tout cela peut être possible en modifiant le contrôle de barre de progression de modèle

Voici la mise à jour du code XAML:

<UserControl x:Class="WpfApplication1.MyProgressBar"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
mc:Ignorable="d" 
d:DesignHeight="300" d:DesignWidth="300" x:Name="uc">
<Grid>
<Border Background="White" BorderBrush="Gray" BorderThickness="1">
<Border BorderBrush="White" BorderThickness="1">
<Grid>
<Grid.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#FFE5E5E5" Offset="0" />
<GradientStop Color="White" Offset="1" />
</LinearGradientBrush>
</Grid.Background>
<Grid Width="{Binding ProgressBarWidth, ElementName=uc, FallbackValue=200}" HorizontalAlignment="Left">
<Grid.Background>
<LinearGradientBrush EndPoint="1,0.5" StartPoint="0,0.5">
<GradientStop Color="#FF8BBA91" Offset="0" />
<GradientStop Color="#FF8BBA91" Offset="1" />
<GradientStop Color="#FF9ED76A" Offset="0.8" />
<GradientStop Color="#FF9ED76A" Offset="0.2" />
</LinearGradientBrush>
</Grid.Background>
</Grid>
<Border>
<Border.Background>
<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
<GradientStop Color="#89E2E2E2" Offset="0" />
<GradientStop Color="#C1FFFFFF" Offset="0.5" />
<GradientStop Color="Transparent" Offset="0.52" />
</LinearGradientBrush>
</Border.Background>
</Border>
<TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding Percentage, ElementName=uc}"></TextBlock>
</Grid>
</Border>
</Border>
</Grid>
</UserControl>

OriginalL'auteur Charleh

Si vous voulez modifier l'apparence de la Barre de Progression, vous devrez re-définir son (Contrôle)Modèle.

ms l'explique ici :

http://msdn.microsoft.com/en-us/library/ms750638.aspx

Lors de l'écriture du Modèle, pour obtenir l'éclat, Vous pouvez utiliser le BitmapEffect,
avec un OuterGlowBitmapEffect (!Logiciel de rendu), mais le Mieux est d'utiliser l'Effet (plus à jour).

Peut-être que vous n'avez pas à redéfinir le Modèle si vous utilisez l'Effet de
la barre de progression et il vous convient.

Avis que vous avez une bonne thèmes gratuits pour votre application sur le net.

OriginalL'auteur GameAlchemist