如何改变 InAppnitification 的方向?
How to change the InAppnitification's coming in direction?
目前Microsoft.Toolkit.Uwp.UI.Controls.InAppnitification
出现时,总是从下到上。但是当我将 InAppnitification
的 VerticalAlignment
设置为 Top
.
时很奇怪
那么有没有什么例子可以重新定义它的方向。
此外,我在 Github 上有 post 个 feature request。如果你想要,请投票。
基于InAppnitification的document,有两个属性:HorizontalOffset和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" />
目前Microsoft.Toolkit.Uwp.UI.Controls.InAppnitification
出现时,总是从下到上。但是当我将 InAppnitification
的 VerticalAlignment
设置为 Top
.
那么有没有什么例子可以重新定义它的方向。
此外,我在 Github 上有 post 个 feature request。如果你想要,请投票。
基于InAppnitification的document,有两个属性:HorizontalOffset和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" />