コメント
コメントの投稿
※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。
入力されていないコメントには返信しませんのであらかじめご了承くださいませ。
画面の回転を検出する方法 | Xamarin.Forms
- 2017/11/27
- 11:39
今回はスマホを縦横に傾けて、画面が回転したイベントを検出する取得する方法についてご紹介いたします。
画面の回転を制御する方法につきましては以前の記事でご紹介しておりますので、ご参考ください。
前提条件
・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
１．実装方法
PCLのContentPageに記載します。ContentPageの派生クラス「BaseContentPage」などを作成して全てのページに継承させると便利です。
・OnSizeAllocatedイベント
画面サイズが割り当てられた場合（ページが描画された瞬間）も発生します。
・OnSizeChangedイベント
画面サイズが変更になった場合のみ発生します。
※いずれも画面が回転した場合にイベント発生します。
BaseContentPage.cs
namespace AppName.Controls
{
public class BaseContentPage : ContentPage
{
public BaseContentPage() : base()
{
this.SizeChanged += this.OnSizeChanged;
}
private double width = 0;
private double height = 0;
protected override void OnSizeAllocated(double width, double height)
{
base.OnSizeAllocated(width, height);
if (this.width != width || this.height != height)
{
this.width = width;
this.height = height;
//ここに画面サイズが割り当てられた場合の処理内容を記載します。
}
}
protected void OnSizeChanged(object sender, EventArgs e)
{
//ここに画面サイズが変更になった場合の処理内容を記載します。
}
}
}
２．使用方法
BaseContentPage を 適用するには Xaml と Xaml.cs の両方を変更する必要があります。Xaml.csファイルでは継承を BaseContentPage に変更するだけです。TestPage.xaml.cs
using AppName.Controls;
Using AppName.Services;
using Xamarin.Forms;
namespace Views
public class TestPage : BaseContentPage
{
//内容は省略
}
}
XAMLにも変更が必要です。xmlns:base=で任意の名称を定義しています。
TestPage.xaml
<?xml version="1.0" encoding="utf-8" ?>
<base:BaseContentPage xmlns="http://xamarin.com/schemas/2014/forms"
xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
xmlns:base="clr-namespace:AppName.Controls;assembly=AppName"
x:Class="AppName.Views.TestPage">
<base:BaseContentPage.Content>
<!--内容は省略-->
</base:BaseContentPage.Content>
</base:BaseContentPage>
最後までお読みいただきありがとうございます。
当ブログの内容をまとめた Xamarin逆引きメニュー は以下のURLからご覧になれます。
https://itblog.dynaspo.com/blog-entry-81.html
