问题描述
我正在尝试创建与MS SymbolIcon相同的自定义符号图标控件,该控件将获取枚举符号值作为输入,并且将从字典
'IconElement不采用带有0个参数的构造函数'
Derive from IconElement in UWP
但是我已将构造函数标记为extern并用分号括起来以解决构造函数问题。
public class CustomSymbolIcon : IconElement
{
public extern CustomSymbolIcon();
}
但是我的问题是,我可以从最终用户那里以Symbol Enum的形式获得输入,并可以根据存储的字典中的输入检索等效的路径几何。但是我无法将路径几何绑定到路径元素(“目标自定义”图标类),也无法编写此类的模板样式。因为IconElement是从framework元素派生的。
我可以使用控件类来实现所有这些目的,但是由于基类的原因,我不能在
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>
- 如何在自定义类的构造函数中初始化字典? -加载控件时需要填充字典。我无法在外部构造函数中调用此方法。
- 如果可能,将填充使用Dictionary
集合实现的使用符号进行路径几何检索。这是一种有效的方法吗?Bcz导致第二次初始化控件时已在集合问题中添加了密钥。请提出实现此目标的替代方法。 - 如何为框架元素编写样式?我需要以控件样式绑定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>