コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
ステータスバーを非表示にする方法 | Xamarin.iOS
- 2017/11/28
- 19:55
今回は、iPhone画面上部に表示されているステータスバー（時刻・電波の状態・電池の残量）を非表示にする方法をご紹介いたします。
iPhoneを横向きにすると縦幅が短くなるため、ステータスバーが表 示されていると表示領域が狭まります。また、横向きの状態でステータスバーが表示されたままページ遷移すると他のページでも画面描画に不具合が生じる現象も、ステータスバーを表示しないことで対応ができることを確認しました。
前提条件
・Windows10 Pro 64Bit
・Visual Studio 2015 Community Update3
・Xamarin 4.7.9.45 (NuGet Xamarin.Forms 2.4.0.282)
・macOS Sierra 10.12.6 / Xcode 9 / Xamarin.iOS 11.0.0.0
１．現象について
デフォルトでは画面を縦向きから横向きに回転すると、ステータスバーが非表示になりますが、横向きのままページ遷移してNavigationのRootPageに戻るとステータスバーが再度表示されてしまいます。
そうすると再度他のページに遷移した場合にページの描画がおかしくなってしまいます。（下図の赤枠部分のように空白のスペースができてしまいます）
後述のレンダラーを適用すると、正しく表示されるようになります。
２．実装方法
ページレンダラーを継承したカスタムレンダラーを作成します。iOSプロジェクトの任意のフォルダに格納するだけでステータスバーが表示されなくなります。
CustomPageRenderer.cs
using UIKit;
using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;
using AppName.iOS.Renderer;
[assembly: ExportRenderer(typeof(Page), typeof(CustomPageRenderer))]
namespace AppName.iOS.Renderer
{
public class CustomPageRenderer : PageRenderer
{
//ステータスバーを消す
public override bool PrefersStatusBarHidden()
{
var orientation = UIApplication.SharedApplication.StatusBarOrientation;
if (orientation != UIInterfaceOrientation.Portrait)
{
//横向きの場合にHideに設定する
return true;
}
return base.PrefersStatusBarHidden();
}
}
}
※iOS7以降が動作対象となります
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
Facebook Graph API v2の使用方法 -ログイン・アクセストークン取得・プロフィール情報取得- | Xamarin.Forms ホーム
画面の回転を検出する方法 | Xamarin.Forms
