2014-09-20 3 views
3

У меня есть следующий базовый класс для MenuItems в моем MVVM приложенииИспользование векторной графики в виде значка в WPF

public class StandardMenuItem : MenuItemBase, IExecutableItem 
{ 
    ... 
    public Image Icon { get; private set; } 
    ... 
} 

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

<ResourceDictionary x:Class="resources_icons_xaml" 
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"> 
    <Canvas x:Key="appbar_acorn" Width="48" Height="48" Clip="F1 M 0,0L 48,0L 48,48L 0,48L 0,0"> 
     <Path Width="22.3248" Height="25.8518" Canvas.Left="13.6757" Canvas.Top="11.4012" Stretch="Fill" Fill="{DynamicResource BlackBrush}" Data="F1 M 16.6309,18.6563C 17.1309,8.15625 29.8809,14.1563 29.8809,14.1563C 30.8809,11.1563 34.1308,11.4063 34.1308,11.4063C 33.5,12 34.6309,13.1563 34.6309,13.1563C 32.1309,13.1562 31.1309,14.9062 31.1309,14.9062C 41.1309,23.9062 32.6309,27.9063 32.6309,27.9062C 24.6309,24.9063 21.1309,22.1562 16.6309,18.6563 Z M 16.6309,19.9063C 21.6309,24.1563 25.1309,26.1562 31.6309,28.6562C 31.6309,28.6562 26.3809,39.1562 18.3809,36.1563C 18.3809,36.1563 18,38 16.3809,36.9063C 15,36 16.3809,34.9063 16.3809,34.9063C 16.3809,34.9063 10.1309,30.9062 16.6309,19.9063 Z "/> 
    </Canvas> 
    ... 
<ResourceDictionary/> 

Моя проблема в том, что использование этой векторной графики по коду не выглядит прямым. Я знаю, как включить такие графики в XAML

<!-- Include Resource Dictionary --> 
<MenuItem Header="Show Difference Details" 
      ToolTip="Launch the grouped data file and analysis window." 
      IsEnabled="{Binding GroupedDataIsDifferent}" 
      Caliburn:Message.Attach="[Event Click] = [Action ShowDifferenceDetailsAsync()]"> 
    <MenuItem.Icon> 
     <Rectangle Width="16" Height="16"> 
      <Rectangle.Fill> 
       <VisualBrush Stretch="Uniform" Visual="{StaticResource appbar_column_two}" /> 
      </Rectangle.Fill> 
     </Rectangle> 
    </MenuItem.Icon> 
</MenuItem> 

но это не моя проблема. Мои вопросы:

  1. Как я могу использовать векторную графику из ресурсного словаря в своих значков/изображений для своих StandardMenuItem?
  2. Если ответ на 1. «вы не можете», как я могу конвертировать из векторной графики в Icon в код?

Спасибо за ваше время.


Редактировать. Я хочу, чтобы получить графику с помощью кода. Так что для моего пункта меню У меня есть метод

public StandardMenuItem WithIcon(Assembly source, string path) 
{ 
    var manager = IoC.Get<IResourceManager>(); 
    var iconSource = manager.GetBitmap(path, source.GetAssemblyName()); 
    if (source != null) 
    { 
     IconSource = path; 
    } 
    return this; 
} 

мой вопрос теперь получает правильный путь к вектору изображения я хочу. Скажем, в моем решении у меня есть мое векторное изображение в «Graphics/Icons.xaml», и ресурс называется «appbar_acorn», как я могу ссылаться на это?

+0

да, вы можете использовать то же самое, возможно, ссылки на ключ, используя конвертер. используя этот подход, вам может не понадобиться хранить материал представления в модели представления. – pushpraj

+1

Почему downvote? – MoonKnight

ответ

4

здесь вы идете

начала, изменив свойство Icon в строку

например

public string Icon { get; private set; } 

присвоить значение значка в качестве ключа значка вы хотите использовать

Icon = "appbar_acorn"; 

определить преобразователь в ресурсах

<l:StringToResourceConverter x:Key="StringToResourceConverter" /> 

л: относится к конвертора пространства имен, например xmlns:l="clr-namespace:CSharpWPF"

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

<MenuItem Icon="{Binding Icon,Converter={StaticResource StringToResourceConverter}}" 
      Header="Menu"/> 

результат

result

здесь преобразовательной класс

namespace CSharpWPF 
{ 
    class StringToResourceConverter: IValueConverter 
    { 
     public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture) 
     { 
      return Application.Current.FindResource(value); 
     } 

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

вам может потребоваться настроить размер значков и размещение на холсте, в образце выше я удалил Canvas.Left="13.6757" & Canvas.Top="11.4012", но все-таки это немного большим значок меню

+0

Привет, спасибо за ваш ответ. У меня есть векторная графика в ресурсном словаре, скажем, по относительному URL-адресу «Grphics \ Icon.xaml». Моя проблема заключается в том, как ссылаться на ресурс 'appbar_acorn', используя код позади. Мне нужно забрать статический ресурс через код. Я отредактировал вопрос, еще раз спасибо за ваше время и помощь. – MoonKnight

+0

@Killercam, вы можете объединить словарь ресурсов в app.xaml, а затем вы можете найти то же самое с помощью 'Canvas c = (Canvas) Application.Current.FindResource (appbar_acorn);'. если невозможно слить значок xaml в app.xaml, тогда используйте тот же элемент управления, в котором вы объединили ресурсы вместо Application.Current. например this.Resource и т. д. – pushpraj

+0

Прохладный. Отлично. У меня это работает, используя Uri, потому что я могу захотеть получить ресурс из другой сборки. Но теперь у меня другая проблема! Я задам еще один вопрос, и, надеюсь, вы снова сможете мне помочь. Опять же, вы больше всего цените ... – MoonKnight

Смежные вопросы