[Experiment] OpacityMaskView #491
Conversation
|
@h82258652 Please run |
| Grid rootGrid = (Grid)GetTemplateChild(RootGridTemplateName); | ||
| ContentPresenter contentPresenter = (ContentPresenter)GetTemplateChild(ContentPresenterTemplateName); | ||
| Rectangle maskRectangle = (Rectangle)GetTemplateChild(MaskRectangleTemplateName); | ||
|
|
||
| _maskBrush = _compositor.CreateMaskBrush(); | ||
| _maskBrush.Source = GetVisualBrush(contentPresenter); | ||
| _mask = GetVisualBrush(maskRectangle); | ||
| _maskBrush.Mask = OpacityMask is null ? null : _mask; | ||
|
|
||
| SpriteVisual redirectVisual = _compositor.CreateSpriteVisual(); | ||
| redirectVisual.RelativeSizeAdjustment = Vector2.One; | ||
| redirectVisual.Brush = _maskBrush; | ||
| ElementCompositionPreview.SetElementChildVisual(rootGrid, redirectVisual); |
There was a problem hiding this comment.
Would it be possible to apply any of this like we do for the AttachedCardShadow/AttachedShadow or UIElementExtensions.VisualFactory components in the Toolkit, so it's just an extension that can be applied to any element directly vs. a ContentControl?
There was a problem hiding this comment.
@michael-hawker I don't think we can do this. Sergio created one like UIElementExtensions.OpacityMask in store, but the position of the redirectVisual is not aligned with the source control at some times. When this happens, we use a Border to wrap the content to fix. I think the one in the toolkit should be more generic.
There was a problem hiding this comment.
Sounds similar to what we have to do for the AttachedDropShadow at times. I think having specific requirements can be fine, it's just extensions are a lot easier to add into a design than having to add another layer of depth to the Visual Tree to all cases and setup the layout. It's probably a case of a templated control vs. a raw-element with the CardShadow too I'd imagine. What are your thoughts @Sergio0694?
…8652/Labs-Windows into opacitymaskview-experiment
There was a problem hiding this comment.
@niels9001 / @Arlodotexe just need latest icon here.
Addressing: #490
