Мої зображення розмиті! Чому SnapsToDevicePixels WPF не працює?

Я використовую кілька зображень у програмі WPF.

XAML:

<Image Name="ImageOrderedList"
       Source="images/OrderedList.png"
       ToolTip="Ordered List"
       Margin="0,0,5,5"
       Width="20"
       Height="20"
       SnapsToDevicePixels="True"
       MouseUp="Image_MouseUp"
       MouseEnter="Image_MouseEnter"
       MouseLeave="Image_MouseLeave" />

Але, вони здаються нечіткими.

Чому ця SnapsToDevicePixels="True"лінія не запобігає цій проблемі?

Ви можете розглянути можливість спробувати нову властивість, доступну зараз у WPF4 . Залиште RenderOptions.BitmapScalingModeна HighQuality або просто не оголосити.

Найближчий сусід працював на мене, за винятком того, що це призвело до нечітких растрових зображень при збільшенні програми. Він також не здавався виправити жодних збоїв, де піктограми розміщувались дивними способами.

У кореневому елементі (тобто у головному вікні) додайте це властивість: UseLayoutRounding="True" .

Властивість, доступна лише в Silverlight, тепер виправила всі бітові карти розмірів. :)

Замість того, щоб використовувати SnapsToDevicePixels, я натомість використовувавRenderOptions.BitmapScalingMode і вони тепер приємні і чіткі!

XAML:

<Image Name="ImageOrderedList"
       Source="images/OrderedList.png"
       ToolTip="Ordered List"
       Margin="0,0,5,5"
       Width="20"
       Height="20"
       RenderOptions.BitmapScalingMode="NearestNeighbor"
       MouseUp="Image_MouseUp"
       MouseEnter="Image_MouseEnter"
       MouseLeave="Image_MouseLeave" />

+1 для Зака ​​Петерсона

Я використовую .Net 3.5 sp1, і це виглядає як найпростіше рішення для великої кількості нечітких зображень. Вказувати RenderOptions на місці не складно, але для сторонніх компонентів стиль в ресурсі рівня додатків має сенс:

 <Style TargetType="{x:Type Image}">
    <Setter
        Property="RenderOptions.BitmapScalingMode"
        Value="NearestNeighbor" />
 </Style>

Працювало чудово, коли AvalonDock почав відображати розмиті значки.

Використання в UseLayoutRounding="True"кореневому вікні працює у багатьох випадках, але у мене виникла проблема при використанні керування стрічкою WPF . Моє додаток використовує контекстні вкладки , які відображаються в відповідно до тим, що робить користувач , і коли я встановив UseLayoutRoundingуTrue вкладка контекстна не буде доступний широкому і іміджеві RibbonButton, ні інші . Також додаток замерзає на багато секунд і вентилятор процесора починає співати.

Використовуючи RenderOptions.BitmapScalingMode="NearestNeighbor"моє зображення, виправлено проблеми візуалізації зображення (нечіткі та обрізані зображення) та повністю сумісний із використанням контекстуальних вкладок стрічок.

RenderOptions.BitmapScalingMode = "Найближчий сусід" працює добре протягом більшої частини часу. Однак час від часу ви отримуєте графічні глюки (у моєму випадку 4 з 5 зображень виявлялися чудово, але на п'ятому спостерігалося незначне викривлення на правому краю). Я зафіксував це, збільшивши правий запас зображення зображення на 1.

Якщо це все-таки не виправить це, спробуйте керувати класом Bitmap вище, ніж згадує EugeneZ. Це заміна для управління зображенням, і поки що він працює досить добре для мене. Дивіться http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx

Переконайтеся, що ви зберігаєте зображення в тому самому DPI, у якому працює ваша програма WPF, у деяких форматах зображень ця інформація зберігається як метадані. Я не знаю, чи це вирішує проблему, але я мав деякі проблеми через це, коли зображення розміром до 100% стали більшими або меншими, ніж очікувалося.

Може бути щось подібне.

use UseLayoutRounding = Істинний верхній елемент у вашій програмі

Я вважаю, що це помилка (або, принаймні, це була). Перегляньте на цій сторінці обміну електронною поштою служби підтримки Microsoft, щоб ознайомитись із ідеями.

Я виявив, що RenderOptions.BitmapScalingMode = "Найближчий сусід" не працює для мене. Я використовую Windows XP x32 з DirectX 9.0c. Оскільки власне візуалізація для WPF проводиться за допомогою DirectX, це може мати ефект. У мене ввімкнено антизбудження для XP із такими записами реєстру:

[HKEY_LOCAL_MACHINE \ SOFTWARE \ Microsoft \ Avalon.Graphics] "MaxMultisampleType" = dword: 00000004 "EnableDebugControl" = dword: 00000001

Однак вимкнення цих параметрів не впливає на зображення. Я думаю, що це впливає лише на 3D Viewports.

Нарешті я виявив, що розмиття відбувається як з текстом TextBlocks, так і з зображеннями. І розмиття відбувається лише для деяких текстових блоків та зображень, не для всіх.

Я виявив, що жодна комбінація запропонованих способів вирішення не дозволить вилікувати мою, здавалося б, випадкову проблему розмитого зображення. Мені подобається, що багато інших не можуть оновити до .net 4, щоб використовувати UseLayoutRenderingвластивість.

Що я знайшов працювати:

• Переконайтеся, що ваші [оригінальні] розміри зображення кратні по 2. Це, здається, запобігає деяким проблемам масштабування зображення.
• Іноді я також виявляв, що коригування поля на зображеннях пікселем або 2 може запобігти проблемі.

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

Друга думка - палітра кольорів, але з чорним як одним із кольорів, який не відображається правильно, це не так імовірно.

Якщо ви можете повністю виключити два вищевикладені, я в даний час наткнувся.

В якості експерименту можна спробувати інші графічні формати, але PNG має бути добре. Мені доведеться продумати ще кілька, щоб придумати кращу відповідь.

Я намагався використовувати RenderOptions.BitmapScalingMode = HighQuality, схоже, викликає деякі проблеми в Windows 8.1, тому те, що я зробив, це запустити їх через інструмент під назвою PngOut.exe

http://advsys.net/ken/utils.htm

Це зменшує заголовок png, а також зменшує розмір, але не змінюючи якість зображення.

І тепер усі мої образи ідеальні! :-)