fc2ブログ

記事一覧

画面の回転を検出する方法 | Xamarin.Forms


今回はスマホを縦横に傾けて、画面が回転したイベントを検出する取得する方法についてご紹介いたします。
画面の回転を制御する方法につきましては以前の記事でご紹介しておりますので、ご参考ください。



前提条件
・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



1.実装方法

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)
        {
            //ここに画面サイズが変更になった場合の処理内容を記載します。
        }
    }
}



2.使用方法

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


関連記事

コメント

コメントの投稿

※名前とタイトルが入力されていないコメントでは他のコメントとの区別ができません。

 入力されていないコメントには返信しませんのであらかじめご了承くださいませ。

※ニックネームでも良いので必ずご入力ください。

    

※必ずご入力ください。

    
    

※必ずご入力ください。

※技術的な質問には環境やエラーについて正確かつ詳細にお教えください。

・正確なエラーの内容

・Windowsのバージョン番号

・Visual Studioのバージョン

・機器の型番

・アプリやソフトのバージョン

    

カテゴリ別記事一覧

広告

プロフィール

石河 純


著者名 :石河 純
自己紹介:素人上がりのIT技術者。趣味は卓球・車・ボウリング

IT関連の知識はざっくりとこんな感じです。
【OS関連】
WindowsServer: 2012/2008R2/2003/2000/NT4
Windows: 10/8/7/XP/2000/me/NT4/98
Linux: CentOS RedHatLinux9
Mac: macOS Catalina 10.15 / Mojave 10.14 / High Sierra 10.13 / Sierra 10.12 / OSX Lion 10.7.5 / OSX Snow Leopard 10.6.8
【言語】
VB.net ASP.NET C#.net Java VBA
Xamarin.Forms
【データベース】
Oracle 10g/9i
SQLServer 2016/2008R2/2005/2000
SQLAnywhere 16/11/8
【BI/レポートツール】
Cognos ReportNet (IBM)
Microsoft PowerBI
ActiveReport (GrapeCity)
CrystalReport
【OCX関連】
GrapeCity InputMan SPREAD MultiRow GridView
【ネットワーク関連】
CCNP シスコ技術者認定
Cisco Catalyst シリーズ
Yamaha RTXシリーズ
FireWall関連
【WEB関連】
SEO SEM CSS jQuery IIS6/7 apache2

休みの日は卓球をやっています。
現在、卓球用品通販ショップは休業中です。