Hình ảnh của tôi bị mờ! Tại sao SnapsToDevicePixels của WPF không hoạt động?

Tôi đang sử dụng một số hình ảnh trong ứng dụng WPF của mình.

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

Nhưng, chúng xuất hiện mờ nhạt.

Tại sao SnapsToDevicePixels="True"dòng đó không ngăn chặn vấn đề này?

Bạn có thể muốn xem xét thử một tài sản mới hiện có trong WPF4 . Rời khỏi RenderOptions.BitmapScalingModeđể có chất lượng cao hoặc chỉ không khai báo nó.

Người hàng xóm gần nhất làm việc cho tôi ngoại trừ nó dẫn đến bitmap khi phóng to ứng dụng. Nó dường như cũng không khắc phục được bất kỳ trục trặc nào trong đó các biểu tượng được định cỡ theo những cách kỳ lạ.

Trên phần tử gốc của bạn (tức là cửa sổ chính của bạn) thêm thuộc tính này : UseLayoutRounding="True".

Một thuộc tính trước đây chỉ có trong Silverlight hiện đã sửa tất cả các tai ương kích thước Bitmap. :)

Thay vì sử dụng SnapsToDevicePixels, thay vào đó tôi đã sử dụng RenderOptions.BitmapScalingModevà giờ đây chúng rất đẹp và sắc nét!

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 cho Zack Peterson

Tôi đang sử dụng .Net 3.5 sp1 và có vẻ như là giải pháp đơn giản nhất cho một số lượng lớn hình ảnh mờ. Việc xác định RenderOptions tại chỗ không phải là vấn đề lớn, nhưng đối với các thành phần bên thứ 3, một phong cách trong tài nguyên cấp ứng dụng có ý nghĩa:

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

Hoạt động độc đáo khi AvalonDock bắt đầu hiển thị các biểu tượng mờ.

Sử dụng UseLayoutRounding="True"trên cửa sổ gốc hoạt động trong nhiều trường hợp nhưng tôi gặp phải sự cố khi sử dụng điều khiển WPF Ribbon . Ứng dụng của tôi dựa trên Tabs theo ngữ cảnh mà xuất hiện theo những gì người dùng đang làm và khi tôi đặt UseLayoutRoundingđểTrue , tab theo ngữ cảnh sẽ không hiển thị và hình ảnh của RibbonButton không. Ngoài ra, ứng dụng đóng băng trong nhiều giây và quạt CPU bắt đầu hát.

Sử dụng RenderOptions.BitmapScalingMode="NearestNeighbor"trên hình ảnh của tôi đã khắc phục các sự cố hiển thị hình ảnh (hình ảnh mờ và bị cắt) và hoàn toàn tương thích với việc sử dụng Tab theo ngữ cảnh Ribbon.

RenderOptions.BitmapScalingMode = "RecentNeighbor" hoạt động tốt hầu hết thời gian. Tuy nhiên, đôi khi bạn sẽ gặp trục trặc về đồ họa (trong trường hợp của tôi, 4 trong số 5 hình ảnh hiển thị tốt, nhưng thứ năm có một chút biến dạng ở cạnh phải). Tôi đã sửa lỗi tăng lề phải của điều khiển hình ảnh lên 1.

Nếu điều đó vẫn không khắc phục được, hãy thử điều khiển lớp Bitmap ở trên mà EugeneZ đề cập. Đó là một sự thay thế cho điều khiển hình ảnh và cho đến nay nó hoạt động khá tốt đối với tôi. Xem http://bloss.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx

Đảm bảo bạn lưu hình ảnh trong cùng DPI khi ứng dụng WPF của bạn đang hoạt động, một số định dạng hình ảnh có thông tin này được lưu trữ dưới dạng siêu dữ liệu. Tôi không biết liệu điều này có giải quyết được vấn đề không nhưng tôi đã giải quyết được một số vấn đề vì điều này khi hình ảnh được thay đổi kích thước thành 100% lớn hơn hoặc nhỏ hơn dự kiến.

Có thể là một cái gì đó tương tự.

sử dụng UseLayoutRounding = Đúng với phần tử hàng đầu trong ứng dụng của bạn

Tôi tin rằng đây là một lỗi (hoặc ít nhất là như vậy). Kiểm tra trang trao đổi e-mail hỗ trợ này của Microsoft để biết một số ý tưởng để khắc phục nó.

Tôi đã thấy rằng RenderOptions.BitmapScalingMode = "RecentNeighbor" không hoạt động với tôi. Tôi đang sử dụng Windows XP x32 với DirectX 9.0c. Vì kết xuất thực tế cho WPF được thực hiện với DirectX, điều này có thể có hiệu lực. Tôi đã bật khử răng cưa cho XP với các mục đăng ký sau:

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

Tuy nhiên, tắt aa bằng các cài đặt này không ảnh hưởng đến hình ảnh. Tôi nghĩ rằng điều này chỉ ảnh hưởng đến Chế độ xem 3D.

Cuối cùng, tôi thấy rằng việc làm mờ xảy ra với văn bản của TextBlocks cũng như hình ảnh. Và việc làm mờ chỉ xảy ra đối với một số khối văn bản và hình ảnh, không phải tất cả chúng.

Tôi đã tìm thấy rằng không có sự kết hợp của các cách giải quyết được đề xuất sẽ chữa được vấn đề hình ảnh mờ dường như ngẫu nhiên của tôi. Tôi thích nhiều người khác không thể nâng cấp lên .net 4 để sử dụng UseLayoutRenderingtài sản.

Những gì tôi đã tìm thấy để làm việc:

• Đảm bảo kích thước hình ảnh [gốc] của bạn là bội số của 2. Điều này dường như ngăn chặn một số vấn đề về tỷ lệ hình ảnh thú vị.
• Đôi khi tôi cũng thấy rằng việc điều chỉnh lề trên ảnh bằng pixel hoặc 2 có thể ngăn chặn sự cố.

Suy nghĩ đầu tiên của tôi, khi đọc câu hỏi, là bạn đã thổi tung hình ảnh quá nhiều, nhưng dường như đó không phải là trường hợp nhìn vào hình ảnh bạn có của ứng dụng.

Suy nghĩ thứ hai là bảng màu, nhưng với màu đen là một trong những màu không được hiển thị chính xác, điều này không có khả năng.

Nếu bạn có thể loại trừ hoàn toàn hai điều trên, tôi hiện đang bị bối rối.

Là một thử nghiệm, bạn có thể thử các định dạng đồ họa khác, nhưng PNG sẽ ổn. Tôi sẽ phải suy nghĩ thêm thông qua một số câu trả lời tốt hơn.

Tôi đã thử sử dụng RenderOptions.BitmapScalingMode = HighQuality, có vẻ như gây ra một số vấn đề trong Windows 8.1, vì vậy những gì tôi đã làm là chạy chúng thông qua công cụ có tên PngOut.exe

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

Điều này làm giảm tiêu đề của png, và cũng làm giảm kích thước, nhưng không thay đổi chất lượng hình ảnh.

Và bây giờ tất cả hình ảnh của tôi là hoàn hảo! :-)