小売業で働く社内SEのブログ

技術メモを適当にかいつまんで記載します

【Xamarin】Xamarin.FormsのNavigationPageでBarを消して(隠して)下からにゅっと出てくるやつ

今回、参考にさせて頂いた元ネタの記事は@ticktackmobileさんの記事です。

ticktack.hatenablog.jp

これを同様の手法でNavigationPageに実装に実装すると

f:id:Einherjar1632:20160220225045g:plain

NavigationPageの仕様上こんな感じでNavigationBarのところで止まります。
これを全画面表示にする場合はSetHasNavigationBar(Xamarin.Forms.BindableObject page, bool value)を使用すると良さそうです。

if (!TweetPage.IsVisible)
{
    NavigationPage.SetHasNavigationBar(this, false);
    await TweetPage.TranslateTo(0, TweetPage.Height, 0);
    TweetPage.IsVisible = !TweetPage.IsVisible;
    await TweetPage.TranslateTo(0, 0, 300);
}

f:id:Einherjar1632:20160220225452g:plain

それっぽく全画面表示で呼び出しが出来ました。