コンパスを使用する

2025-06-10

コンパスを使用して現在の見出しを決定する方法について説明します。

重要な API

[前提条件]

拡張アプリケーションマークアップ言語 (XAML)、Microsoft Visual C#、およびイベントについて理解している必要があります。

使用しているデバイスまたはエミュレーターは、コンパスをサポートしている必要があります。

シンプルなコンパスアプリを作成する

アプリは、磁北または真北に関して現在の方位を取得できます。ナビゲーションアプリでは、コンパスを使用してデバイスが向いている方向を決定し、それに応じてマップの向きを決定します。

注

より完全な実装については、コンパスのサンプルを参照してください。

インストラクション

Visual C# プロジェクトテンプレートから Blank App (ユニバーサル Windows) を選択して、新しいプロジェクトを作成します。
プロジェクトのMainPage.xaml.cs ファイルを開き、既存のコードを次のコードに置き換えます。

    using System;
    using System.Collections.Generic;
    using System.IO;
    using System.Linq;
    using Windows.Foundation;
    using Windows.Foundation.Collections;
    using Windows.UI.Xaml;
    using Windows.UI.Xaml.Controls;
    using Windows.UI.Xaml.Controls.Primitives;
    using Windows.UI.Xaml.Data;
    using Windows.UI.Xaml.Input;
    using Windows.UI.Xaml.Media;
    using Windows.UI.Xaml.Navigation;

    using Windows.UI.Core; // Required to access the core dispatcher object
    using Windows.Devices.Sensors; // Required to access the sensor platform and the compass


    namespace App1
    {
        /// <summary>
        /// An empty page that can be used on its own or navigated to within a Frame.
        /// </summary>
        public sealed partial class MainPage : Page
        {
            private Compass _compass; // Our app' s compass object

            // This event handler writes the current compass reading to
            // the textblocks on the app' s main page.

            private async void ReadingChanged(object sender, CompassReadingChangedEventArgs e)
            {
               await Dispatcher.RunAsync(CoreDispatcherPriority.Normal, () =>
                {
                    CompassReading reading = e.Reading;
                    txtMagnetic.Text = String.Format("{0,5:0.00}", reading.HeadingMagneticNorth);
                    if (reading.HeadingTrueNorth.HasValue)
                        txtNorth.Text = String.Format("{0,5:0.00}", reading.HeadingTrueNorth);
                    else
                        txtNorth.Text = "No reading.";
                });
            }

            public MainPage()
            {
                this.InitializeComponent();
               _compass = Compass.GetDefault(); // Get the default compass object

                // Assign an event handler for the compass reading-changed event
                if (_compass != null)
                {
                    // Establish the report interval for all scenarios
                    uint minReportInterval = _compass.MinimumReportInterval;
                    uint reportInterval = minReportInterval > 16 ? minReportInterval : 16;
                    _compass.ReportInterval = reportInterval;
                    _compass.ReadingChanged += new TypedEventHandler<Compass, CompassReadingChangedEventArgs>(ReadingChanged);
                }
            }
        }
    }

前のスニペットの名前空間の名前をプロジェクトに指定した名前に変更する必要があります。たとえば、 CompassCS という名前のプロジェクトを作成した場合、 namespace App1 を namespace CompassCS に置き換えます。

MainPage.xaml ファイルを開き、元の内容を次の XML に置き換えます。

    <Page
        x:Class="App1.MainPage"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="using:App1"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        mc:Ignorable="d">

        <Grid x:Name="LayoutRoot" Background="#FF0C0C0C">
            <TextBlock HorizontalAlignment="Left" Height="22" Margin="8,18,0,0" TextWrapping="Wrap" Text="Magnetic Heading:" VerticalAlignment="Top" Width="104" Foreground="#FFFBF9F9"/>
            <TextBlock HorizontalAlignment="Left" Height="18" Margin="8,58,0,0" TextWrapping="Wrap" Text="True North Heading:" VerticalAlignment="Top" Width="104" Foreground="#FFF3F3F3"/>
            <TextBlock x:Name="txtMagnetic" HorizontalAlignment="Left" Height="22" Margin="130,18,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="116" Foreground="#FFFBF6F6"/>
            <TextBlock x:Name="txtNorth" HorizontalAlignment="Left" Height="18" Margin="130,58,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="116" Foreground="#FFF5F1F1"/>

         </Grid>
    </Page>

前のスニペットのクラス名の最初の部分をアプリの名前空間に置き換える必要があります。たとえば、 CompassCS という名前のプロジェクトを作成した場合、 x:Class="App1.MainPage" を x:Class="CompassCS.MainPage" に置き換えます。また、xmlns:local="using:App1" を xmlns:local="using:CompassCS"に置き換える必要があります。

F5 キー 押すか、[デバッグ]>[デバッグの開始] を選択して、アプリをビルド、デプロイ、および実行します。

アプリが実行されたら、デバイスを移動するかエミュレーターツールを使用してコンパスの値を変更できます。

Visual Studio に戻り、Shift キーを押しながら F5 キーを押してアプリを停止するか、[デバッグ][デバッグの停止] 選択してアプリを停止します。

説明

前の例では、コンパス入力をアプリに統合するために記述する必要があるコードの量を示しています。

アプリは MainPage メソッドの既定のコンパスとの接続を確立します。

_compass = Compass.GetDefault(); // Get the default compass object

アプリは、MainPage メソッド内でレポート間隔を確立します。このコードは、デバイスでサポートされている最小間隔を取得し、16 ミリ秒 (約 60 Hz のリフレッシュレート) の要求された間隔と比較します。サポートされる最小間隔が要求された間隔より大きい場合、コードは値を最小値に設定します。それ以外の場合は、要求された間隔に値が設定されます。

uint minReportInterval = _compass.MinimumReportInterval;
uint reportInterval = minReportInterval > 16 ? minReportInterval : 16;
_compass.ReportInterval = reportInterval;

新しいコンパスデータは 、ReadingChanged メソッドでキャプチャされます。センサードライバーは、センサーから新しいデータを受信するたびに、このイベントハンドラーを使用して値をアプリに渡します。アプリは、このイベントハンドラーを次の行に登録します。

_compass.ReadingChanged += new TypedEventHandler<Compass,
CompassReadingChangedEventArgs>(ReadingChanged);

これらの新しい値は、プロジェクトの XAML で見つかった TextBlock に書き込まれます。

 <TextBlock HorizontalAlignment="Left" Height="22" Margin="8,18,0,0" TextWrapping="Wrap" Text="Magnetic Heading:" VerticalAlignment="Top" Width="104" Foreground="#FFFBF9F9"/>
 <TextBlock HorizontalAlignment="Left" Height="18" Margin="8,58,0,0" TextWrapping="Wrap" Text="True North Heading:" VerticalAlignment="Top" Width="104" Foreground="#FFF3F3F3"/>
 <TextBlock x:Name="txtMagnetic" HorizontalAlignment="Left" Height="22" Margin="130,18,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="116" Foreground="#FFFBF6F6"/>
 <TextBlock x:Name="txtNorth" HorizontalAlignment="Left" Height="18" Margin="130,58,0,0" TextWrapping="Wrap" Text="TextBlock" VerticalAlignment="Top" Width="116" Foreground="#FFF5F1F1"/>

次の方法で共有

コンパスを使用する

[前提条件]

シンプルなコンパス アプリを作成する

インストラクション

説明

フィードバック

その他のリソース

シンプルなコンパスアプリを作成する