Как выбрать правильный размер значка из файла .ico с несколькими разрешениями в WPF?

Question

Если у меня есть файл значков с несколькими разрешениями (.ico), как я могу убедиться, что WPF выберет нужный размер? Привязывает ли это значение ширины и высоты изображения или WPF просто изменяет размер первого значка в файле ico?

Это то, что я использую в настоящее время (это работает, но я бы хотел избежать изменения размера, если это происходит).

<MenuItem.Icon>
    <Image Source="MyIcons.ico" Width="16" Height="16"  />
</MenuItem.Icon>

Я бы хотел объявить это в Xaml, если это возможно, без необходимости кодировать его.

Answer 1

Я использую простое расширение разметки для этого:

/// <summary>
/// Simple extension for icon, to let you choose icon with specific size.
/// Usage sample:
/// Image Stretch="None" Source="{common:Icon /Controls;component/icons/custom.ico, 16}"
/// Or:
/// Image Source="{common:Icon Source={Binding IconResource}, Size=16}"
/// </summary> 
public class IconExtension : MarkupExtension
{
    private string _source;

    public string Source
    {
        get
        {
            return _source;
        }
        set
        {
            // Have to make full pack URI from short form, so System.Uri recognizes it.
           _source = "pack://application:,,," + value;
        }
    }

    public int Size { get; set; }

    public override object ProvideValue(IServiceProvider serviceProvider)
    {
        var decoder = BitmapDecoder.Create(new Uri(Source), 
                                           BitmapCreateOptions.DelayCreation,
                                           BitmapCacheOption.OnDemand);

        var result = decoder.Frames.SingleOrDefault(f => f.Width == Size);
        if (result == default(BitmapFrame))
        {
            result = decoder.Frames.OrderBy(f => f.Width).First();
        }

        return result;
    }

    public IconExtension(string source, int size)
    {
        Source = source;
        Size = size;
    }

    public IconExtension() { }
}

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

<Image Stretch="None"
       Source="{common:Icon Source={Binding IconResource},Size=16}"/>

или

<Image Stretch="None"
       Source="{common:Icon /ControlsTester;component/icons/custom-reports.ico, 16}" />

Answer 2

Невозможно использовать только Xaml.

Answer 3

(на основе @Nikolay отличный ответ и последующий комментарий о связывании)

Вам, вероятно, будет лучше создать Converter вместо MarkupExtension, чтобы вы могли использовать Binding. Используя ту же логику, что и @ Nikolay

    /// <summary>
    /// Forces the selection of a given size from the ICO file/resource. 
    /// If the exact size does not exists, selects the closest smaller if possible otherwise closest higher resolution.
    /// If no parameter is given, the smallest frame available will be selected
    /// </summary>
    public class IcoFileSizeSelectorConverter : IValueConverter
    {
        public virtual object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            var size = string.IsNullOrWhiteSpace(parameter?.ToString()) ? 0 : System.Convert.ToInt32(parameter);

            var uri = value?.ToString()?.Trim();
            if (string.IsNullOrWhiteSpace(uri))
                return null;

            if (!uri.StartsWith("pack:"))
                uri = $"pack://application:,,,{uri}";

            var decoder = BitmapDecoder.Create(new Uri(uri),
                                              BitmapCreateOptions.DelayCreation,
                                              BitmapCacheOption.OnDemand);

            var result = decoder.Frames.Where(f => f.Width <= size).OrderByDescending(f => f.Width).FirstOrDefault()
                ?? decoder.Frames.OrderBy(f => f.Width).FirstOrDefault();

            return result;
        }

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

Затем вы должны создать ресурс из вашего класса конвертера где-нибудь в ResourceDictionary, как обычно:

<localConverters:IcoFileSizeSelectorConverter x:Key="IcoFileSizeSelector" />

И тогда вы можете использовать Binding:

<Image Source="{Binding Path=IconResource, Converter={StaticResource IcoFileSizeSelector}, ConverterParameter=16}" />

PS: в коде преобразователя мы принимаем все входные данные для параметра, даже отсутствующие или недействительные. Такое поведение удобнее, если вы, как и я, любите играть с живым редактированием XAML.

Answer 4

Если причина, по которой вы спрашиваете, заключается в том, что значок выглядит для вас размытым, прочитайте эту очень хорошую статью на тему, которую я использовал для решения этой проблемы: http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx

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

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