Rg.Popup-Xamarin Forms使用チュートリアル

これはpopupを強化するプラグインで、ここでは使い方だけを話して、原理を話さない.ステップ1:Nugetパッケージをインストールし、Pclプロジェクトで「Rg.Plugins.Popup」を検索します.著者はKirill Lyubimovで、他のプロジェクトはインストールする必要はありません.(Nugetチュートリアルをインストール)第2ステップ:popupページを作成する(ポップアップ表示のページを作成する)第3ステップ:PopupNavigationクラスのいくつかのナビゲーション方法を使用します.
はい、基本手順を知ってからチュートリアルを始めます.第一歩はどのように操作するか知っているはずで、あまり話さない.
第2歩に重点を置きます:第2歩の内容は比較的に多くて、私達は1つ1つ操作します.
(1)Demo(クロスプラットフォームプロジェクト)という新しいプロジェクトを作成する
(2)PopupのPageを作成する
新しい項目:——タイプ選択:Forms Blank Content Page Xaml、名前はDemoPopupPageでしょう.
(3)DemoPopupPage.Xamlページにはこのように書かなければなりません

次は「コードブロック1」です.

上のコードについて少し説明します.
Animations:Scaleアニメーションを使用したPositionIn/PositionOutプロパティの表示

  Popup          /  。  ：
Center,Left,Right,Top,Bottom     ，     MoveAnimationOptions，      。

概要-PositionIn/PositionOut

  Popup  /         

ScaleIn/ScaleOutについて

    /           Popup   

EasingInについて

       。   
* Linear;       。
* SinOut;       ，      
* SinIn;        ，    
* SinInOut;     ，Popup         
* CubicIn;        ，        。
* CubicOut;       。，        。
* CubicInOut    。     。
* BounceOut;  3 ，      
* BounceIn;   2 ，        
* SpringIn;       ，     
* SpringOut; BounceIn    ，       

Ps:これらのアトリビュートは、異なるアニメーションタイプで表示される効果が異なります.これらのアトリビュートは形容詞に似ています.ここに挿入されたスケールアニメーションは、線形に変化するスケールアニメーションです.
Ok、他のアニメも大同小異.そしてここまでは大きな問題はありません.2つの点に注意してください.1階のレイアウトはStackLayout、Gridのようなレイアウトでなければなりません.そして、2階のレイアウトは必ずFrame(背景を全部覆わないように)で、次のレベルのレイアウトは通常のレイアウトと同じです.サンプルコード:

Ps:StackLayoutのVerticalOptions="Center"HorizontalOptions="Center"は、このPopupが画面の真ん中にあることを示し、修正は他の場所に表示されます.
カスタムアニメーションかすたむあにめーしょん:空いてから