ภาพของฉันพร่ามัว! ทำไม SnapsToDevicePixels ของ WPF ไม่ทำงาน

ฉันใช้อิมเมจบางอย่างใน applcation 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การมีคุณภาพสูงหรือเพียงแค่ไม่ประกาศ

เพื่อนบ้านที่ใกล้ที่สุดทำงานให้ฉันยกเว้นจะนำไปสู่บิตแมปแบบ jaggy เมื่อซูมเข้าแอปพลิเคชัน มันก็ดูเหมือนจะไม่ได้แก้ไขข้อบกพร่องใด ๆ ที่ไอคอนมีการปรับขนาดในรูปแบบแปลก ๆ

ในองค์ประกอบรากของคุณ (เช่นหน้าต่างหลักของคุณ) 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 สำหรับ Zack Peterson

ฉันใช้. Net 3.5 sp1 และดูเหมือนโซลูชันที่ง่ายที่สุดสำหรับรูปภาพฟัซซี่จำนวนมาก ไม่ใช่เรื่องใหญ่ที่จะระบุ RenderOptions ในสถานที่ แต่สำหรับองค์ประกอบของบุคคลที่สามสไตล์ในทรัพยากรระดับแอปมีเหตุผล:

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

ทำงานได้ดีเมื่อ AvalonDock เริ่มแสดงผลไอคอนเบลอ

การใช้UseLayoutRounding="True"บนหน้าต่างรากทำงานได้ในหลายกรณี แต่ฉันพบปัญหาเมื่อใช้ตัวควบคุมWPF Ribbon แอปพลิเคชันของฉันขึ้นอยู่กับแท็บบริบทที่ปรากฏตามสิ่งที่ผู้ใช้ทำและเมื่อฉันตั้งค่าUseLayoutRoundingให้Trueแท็บบริบทจะไม่ปรากฏขึ้นและภาพของ RibbonButton นอกจากนี้แอปพลิเคชันค้างเป็นเวลาหลายวินาทีและแฟน CPU เริ่มร้องเพลง

การใช้RenderOptions.BitmapScalingMode="NearestNeighbor"ภาพของฉันแก้ไขปัญหาการเรนเดอร์รูปภาพ (ภาพเลือนและเกรียน) และเข้ากันได้อย่างสมบูรณ์กับการใช้แท็บ Ribbon ตามบริบท

RenderOptions.BitmapScalingMode = "ใกล้เคียงที่สุด" ทำงานได้ดีเกือบตลอดเวลา อย่างไรก็ตามในบางครั้งคุณจะได้รับความผิดพลาดแบบกราฟิก (ในกรณีของฉันภาพจาก 4 ใน 5 ภาพปรากฏได้ดี แต่ภาพที่ห้ามีการบิดเบือนเล็กน้อยที่ขอบขวา) ฉันแก้ไขการเพิ่มระยะขอบด้านขวาของ Image control โดย 1

หากยังไม่สามารถแก้ไขได้ลองใช้ตัวควบคุมคลาส Bitmap ด้านบนที่ EugeneZ กล่าวถึง มันใช้แทนตัวควบคุมรูปภาพและจนถึงตอนนี้มันใช้งานได้ดีสำหรับฉัน ดูhttp://blogs.msdn.com/dwayneneed/archive/2007/10/05/blurry-bitmaps.aspx

ตรวจสอบให้แน่ใจว่าคุณบันทึกภาพใน DPI เดียวกันกับที่แอปพลิเคชัน WPF ของคุณทำงานอยู่รูปแบบภาพบางรูปแบบมีข้อมูลนี้จัดเก็บเป็นข้อมูลเมตา ฉันไม่ทราบว่าจะแก้ปัญหาได้หรือไม่ แต่ฉันได้ซ่อนปัญหาบางอย่างไว้เนื่องจากสิ่งนี้ซึ่งภาพที่ปรับขนาดเป็น 100% ใหญ่กว่าหรือเล็กกว่าที่คาดไว้

