WPF UserControl, создающий несколько вариантов размещения

Question

У меня есть UserControl, что у меня есть различные свойства, поэтому я могу настроить его для каждой копии, которая находится на экране. У меня есть путь, который использует заливку LinearGradientBrush. В настоящее время это жестко закодировано в XAML. У меня уже есть ширина и видимость управления траекторией в качестве объектов зависимостей и может легко модифицировать эти:

<Path 
    Visibility="{TemplateBinding PathAVisibility}" 
    Width="{TemplateBinding PathALength}"> 
     <LinearGradientBrush EndPoint="0,0.5" MappingMode="RelativeToBoundingBox" StartPoint="1,0.5"> 
      <GradientStop Color="#07FFFFFF" Offset="0.812"/> 
      <GradientStop Color="Red"/> 
      <GradientStop Color="#00000000" Offset="0.993"/> 
      <GradientStop Color="#FF956666" Offset="0.62"/> 
     </LinearGradientBrush>... 

То, что я хотел бы сделать, это создать несколько градиентов, как варианты, которые можно затем выбрать в качестве свойств в дизайнер WPF XAML. Что-то вроде «GradA» с красным, «GradB» имеет синий цвет, но не имеет прозрачности и т. Д.

С видимостью Я вижу «видимые/скрытые/сложенные» как опции на выбор дизайн, и это то, что мне нужно.

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

Любые указатели, в каком направлении я должен искать?

Answer 1

Вы можете использовать enum обеспечить фиксированные значения, которые вы хотите в Xaml, то вы можете использовать PropertyChangedCallback на этой enumDependencyProperty изменить Brush.

Это очень быстро пример.

Код:

public partial class UserControl1 : UserControl 
{ 
    public UserControl1() 
    { 
     InitializeComponent(); 
     DataContext = this; 
    } 

    public BrushType BrushType 
    { 
     get { return (BrushType)GetValue(BrushTypeProperty); } 
     set { SetValue(BrushTypeProperty, value); } 
    } 

    // Using a DependencyProperty as the backing store for BrushType. This enables animation, styling, binding, etc... 
    public static readonly DependencyProperty BrushTypeProperty = 
     DependencyProperty.Register("BrushType", typeof(BrushType), typeof(UserControl1) 
     , new PropertyMetadata(BrushType.None, new PropertyChangedCallback(OnBrushTypeChanged))); 

    private static void OnBrushTypeChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
    { 
     var userControl = d as UserControl1; 
     if (e.NewValue is BrushType) 
     { 
      userControl.MyBrush = userControl.FindResource(e.NewValue.ToString()) as Brush; 
     } 
    } 

    public Brush MyBrush 
    { 
     get { return (Brush)GetValue(MyBrushProperty); } 
     set { SetValue(MyBrushProperty, value); } 
    } 

    // Using a DependencyProperty as the backing store for MyBrush. This enables animation, styling, binding, etc... 
    public static readonly DependencyProperty MyBrushProperty = 
     DependencyProperty.Register("MyBrush", typeof(Brush), typeof(UserControl1), new PropertyMetadata(null)); 

} 

public enum BrushType 
{ 
    None, 
    BrushA, 
    BrushB, 
    BrushC 
} 

Xaml:

<UserControl x:Class="WPFListBoxGroupTest.UserControl1" 
      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"> 
    <UserControl.Resources> 
     <SolidColorBrush x:Key="BrushA" Color="Red" /> 
     <SolidColorBrush x:Key="BrushB" Color="Yellow" /> 
     <SolidColorBrush x:Key="BrushC" Color="Blue" /> 
    </UserControl.Resources> 

    <Grid Background="{Binding MyBrush}" /> 

</UserControl> 

Использование:

<StackPanel Orientation="Horizontal"> 
    <local:UserControl1 BrushType="BrushA" /> 
    <local:UserControl1 BrushType="BrushB" /> 
    <local:UserControl1 BrushType="BrushC" /> 
</StackPanel> 

Результат:

Answer 2

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