Resimlerim bulanık! WPF'nin SnapsToDevicePixels neden çalışmıyor?

WPF uygulamamda bazı Görüntüler kullanıyorum.

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" />

Ancak, bulanık görünüyorlar.

Bu SnapsToDevicePixels="True"çizgi neden bu sorunu engellemiyor?

Şimdi WPF4'te bulunan yeni bir mülkü denemeyi düşünebilirsiniz . Leave RenderOptions.BitmapScalingModeiçin HighQuality ya da sadece ilan yok.

En yakınNeighbor benim için çalıştı dışında uygulama yakınlaştırırken jaggy bitmap yol açtı. Ayrıca, simgelerin garip yollarla boyutlandırıldığı herhangi bir aksaklığı düzeltmedi.

Kök elemanın (yani ana pencere) Açık bu özelliği ekleyin: UseLayoutRounding="True".

Daha önce yalnızca Silverlight'ta bulunan bir özellik artık tüm Bitmap boyutlandırma sorunlarını düzeltti. :)

Kullanmak SnapsToDevicePixelsyerine, ben kullandım RenderOptions.BitmapScalingModeve şimdi güzel ve gevrek!

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" />

Zack Peterson için +1

Net 3.5 sp1 kullanıyorum ve çok sayıda bulanık görüntü için en basit çözüm gibi görünüyor. RenderOptions'ı yerinde belirtmek önemli değildir, ancak 3. taraf bileşenler için uygulama düzeyinde kaynaktaki bir stil mantıklıdır:

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

AvalonDock bulanık simgeler oluşturmaya başladığında güzel çalıştı.

UseLayoutRounding="True"Kök Penceresini kullanmak birçok durumda çalışır, ancak WPF Şerit denetimini kullanırken bir sorunla karşılaştım . Benim uygulamam ayarladığınızda kullanıcının yaptıklarını göre ve görünür Bağlamsal Sekmeler güvenir UseLayoutRoundingiçinTrue , bağlamsal sekmesi ne kadar göstermek ve RibbonButton imajı olmaz. Ayrıca, uygulama birçok saniye donar ve CPU fanı şarkı söylemeye başlar.

Kullanılması RenderOptions.BitmapScalingMode="NearestNeighbor"benim resmin üzerine görüntü oluşturma sorunlarından (bulanık ve kırpılan resim) ve düzeltilmiş Şerit Bağlamsal sekmeler kullanımı ile tamamen uyumludur.

RenderOptions.BitmapScalingMode = "En YakınNeighbor" çoğu zaman iyi çalışır. Ancak, bazen grafiksel hatalar alırsınız (benim durumumda, 5 görüntüden 4'ü iyi görünüyordu, ancak beşinci sağ kenarda hafif bir bozulma vardı). Görüntü kontrolünün sağ kenar boşluğunu 1 arttırdım.

Bu hala düzelmezse, EugeneZ'in bahsettiği Bitmap sınıf kontrolünü deneyin. Görüntü kontrolünün yerini aldı ve şu ana kadar benim için oldukça iyi çalıştı. Bkz. Http://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx

Görüntüyü WPF uygulamanızla aynı DPI'da kaydettiğinizden emin olun, bazı görüntü formatlarında bu bilgiler meta veri olarak depolanır. Bunun sorunu çözüp çözmediğini bilmiyorum, ancak% 100'e yeniden boyutlandırılan görüntülerin beklenenden daha büyük veya daha küçük olduğu için bazı problemlerden nefret ediyorum.

Benzer bir şey olabilir.

Kullanım UseLayoutRounding = True uygulamanızda en üst elemana

Bunun bir hata olduğuna inanıyorum (ya da en azından). Düzeltmek için bazı Microsoft Destek e-posta alışverişi sayfasına göz atın .

RenderOptions.BitmapScalingMode = "En YakınNeighbor" benim için çalışmadığını bulduk. DirectX 9.0c ile Windows XP x32 kullanıyorum. WPF için gerçek oluşturma DirectX ile yapıldığından, bunun bir etkisi olabilir. Aşağıdaki kayıt defteri girdileriyle XP için kenar yumuşatma özelliğini açtım:

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

Ancak aa'nın bu ayarlarla kapatılmasının görüntüler üzerinde bir etkisi yoktur. Bence bu sadece 3D Viewports'u etkiliyor.

Son olarak, bulanıklaştırmanın metinlerin yanı sıra TextBlocks metni ile oluştuğunu buldum. Bulanıklaştırma, tümü değil, yalnızca bazı metin blokları ve resimler için gerçekleşir.

Önerilen geçici çözümlerin hiçbir kombinasyonunun görünüşte rastgele bulanık görüntü sorunumu iyileştirmeyeceğini buldum. Ben birçok kişi kullanmak için .net 4 yükseltme olamaz gibiUseLayoutRendering özelliği .

Çalışmak için ne buldum:

• [Orijinal] görüntü boyutlarınızın 2'nin katları olduğundan emin olun. Bu, korkak görüntü ölçekleme sorunlarının bazılarını engelliyor gibi görünüyor.
• Bazen resimlerdeki kenar boşluklarını bir piksel veya 2 ile ayarlamanın sorunu önleyebileceğini de buldum.

İlk düşüncem, soruyu okuyarak, görüntüyü çok fazla havaya uçuruyordunuz, ancak uygulamadaki görüntüye bakarak durum böyle görünmüyor.

İkinci düşünce renk paletidir, ancak doğru şekilde oluşturulmayan renklerden biri olarak siyah olduğunda, bu olası değildir.

Yukarıdaki ikisini tamamen dışlayabiliyorsanız, şu anda güdüküm.

Bir deneme olarak, diğer grafik formatlarını deneyebilirsiniz, ancak PNG iyi olmalıdır. Daha iyi bir cevap bulmak için biraz daha düşünmek zorunda kalacağım.

RenderOptions.BitmapScalingMode = HighQuality kullanmaya çalıştım, Windows 8.1'de bazı sorunlara neden olduğu gibi, bu yüzden ne yaptım PngOut.exe adlı araç aracılığıyla çalıştırmak için

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

Hangi png başlığını azaltır ve aynı zamanda boyutu azaltır, ancak görüntü kalitesini değiştirmeden.

Ve şimdi tüm görüntülerim mükemmel! :-)