uwp - How to change the InAppnitification's coming in direction?

Question

Currently when Microsoft.Toolkit.Uwp.UI.Controls.InAppnitification shows up, it always comes from botttom to top. But it's weird when I set the InAppnitification's VerticalAlignment to Top.

So is there any example to redefine it's coming in direction.

Also, I have post a feature request on Github. If you want it, please vote.

标签： uwpwindows-community-toolkit

Answer 1

根据 InAppnitification 的文档，有两个属性： Horizo ​​ntalOffset和VerticalOffset。它们控制弹出动画的水平和垂直偏移，您可以更改它们以重新定义通知的弹出方向。例如：

从上到下：

<controls:InAppNotification x:Name="ExampleInAppNotification"
                            Content="This is a test message."
                            ShowDismissButton="True"
                            AnimationDuration="00:00:00.1000000"
                            VerticalOffset="-100"
                            HorizontalOffset="0"
                            StackMode="Replace" />

从左到右：

<controls:InAppNotification x:Name="ExampleInAppNotification"
                            Content="This is a test message."
                            ShowDismissButton="True"
                            AnimationDuration="00:00:00.1000000"
                            VerticalOffset="0"
                            HorizontalOffset="-100"
                            StackMode="Replace" />

从右到左：

<controls:InAppNotification x:Name="ExampleInAppNotification"
                            Content="This is a test message."
                            ShowDismissButton="True"
                            AnimationDuration="00:00:00.1000000"
                            VerticalOffset="0"
                            HorizontalOffset="100"
                            StackMode="Replace" />