从UWP中的IconElement或IconSourceElement派生

如何解决从UWP中的IconElement或IconSourceElement派生

我正在尝试创建与MS SymbolIcon相同的自定义符号图标控件，该控件将获取枚举符号值作为输入，并且将从字典集合中检索等效的路径数据值。但是符号图标类是从IconElement继承的，并且在我的应用程序中也遇到以下相同的问题。

'IconElement不采用带有0个参数的构造函数'

Derive from IconElement in UWP

但是我已将构造函数标记为extern并用分号括起来以解决构造函数问题。

public class CustomSymbolIcon : IconElement
{ 
   public extern CustomSymbolIcon(); 
}

但是我的问题是，我可以从最终用户那里以Symbol Enum的形式获得输入，并可以根据存储的字典中的输入检索等效的路径几何。但是我无法将路径几何绑定到路径元素（“目标自定义”图标类），也无法编写此类的模板样式。因为IconElement是从framework元素派生的。

我可以使用控件类来实现所有这些目的，但是由于基类的原因，我不能在（它是IconElement基类）标记中使用它。

public class SymbolToIconConversion : Control //IconElement instead of control
{
    internal static Dictionary<Symbol,string> enumValuesCollection = new Dictionary<Symbol,string>();

    public SymbolToIconConversion()
    {
        this.DefaultStyleKey = typeof(SymbolToIconConversion);
        PopulateEnumCollection();
    }

    public static Dictionary<Symbol,string> EnumValuesCollection
    {
        get { return enumValuesCollection; }
        set { enumValuesCollection = value; }
    }

    internal void PopulateEnumCollection()
    {
        enumValuesCollection.Add(Symbol.Accept,"M0,4 5,9 9,0 4,5");
        enumValuesCollection.Add(Symbol.Close,"F1 M 22,12L 26,22L 36,26L 26,36L 22,26L 12,22L 22,12 Z");
        enumValuesCollection.Add(Symbol.Save,5");
        enumValuesCollection.Add(Symbol.Add,5 H10 M5,5 V10Z");
    }

    public Symbol Symbol
    {
        get { return (Symbol)GetValue(SymbolProperty); }
        set { SetValue(SymbolProperty,value); }
    }

    // Using a DependencyProperty as the backing store for Symbol.  This enables animation,styling,binding,etc...
    public static readonly DependencyProperty SymbolProperty =
          DependencyProperty.Register("Symbol",typeof(Symbol),typeof(SfSymbolIcon),new PropertyMetadata(typeof(Symbol),new PropertyChangedCallback(OnSymbolChanged)));      

    internal Geometry Geometry
    {
        get { return (Geometry)GetValue(GeometryProperty); }
        set { SetValue(GeometryProperty,value); }
    }

    // Using a DependencyProperty as the backing store for Geometry.  This enables animation,etc...
    internal static readonly DependencyProperty GeometryProperty =
        DependencyProperty.Register("Geometry",typeof(Geometry),typeof(SymbolToIconConversion),new PropertyMetadata(null));

    private static void OnSymbolChanged(DependencyObject d,DependencyPropertyChangedEventArgs e)
    {
        SymbolToIconConversion symbolIcon = d as SymbolToIconConversion;
        if (symbolIcon != null)
        {
            foreach (var value in EnumValuesCollection)
            {
                if (symbolIcon.Symbol == value.Key)
                {
                    symbolIcon.Geometry = (Geometry)XamlBindingHelper.ConvertValue(typeof(Geometry),value.Value);
                    return;
                }
            }
        }
    }

 <Style TargetType="core:SymbolToIconConversion">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="core:SymbolToIconConversion">
                <Viewbox x:Name="ContentViewbox" AutomationProperties.AccessibilityView="Raw" HorizontalAlignment="Stretch" Height="{ThemeResource AppBarButtonContentHeight}" Margin="{ThemeResource AppBarButtonContentViewboxCollapsedMargin}">
                    <Path x:Name="Content" 
                          Width="{Binding Width,RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                          Height="{Binding Height,RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                          Fill="{Binding Foreground,RelativeSource={RelativeSource Mode=TemplatedParent}}" 
                          Data="{Binding Geometry,RelativeSource={RelativeSource Mode=TemplatedParent}}"/>
                </Viewbox>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

1. 如何在自定义类的构造函数中初始化字典？ -加载控件时需要填充字典。我无法在外部构造函数中调用此方法。
2. 如果可能，将填充使用Dictionary 集合实现的使用符号进行路径几何检索。这是一种有效的方法吗？Bcz导致第二次初始化控件时已在集合问题中添加了密钥。请提出实现此目标的替代方法。
3. 如何为框架元素编写样式？我需要以控件样式绑定Path数据。但是它没有模板属性。

有人可以建议如何实现这一目标吗？

解决方法

从UWP中的IconElement或IconSourceElement派生

恐怕您不能使CustomSymbolIcon继承IconElement，并且IconElement不提供设置ControlTemplate的方法，对于您的情况，我们建议您使用自定义Datatemplate替换NavigationViewItem，如下所示

<NavigationView.MenuItemTemplate>
    <DataTemplate>
        <Grid Width="{Binding ElementName=nvSample,Path=OpenPaneLength}" HorizontalAlignment="Stretch">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="auto" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <local:SymbolToIconConversion Symbol="Accept"  VerticalAlignment="Center"/>
            <StackPanel
                Grid.Column="1"
                Margin="45,10,0"
                HorizontalAlignment="Stretch"
                VerticalAlignment="Center">
                <TextBlock x:Name="Header" Text="Header" />
                <TextBlock x:Name="Line1" Text="TheFirstLine" />
            </StackPanel>
        </Grid>
    </DataTemplate>
</NavigationView.MenuItemTemplate>