7

我正在尝试将 OpacityMask 属性与 VisualBrush 结合使用,以便当您将图像拖到另一个控件(例如另一个图像、矩形或任何其他控件)上时,第二个控件上方的图像部分具有不透明度不同。也就是说,图像具有一些非零的基本不透明度,并且位于另一个控件上方的图像的任何部分都具有不同的(同样,非零)不透明度。

这是否可以简单地使用 VisualBrush 和 OpacityMask?还是需要更复杂的方法?

谢谢!

编辑:我试图使图像具有较低的不透明度(例如 0.5),并且被拖动到控件上的部分具有更高的不透明度(例如 1.0)。我最初忽略了这个细节,这对所采取的方法很重要。

4

2 回答 2

2

除了 ima 的回答之外,我还使用不透明蒙版解决了这个问题。我使用以下代码连接到图像的 LayoutUpdated 事件。

// Make a visual brush out of the masking control.
VisualBrush brush = new VisualBrush(maskingControl);
// Set desired opacity.
brush.Opacity = 1.0;
// Get the offset between the two controls.
Point offset = controlBeingMasked.TranslatePoint(new Point(0, 0), maskingControl);
// Determine the difference in scaling.
Point scale = new Point(maskingControl.ActualWidth / controlBeingMasked.ActualWidth, 
    maskingControl.ActualHeight / controlBeingMasked.ActualHeight);
TransformGroup group = new TransformGroup();
// Set the scale of the mask.
group.Children.Add(new ScaleTransform(scale.X, scale.Y, 0, 0));
// Translate the mask so that it always stays in place.
group.Children.Add(new TranslateTransform(-offset.X, -offset.Y));
// Rotate it by the reverse of the control, to keep it oriented correctly.
// (I am using a ScatterViewItem, which exposes an ActualOrientation property)
group.Children.Add(new RotateTransform(-controlBeingMasked.ActualOrientation, 0, 0));
brush.Transform = group;
controlBeingMasked.OpacityMask = brush;

如果您想要所需的基本不透明度,请使用两个图像;一个始终处于基本不透明度,另一个使用位于其顶部的不透明度蒙版。如果您希望基本不透明度高于蒙版不透明度,那么使用 ima 的方法可能更容易。

与无掩码方法相比,此解决方案的一个优点是,如果掩码控件移动、更改大小等,这将自动获取更改,而无需保持另一个控件与之同步。

这是它的外观:( 来源:yfrog.com

于 2009-08-11T14:23:45.723 回答
1
  • 没有口罩
  • 为控件定义视觉画笔
  • 使用该画笔在控件顶部绘制形状
  • 在形状和控件之间拖动图像
  • 设置画笔的不透明度以达到所需的效果
于 2009-08-11T13:01:20.747 回答