Làm cách nào để tô sáng/phác thảo đối tượng Visual trong WPF?

Question

Nếu tôi có Canvas với n số đối tượng Hình ảnh của bất kỳ hình dạng hoặc kích thước nào, tôi sẽ làm nổi bật/phác thảo đối tượng Visual bằng cách nào?

Có điều gì đó được tích hợp vào WPF để giúp tôi không?

Answer 1

Sau khi đọc nhận xét trong câu trả lời khác - trong đó bạn tuyên bố rằng bạn muốn đường viền phù hợp với hình dạng của hình ảnh - tôi chỉ có thể gợi ý bạn hãy xem BitmapEffects. Có một cho một hiệu ứng Outer Glow.

Nhân đôi hình ảnh có thể sẽ kém hiệu quả hơn và có thể sẽ tạo ra một số lượng lớn các biến chứng do các khía cạnh khác của các mục đó, chẳng hạn như mọi ràng buộc.

Chỉnh sửa: Trong thuộc tính .NET 4.0, BitmapEffects và lớp BitmapEffect đã lỗi thời. Bạn sẽ nhận được một ngoại lệ ném. Thay vào đó, bây giờ bạn có lớp học System.Windows.Media.Effects.Effect và các lớp dẫn xuất của nó, cùng với các thuộc tính như Visual.VisualEffect.

Answer 2

Nếu bạn bọc các đối tượng Hình ảnh đó trong một Đường viền ... và làm cho Opacity 0 theo mặc định ... thì bạn có thể biến Opacity thành 1 bất cứ khi nào bạn cần.

Điều đó có hữu ích không?

Answer 3

Joel có một gợi ý tuyệt vời về việc sử dụng BitmapEffects.

Tuy nhiên, nếu bạn có thể sử dụng .NET 3.5 SP1, tôi sẽ hướng bạn về phía Hiệu ứng kết xuất GPU. Vì vậy, thay vì sử dụng UIElement.BitmapEffect, bạn sẽ sử dụng UIElement.Effect. .NET 3.5 SP1 có hai hiệu ứng GPU được xây dựng trong: BlurEffect và DropShadowEffect. Bạn cũng có thể tạo các hiệu ứng GPU của riêng mình ... và đây là nơi bạn sẽ sử dụng ShaderEffect.

Kiểm tra bài đăng trên blog của Greg Schechter series để biết thêm thông tin. Dưới đây là một đoạn mã cho một hiệu ứng chuột mà tôi vừa mới triển khai vài ngày trước (nó thực sự xuất hiện giống như hiệu ứng bitmap phát sáng bên ngoài do ShadowDepth là 0, nhưng không chính xác):

<Path 
    x:Name="mouseOverEffect" 
    Width="80" 
    Height="43.916" 
    Stretch="None" 
    Fill="#FFFFFFFF" 
    Opacity="0" 
> 
    <Path.Data> 
     <PathGeometry FillRule="Nonzero"> 
      <PathFigure IsClosed="True" StartPoint="39.9592899612151,25.9913931634531"> 
       <LineSegment Point="80.0000001464848,43.9159987905149"/> 
       <LineSegment Point="39.9513899394755,4.97379893856246E-14"/> 
       <LineSegment Point="1.77635636294422E-15,43.9159987905149"/> 
       <LineSegment Point="39.9592899612151,25.9913931634531"/> 
      </PathFigure> 
     </PathGeometry> 
    </Path.Data> 
    <Path.Effect> 
     <DropShadowEffect 
      Color="#FFFFFFFF" 
      BlurRadius="10" 
      ShadowDepth="0" 
     /> 
    </Path.Effect> 
</Path>