Динамический градиентный фон на основе значения int

Question

для обзора заказа У меня есть список нескольких заказов с разными приоритетами. Они достигают от -10 => очень высокого приоритета до +20 => низкого приоритета. Основываясь на этом приоритете, я хочу динамически возвращать кисть Gradient.

Например:

• От -10 до -0,5 она должна исчезать из его Darkred в оранжевый
• От -0,5 до +0,5 она должна исчезать из оранжевого на желтый в известь
• От + От 0,5 до +10 он должен исчезать от лайма до зеленого

Я никогда не делал этого раньше и абсолютно не знал, как это решить. Даже если у вас нет полного решения для меня, было бы очень приятно дать мне подсказку.

С уважением Johannes

Answer 1

Я думаю, вы чтя к этому цвету: http://msdn.microsoft.com/en-us/library/system.drawing.color.aspx

Поиск по этой ссылке: Is there an easy way to blend two System.Drawing.Color values?

Это говорит вам, как смешивать между двумя цветами

После это можно получить кистью: convert from Color to brush

Answer 2

Вы можете либо сделать какой-нибудь фанковый алгоритм, чтобы сказать вам, существуют ли приоритеты или нет, и добавить градиент, соответственно вычисляя положение каждого градиента по мере необходимости, или создать прямоугольную область для каждого приоритета, а затем добавить градиент, используя следующий метод. См system.windows.media.lineargradientbrush и WPF Brushes Overview

В XAML

<Rectangle Width="200" Height="100"> 
    <Rectangle.Fill> 
    <LinearGradientBrush StartPoint="0,0" EndPoint="1,1"> 
     <GradientStop Color="Yellow" Offset="0.0" /> 
     <GradientStop Color="Red" Offset="0.25" /> 
     <GradientStop Color="Blue" Offset="0.75" /> 
     <GradientStop Color="LimeGreen" Offset="1.0" /> 
    </LinearGradientBrush> 
    </Rectangle.Fill> 
</Rectangle> 

затем в C#

Rectangle diagonalFillRectangle = new Rectangle(); 
diagonalFillRectangle.Width = 200; 
diagonalFillRectangle.Height = 100; 

// Create a diagonal linear gradient with four stops. 
LinearGradientBrush myLinearGradientBrush = new LinearGradientBrush(); 
myLinearGradientBrush.StartPoint = new Point(0,0); 
myLinearGradientBrush.EndPoint = new Point(1,1); 
myLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Yellow, 0.0)); 
myLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Red, 0.25));     
myLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.Blue, 0.75));   
myLinearGradientBrush.GradientStops.Add(new GradientStop(Colors.LimeGreen, 1.0)); 

// Use the brush to paint the rectangle. 
diagonalFillRectangle.Fill = myLinearGradientBrush; 

Answer 3

Если вы хотите использовать кисти в XAML, может быть DataTrigger является то, что вы хотите.

С триггерами вы можете динамически изменять стили. В этом примере я меняю заливки прямоугольника свойства, на основе приоритета стоимости недвижимости:

<Grid> 
    <Grid.Resources> 

    <LinearGradientBrush x:Key="HighPriorityBrush" EndPoint="1,0.5" StartPoint="0,0.5"> 
     <GradientStop Color="DarkRed" /> 
     <GradientStop Color="Orange" Offset="1" /> 
    </LinearGradientBrush> 

    <LinearGradientBrush x:Key="NormalPriorityBrush" EndPoint="1,0.5" StartPoint="0,0.5"> 
     <GradientStop Color="Orange" /> 
     <GradientStop Color="Yellow" Offset="0.5" /> 
     <GradientStop Color="Lime" Offset="1" /> 
    </LinearGradientBrush> 

    <LinearGradientBrush x:Key="LowPriorityBrush" EndPoint="1,0.5" StartPoint="0,0.5"> 
     <GradientStop Color="Lime" /> 
     <GradientStop Color="Green" Offset="1" /> 
    </LinearGradientBrush> 
    </Grid.Resources> 

    <Rectangle Height="150" Width="150"> 
     <Rectangle.Style> 
     <Style TargetType="Rectangle"> 
      <Style.Triggers> 
      <DataTrigger Binding="{Binding Priority}" Value="0"> 
       <Setter Property="Fill" Value="{StaticResource LowPriorityBrush}" /> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding Priority}" Value="1"> 
       <Setter Property="Fill" Value="{StaticResource NormalPriorityBrush}" /> 
      </DataTrigger> 
      <DataTrigger Binding="{Binding Priority}" Value="2"> 
       <Setter Property="Fill" Value="{StaticResource HighPriorityBrush}" /> 
      </DataTrigger> 
      </Style.Triggers> 
     </Style> 
     </Rectangle.Style> 
    </Rectangle> 
    </Grid> 

И Приоритетное свойство из ViewModel возвращает что-то вроде этого:

private double realPriority; // your priority 
public double Priority 
{ 
    get 
    { 
    if (this.realPriority < -0.5) return 0; 
    if (this.realPriority > 0.5) return 2; 
    return 1; 
    } 
}