Комбинированная сплошная кисть - PullRequest
6 голосов
/ 25 мая 2009

Есть ли способ создать своего рода "сплошную кисть", которая представляет собой смесь из двух сплошных кистей?

Для цвета спины я хотел бы иметь возможность использовать DynamicReference для какой-либо другой кисти. В то время как другой цвет (спереди) может быть статическим цветом с непрозрачностью.

Не стесняйтесь просить разъяснений, если это не имеет смысла!

Ответы [ 4 ]

6 голосов
/ 27 марта 2012

Я столкнулся с той же проблемой. Я обычно просто использую один xaml каждый для основных темных, базовых источников света, а затем один для каждого цветового акцента (синий, красный и т. Д.). Акцент слегка выглядит, что делает его темнее, когда темная тема выбрана с более темным фоном.

При создании темы со вторым акцентным цветом, чтобы иметь больший контраст в приложении (например, серый, когда выбрана светлая тема, акцент, когда темная тема), мне нужно было создать кисть из двух цветов, как в противном случае нужно создать темную и светлую тему для каждого цвета.

Вот что я использую:

<DrawingBrush x:Key="SecondaryAccentColorBrush" Viewport="0,0,1,1" TileMode="Tile">
    <DrawingBrush.Drawing>
        <DrawingGroup>
            <GeometryDrawing>
                <GeometryDrawing.Geometry>
                    <RectangleGeometry Rect="0,0,1,1" />
                </GeometryDrawing.Geometry>
                <GeometryDrawing.Brush>
                    <SolidColorBrush Color="{DynamicResource AccentColor}"/>
                </GeometryDrawing.Brush>
            </GeometryDrawing>
            <GeometryDrawing>
                <GeometryDrawing.Geometry>
                    <RectangleGeometry Rect="0,0,1,1" />
                </GeometryDrawing.Geometry>
                <GeometryDrawing.Brush>
                    <SolidColorBrush Color="{DynamicResource Gray10}"/>
                </GeometryDrawing.Brush>
            </GeometryDrawing>
        </DrawingGroup>
    </DrawingBrush.Drawing>
</DrawingBrush>

Когда тема переключается, альфа «Gray10» переключается между 00 и FF, таким образом, кисть показывает либо серый, либо цвет акцента.

4 голосов
/ 26 мая 2009

К сожалению, пользовательские кисти не поддерживаются в WPF (типы кистей помечены как «внутренние» и не могут наследоваться от них), поэтому создание кисти, представляющей собой смесь двух кистей, которые можно использовать из XAML, как и обычная SolidColorBrush, невозможно.

В качестве обходного пути вы можете использовать MarkupExtension для имитации поведения настраиваемой кисти, которая позволяет использовать синтаксис XAML и предоставлять настраиваемое значение, что позволяет нам использовать встроенный SolidColorBrush (настраиваемая кисть не требуется) установите значение, которое вы получите, смешивая два цвета:

/// <summary>
/// Markup extension to mix two SolidColorBrushes together to produce a new SolidColorBrush.
/// </summary>
[MarkupExtensionReturnType(typeof(SolidColorBrush))]
public class MixedColorBrush : MarkupExtension, INotifyPropertyChanged
{
    /// <summary>
    /// The foreground mix color; defaults to white.  
    /// If not changed, the result will always be white.
    /// </summary>
    private SolidColorBrush foreground = Brushes.White;

    /// <summary>
    /// The background mix color; defaults to black.  
    /// If not set, the result will be the foreground color.
    /// </summary>
    private SolidColorBrush background = Brushes.Black;

    /// <summary>
    /// PropertyChanged event for WPF binding.
    /// </summary>
    public event PropertyChangedEventHandler PropertyChanged;

    /// <summary>
    /// Gets or sets the foreground mix color.
    /// </summary>
    public SolidColorBrush Foreground
    {
        get 
        { 
            return this.foreground; 
        }
        set 
        { 
            this.foreground = value; 
            this.NotifyPropertyChanged("Foreground"); 
        }
    }

    /// <summary>
    /// Gets or sets the background mix color.
    /// </summary>
    public SolidColorBrush Background
    {
        get 
        { 
            return this.background; 
        }
        set 
        { 
            this.background = value; 
            this.NotifyPropertyChanged("Background"); 
        }
    }

    /// <summary>
    /// Returns a SolidColorBrush that is set as the value of the 
    /// target property for this markup extension.
    /// </summary>
    /// <param name="serviceProvider">Object that can provide services for the markup extension.</param>
    /// <returns>The object value to set on the property where the extension is applied.</returns>
    public override object ProvideValue(IServiceProvider serviceProvider)
    {
        if (this.foreground != null && this.background != null)
        {
            // Create a new brush as a composite of the old ones
            // This does simple non-perceptual additive color, e.g 
            // blue + red = magenta, but you can swap in a different
            // algorithm to do subtractive color (red + yellow = orange)
            return new SolidColorBrush(this.foreground.Color + this.background.Color);
        }

        // If either of the brushes was set to null, return an empty (white) brush.
        return new SolidColorBrush();
    }

    /// <summary>
    /// Raise the property changed event.
    /// </summary>
    /// <param name="propertyName">Name of the property which has changed.</param>
    protected void NotifyPropertyChanged(string propertyName)
    {
        if (this.PropertyChanged != null)
        {
            this.PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

Который затем можно использовать из XAML, как обычную кисть:

<Grid>
    <Grid.Background>
        <local:MixedColorBrush Foreground="Blue" Background="Red"/>
    </Grid.Background>
</Grid>

Или используя синтаксис расширения разметки:

<Grid Background="{local:MixedColorBrush Foreground=Blue, Background=Red}">

Недостатком этого подхода является то, что вы не можете использовать ссылки DynamicResource или StaticResource для привязки значений к другим ресурсам в вашем приложении. MarkupExtension не является DependencyObject, и привязка ресурса работает только для DependencyObjects; встроенными кистями являются DependencyObjects, поэтому привязка работает с традиционными кистями.

3 голосов
/ 09 января 2013

Один простой способ сделать это (но, вероятно, не оптимизированный), создайте LinearGradientBrush из двух цветов в режиме повтора с конечной точкой, равной начальной точке:

<LinearGradientBrush SpreadMethod="Repeat" EndPoint="0,0">
                                <GradientStop Color="Red" Offset="0" />
                                <GradientStop Color="Yellow" Offset="1" />
                            </LinearGradientBrush>

Это дает вам оранжевую кисть.

3 голосов
/ 25 мая 2009

Получите цвета из переднего и заднего фона, смешайте их и создайте новую кисть из полученного цвета.

Пример на C #:

Color foreground = foregroundBrush.Color;
Color background = backgroundBrush.Color;

int opacity = 25;

int r = (opacity * (foreground.R - background.R) / 100) + background.R;
int g = (opacity * (foreground.G - background.G) / 100) + background.G;
int b = (opacity * (foreground.B - background.B) / 100) + background.B;

SolidColorBrush mixedBrush = new SolidColorBrush(Color.FromArgb(r, g, b));
...