Silverlight data grid glow

Question

Я пытаюсь придумать способ сделать отдельную ячейку в свете datagrid.

Я знаю, что вы можете применить dropshadoweffect, как это на всю таблицу:

[data:DataGrid.Effect> 
    [DropShadowEffect BlurRadius="100" ShadowDepth="0" Color="Red"/> 
[/data:DataGrid.Effect> 

но то, что я действительно хочу сделать, это есть отдельная клетка горит красным цветом, когда значение> = 100. Это немного визуальной привлекательности, чтобы отсортировать пшеницу из плевел большой сетки.

Answer 1

У меня было подобное требование не так давно, которую я решил следующим образом:

DataGrids может быть шаблонных конечно, поэтому в основном я шаблонный Столбцы следующим образом, а затем был конвертер, который нарисовал фон моего виджета в соответствии к данным, связанным с этой ячейкой.

<data:DataGridTemplateColumn Header="Overall"> 
        <data:DataGridTemplateColumn.CellTemplate> 
         <DataTemplate> 
          <Border Effect="{StaticResource StatusBorderDropShadow}" 
           Background="{Binding Overall, Converter={StaticResource MiniStatusLightConverter}, Mode=TwoWay}" 
           Style="{StaticResource StatusBorder}" >          
           <Border.BorderBrush> 
            <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> 
             <GradientStop Color="Black" Offset="0"/> 
             <GradientStop Color="#FF0D9C3B" Offset="1"/> 
            </LinearGradientBrush> 
           </Border.BorderBrush> 
          </Border> 
       </DataTemplate> 
        </data:DataGridTemplateColumn.CellTemplate> 

Взгляните на фоне привязки, как он использует MiniStatusLightConverter.

Вот конвертер, в вашем случае, вы будете проверять, если значение> = 100.

> пространства имен MyProject.Converters { общественного класса StatusToBrushConverter: IValueConverter { #region Реализация IValueConverter

private Dictionary<string, List<Color>> colorsMap; 

public StatusToBrushConverter() 
{ 
    colorsMap = new Dictionary<string, List<Color>> 
       { 
        { "Green", new List<Color> { GetColorFromHexString("#FFC1D7BF"), GetColorFromHexString("#FF21C110"), GetColorFromHexString("#FF074431") } }, 
        { "Yellow", new List<Color> { GetColorFromHexString("#FFF2F3EA"), GetColorFromHexString("#FFD7CB10"), GetColorFromHexString("#FFDEFE00") } }, 
        { "Red", new List<Color> { GetColorFromHexString("#FFF3EEEA"), GetColorFromHexString("#FFC13C10"), GetColorFromHexString("#FFFE1000") } } 
       }; 
} 

public static Color GetColorFromHexString(string s) 
{ 
    s = s.Remove(0, 1); 
    var a = System.Convert.ToByte(s.Substring(0, 2), 16); 
    var r = System.Convert.ToByte(s.Substring(2, 2), 16); 
    var g = System.Convert.ToByte(s.Substring(4, 2), 16); 
    var b = System.Convert.ToByte(s.Substring(6, 2), 16); 
    return Color.FromArgb(a, r, g, b); 
} 

public static string GetColourName(object dtoValue) 
{ 
    try 
    { 
    var str = dtoValue.ToString(); 
    if (str.Contains("#")) 
    { 
     return str.Split('#')[1]; 
    } 
    return str; 
    } 
    catch (IndexOutOfRangeException) 
    { 
    return string.Empty; 
    } 
} 

public object Convert(object dtoValue, Type targetType, object parameter, CultureInfo culture) 
{ 
    return new RadialGradientBrush 
         { 
         RadiusX = 0.784, 
         RadiusY = 0.786, 
         GradientOrigin = new Point(0.88, 0.115), 
         GradientStops = GetGradientStopCollection(GetColourName(dtoValue)), 
         RelativeTransform = GetTransformGroupForEffect() 
         }; 
} 

public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
{ 
    throw new NotImplementedException(); 
} 

#endregion 

public object GetBasicSolidColorBrush(object dtoValue) 
{ 
    var blueBrush = new SolidColorBrush(); 

    if (dtoValue == null) 
    { 
    blueBrush.Color = Colors.White; 
    return blueBrush; 
    } 

    var value = GetColourName(dtoValue); 

    if (value == "Green") 
    { 
    blueBrush.Color = Colors.Green; 
    } 
    else if (value == "Yellow") 
    { 
    blueBrush.Color = Colors.Yellow; 
    } 
    else if (value == "Red") 
    { 
    blueBrush.Color = Colors.Red; 
    } 
    else 
    { 
    blueBrush.Color = Colors.White; 
    } 

    return blueBrush; 
} 

private TransformGroup GetTransformGroupForEffect() 
{ 
    var transform = new TransformGroup(); 
    transform.Children.Add(new ScaleTransform { CenterX = 0.5, CenterY = 0.5 }); 
    transform.Children.Add(new SkewTransform { AngleX = 0.0, AngleY = 0.0, CenterX = 0.5, CenterY = 0.5 }); 
    transform.Children.Add(new RotateTransform { Angle = 4.548, CenterX = 0.5, CenterY = 0.5 }); 
    return transform; 
} 

private GradientStopCollection GetGradientStopCollection(string colorValue) 
{ 
    var gradientStopCollection = new GradientStopCollection(); 

    var stop1 = new GradientStop { Offset = 0.0 }; 
    var stop2 = new GradientStop { Offset = 0.200 }; 
    var stop3 = new GradientStop { Offset = 0.858 }; 

    stop1.Color = colorsMap[colorValue][0]; 
    stop2.Color = colorsMap[colorValue][1]; 
    stop3.Color = colorsMap[colorValue][2]; 

    gradientStopCollection.Add(stop1); 
    gradientStopCollection.Add(stop2); 
    gradientStopCollection.Add(stop3); 

    return gradientStopCollection; 
} 

}}

Я надеюсь, что в ле Это приносит вам идеи. Другой подход, который я пробовал, - создать пользовательский элемент управления и поместить его на CellTemplate, а не только на Border, но у меня были проблемы, и пользователи кричали на меня за эту функциональность. Это работает, и пользователи довольны, что тоже считается.

Надеюсь, это поможет