如何将Rg.Plugins.Popup用于“ SlideDrawer”弹出页面

时间:2018-06-20 17:49:10

标签: xamarin.forms

Rg.Plugins.Popup是一个很好的插件。我们正在尝试实现SlideDrawer(一个弹出页面,该页面将从顶部滑动,并从屏幕顶部覆盖整个屏幕,直到弹出窗口的高度为止)。

我们如何将Rg.Plugins.Popup与动画配合使用以实现此目的?

谢谢, 马诺

1 个答案:

答案 0 :(得分:0)

您可以将RgPlugin的动画与RgPlugin的弹出窗口结合使用,以实现所需的功能。

[https://github.com/rotorgames/Rg.Plugins.Popup/wiki/Animations]

例如,在您提到的情况下,可能如下所示,

<pages:PopupPage
xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:pages="clr-namespace:Rg.Plugins.Popup.Pages;assembly=Rg.Plugins.Popup"
xmlns:animations="clr-namespace:Rg.Plugins.Popup.Animations;assembly=Rg.Plugins.Popup"
x:Class="MyProject.MyPopupPage">
    <pages:PopupPage.Animation>
        <animations:ScaleAnimation 
            PositionIn="Top"
            PositionOut="Top"
            ScaleIn="1.2"
            ScaleOut="1.2"
            DurationIn="400"
            DurationOut="400"
            EasingIn="SinOut"
            EasingOut="SinIn"/>
    </pages:PopupPage.Animation>
    <StackLayout
        VerticalOptions="FillAndExpand" 
        HorizontalOptions="FillAndExpand">
    <!--Your content of drawer-->
    </StackLayout>
</pages:PopupPage>

参考Link