อาจเป็นสิ่งที่คล้ายกัน

use UseLayoutRounding = Trueเพื่อองค์ประกอบอันดับต้น ๆ ในแอปพลิเคชันของคุณ

ฉันเชื่อว่านี่เป็นข้อผิดพลาด (หรืออย่างน้อยก็เป็น) ลองดูที่เพจการสนับสนุนทางอีเมลของ Microsoftนี้เพื่อรับแนวคิดในการแก้ไข

ฉันพบว่า RenderOptions.BitmapScalingMode = "ใกล้เคียงที่สุดเพื่อนบ้าน" ไม่ทำงานสำหรับฉัน ฉันใช้ Windows XP x32 กับ DirectX 9.0c เนื่องจากการเรนเดอร์ที่แท้จริงสำหรับ WPF ทำได้ด้วย DirectX นี่อาจมีผลกระทบ ฉันเปิดใช้ anti-aliasing สำหรับ XP ด้วยรายการรีจิสตรีต่อไปนี้:

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

อย่างไรก็ตามการปิดการตั้งค่าเหล่านี้ไม่มีผลกับภาพ ฉันคิดว่าสิ่งนี้มีผลเฉพาะการดู 3D เท่านั้น

ในที่สุดฉันก็พบว่าการเบลอที่เกิดขึ้นกับข้อความของ TextBlocks รวมถึงรูปภาพ และการเบลอจะเกิดขึ้นเฉพาะกับบล็อคข้อความและรูปภาพบางอย่างเท่านั้นไม่ใช่ทั้งหมด

ฉันพบว่าไม่มีวิธีแก้ไขปัญหาที่แนะนำร่วมกันจะช่วยแก้ไขปัญหาภาพเบลอที่สุ่มของฉันได้ ฉันชอบคนอื่น ๆ ไม่สามารถอัพเกรดเป็น. net 4 เพื่อใช้UseLayoutRenderingคุณสมบัตินี้ได้

สิ่งที่ฉันได้พบในการทำงาน:

• ตรวจสอบให้แน่ใจว่าขนาดภาพต้นฉบับของคุณนั้นทวีคูณเป็น 2 ซึ่งจะช่วยป้องกันปัญหาการปรับขนาดภาพที่ขี้ขลาด
• บางครั้งฉันก็พบว่าการปรับระยะขอบของภาพด้วยพิกเซลหรือ 2 สามารถป้องกันปัญหาได้

ความคิดแรกของฉันในการอ่านคำถามคือคุณกำลังทำให้ภาพแตกต่างไปมากเกินไป แต่นั่นไม่ได้เป็นกรณีที่มองภาพที่คุณมีในแอพ

ความคิดที่สองคือจานสี แต่ด้วยสีดำเป็นหนึ่งในสีที่แสดงผลไม่ถูกต้องจึงไม่น่าจะเป็นไปได้

หากคุณสามารถแยกแยะทั้งสองอย่างได้อย่างสมบูรณ์ฉันก็นิ่งงันอยู่ในขณะนี้

ในการทดสอบคุณสามารถลองรูปแบบกราฟิกอื่น ๆ ได้ แต่ PNG น่าจะใช้ได้ ฉันจะต้องคิดให้รอบคอบเพื่อหาคำตอบที่ดีกว่า

ฉันพยายามใช้ RenderOptions.BitmapScalingMode = HighQuality ดูเหมือนว่าจะทำให้เกิดปัญหาบางอย่างใน Windows 8.1 ดังนั้นสิ่งที่ฉันทำคือการเรียกใช้พวกเขาผ่านเครื่องมือที่เรียกว่า PngOut.exe

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

ซึ่งช่วยลดส่วนหัวของ png และยังลดขนาด แต่ไม่เปลี่ยนคุณภาพของภาพ

และตอนนี้ภาพทั้งหมดของฉันสมบูรณ์แบบ! :-)