wpf - implement - Barra de progreso con texto dinámico y actualización de color de texto

progress dialog wpf c# (3)

Aquí hay una solución en Silverlight, pero debería ser fácil convertirla a WPF.

Estoy usando un pincel de degradado lineal para cambiar el color del texto en el bloque de texto, creé un control de usuario con una barra de progreso y un bloque de texto, llamémoslo "Barra de progreso especial"

Aquí está el XAML:

Y aquí está el código:

using System.Windows; using System.Windows.Controls; using System.Windows.Media; namespace TestSilverlightApplication { public partial class SpecialProgressBar : UserControl { private Point _textBlockPosition; private readonly LinearGradientBrush _linearGradientBrush; private readonly GradientStop _gradientStop; public SpecialProgressBar() { InitializeComponent(); // will be changing this gradient stop as the progress bar value changes _gradientStop = new GradientStop { Color = Colors.Black, Offset = 0 }; // the default brush we want to start with, // you might want to play with the start point x value to get the effect you want _linearGradientBrush = new LinearGradientBrush { StartPoint = new Point(-0.2, 0.5), EndPoint = new Point(1, 0.5), GradientStops = new GradientStopCollection { _gradientStop, new GradientStop { Color = Colors.Black, Offset = 1 } } }; // set the brush to the text block textBlock.Foreground = _linearGradientBrush; Loaded += new RoutedEventHandler(SpecialProgressBar_Loaded); progressBar.ValueChanged += new RoutedPropertyChangedEventHandler<double>(progressBar_ValueChanged); } private void SpecialProgressBar_Loaded(object sender, RoutedEventArgs e) { // center text block on top of the progress bar _textBlockPosition = new Point(progressBar.Width / 2 - textBlock.ActualWidth / 2, progressBar.Height / 2 - textBlock.ActualHeight / 2); textBlock.SetValue(Canvas.LeftProperty, _textBlockPosition.X); textBlock.SetValue(Canvas.TopProperty, _textBlockPosition.Y); } private void progressBar_ValueChanged(object sender, RoutedPropertyChangedEventArgs<double> e) { // print out the value in the text block textBlock.Text = string.Concat(e.NewValue, " of ", progressBar.Maximum); // get the value relative to the size of the progress bar var x = e.NewValue / progressBar.Maximum * progressBar.Width; // if the value is equal to or greater than the position of the text block on the canvas (on the progress bar) // then we want to change the gradient offset and color. if (x >= _textBlockPosition.X) { _gradientStop.Offset += 0.1 * textBlock.ActualWidth / progressBar.Width; _gradientStop.Color = Colors.White; // when we pass the end of the text block we don''t need the gradient any more, // replace it with a solid white color if (_gradientStop.Offset >= 1) { textBlock.Foreground = new SolidColorBrush(Colors.White); } } } } }

El último paso es agregar el control de usuario a una página (u otro control de usuario)

Y para probarlo, agregué un temporizador para cambiar el valor de la barra de progreso:

using System; using System.Windows.Controls; using System.Windows.Threading; namespace TestSilverlightApplication { public partial class MainPage : UserControl { public MainPage() { InitializeComponent(); this.Loaded += new System.Windows.RoutedEventHandler(MainPage_Loaded); } private void MainPage_Loaded(object sender, System.Windows.RoutedEventArgs e) { var timer = new DispatcherTimer(); timer.Tick += (s, args) => specialProgressBar.progressBar.Value += 1; timer.Interval = new TimeSpan(1000000); timer.Start(); } } }

Se parece a esto:

Esta es una solución rápida y sucia, pero es un comienzo, creo. Espero que esto ayude.

Tengo una barra de progreso cuyo texto cambia dinámicamente. Quiero actualizar la apariencia de la misma de manera que tan pronto como el progreso llegue sobre el texto, el color del texto se actualice. Algo como esto.

Necesito que el color del texto del texto (negro) que aparece sobre el fondo azul cambie automáticamente a blanco. Sin embargo, el texto con fondo blanco debe permanecer en negro.

Aunque no usé toda la solución provista por Meleak, pero aquí es cómo lo hice.

y aquí está el convertidor

/// <summary> /// Converts the ProgressBar Fill percentage width to a Rectangle whose width is calculated by multiplying Fill Percentage to Actual Width of control. Height is passed too. /// Note: This converter is used in showing WHITE & BLACK text on progress bar. Also use White textblock next to Black not reverse in XAML. /// </summary> public class ProgressBarFillToRectConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture) { if (values != null && values[0] != null && values[1] != null && values[2] != null) { double progressBarFillPercentage = (double)values[0]; double textBlockActualyWidth = (double)values[1]; double textBlockHeight = (double)values[2]; return new Rect(0, 0, progressBarFillPercentage * textBlockActualyWidth, textBlockHeight); // ProgressBarFillWidth is calculated by multiplying Fill // percentage with actual width } return new Rect(0, 0, 0, 0); // Default Zero size rectangle } public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture) { throw new NotImplementedException(); } }

Esta es una forma de hacerlo utilizando una versión modificada de la Template predeterminada de ProgressBars . Contiene dos TextBlocks

El primer TextBlock es el negro.
El segundo TextBlock es el blanco. Este TextBlock tiene el Ancho del control total y el Clip configurado al Ancho de la parte de progreso

El texto de ProgressBar está vinculado a la propiedad Tag . Utilizable de esta manera.

<ProgressBar TextBlock.FontWeight="Bold" Tag="ProgressBar Text" Foreground="Blue" Style="{DynamicResource MyProgressBarStyle}"/>

MyProgressBarStyle

RectConverter

public class RectConverter : IMultiValueConverter { public object Convert(object[] values, Type targetType, object parameter, System.Globalization.CultureInfo culture) { double width = (double)values[0]; double height = (double)values[1]; return new Rect(0, 0, width, height); } public object[] ConvertBack(object value, Type[] targetTypes, object parameter, System.Globalization.CultureInfo culture) { throw new NotImplementedException(); } }