Xamarinで遊んでみる

やりたいこと

Xamarinを使ってiOSのアプリ開発を無料でしたい

レシピ

• GitHub - xamarin/recipes: Xamarin Recipes

教科書

• Xamarin.iOS - Xamarin | Microsoft Docs

• Xamarin 日本語ドキュメントの紹介 : XLsoft エクセルソフト

• Xamarin.iOS - Xamarin

• Creating Mobile Apps with Xamarin.Forms Book First Edition - Xamarin | Microsoft Docs

• Samples - Xamarin

• GitHub - xamarin/ios-samples: Xamarin.iOS sample apps

• Xamarin 日本語情報

• Xamarin 記事一覧 - SIN@SAPPOROWORKSの覚書

• 10分間で分かった気になれるXamarin概要 - Build Insider

• Xamarinを始めよう ～概要とインストール～ (1/3)：CodeZine（コードジン）

• Xamarin StudioでiOSの無料実機テストするまでのメモ書き - Qiita

インストール

1. Mac OS Update

2. Xcode Update

3. Visual Studio for mac Install

実機の準備（例:iOS11.03のiPhone6s）

1. iPhoneをMacにつなぐ

Xcodeの設定

Visual Studioでiphoneでの実機ビルドを行う為に、Xcodeでダミープロジェクトをつくってバンドル識別子を取得する必要がある

1. アカウントの登録

2. プロジェクトの作成（ここでバンドル識別子が取得できる）

   1. iOS

   2. Single View Application

参考：

• Xcode7で1円も払わずに自作iOSアプリを実機確認する - Qiita

• 【Xcode】AppleDeveloperProgramに登録不要！！実機ビルドする方法 - Qiita

• Xamarin StudioでiOSの無料実機テストするまでのメモ書き - Qiita

Visual Studioのプロジェクトの作成（設定）・ビルド

1. 新しいプロジェクトを作る

   1. iOS

   2. Single View Application

2. 作成したプロジェクトのInfo.plistのバンドル識別子を上記の物に変更する

3. 上方タブのDebug -> iPhoneに設定し、横の▷（実行ボタン）をクリック

4. iPhone上で設定→一般→プロファイル→信頼をクリック

上記手順で実行できる

Xamarinの初期コード構成

1. Main.cs

   • アプリケーションのエントリーポイント

2. Info.plist

   • アプリケーション名やバージョンなどを設定できるファイル

3. Main.storyboard

   • 画面を定義する為のストーリーボードファイル

4. ViewController.cs

   • ストーリーボードの画面に対してロジックを奇術するためのクラス

いくつかコードをトライ

ボタンなど基本の操作のサンプル

• recipes/Recipes/ios/standard_controls at master · xamarin/recipes · GitHub

磁気センサ

• Plugins for Xamarinを使いこなすには？（Device Motion ― 磁気センサー／コンパス編） - Build Insider

GPS

• Plugins for Xamarinを使いこなすには？（GPS編） - Build Insider

加速度センサ

• Plugins for Xamarinを使いこなすには？（Device Motion ― 加速度センサー／ジャイロスコープセンサー編） - Build Insider

加速度センサを使う

ViewControllerを以下を参考に書きかえ

• Xamarin.iOSでAccelerometerを使うには？ - Xamarin 日本語情報

• Study/ViewController.cs at master · ytabuchi/Study · GitHub

上記コードの解説

画面サイズ基準でラベルサイズを指定

            // Viewのサイズを取得
            layoutW = View.Bounds.Width;
            layoutH = View.Bounds.Height;

            // Viewサイズを元にLabelサイズを指定
            textW = layoutW / 2;
            textH = layoutH / 6;

デバッグ出力

System.Diagnostics.Debug.WriteLine("Width: {0}, Height: {1}", layoutW, layoutH);

ラベルの作成

            // Label作成＆配置
            var sensorText = new UILabel(new CGRect(layoutW / 2 - textW / 2, layoutH / 2 - textH / 2, textW, textH));
            sensorText.BackgroundColor = UIColor.FromRGB(192, 192, 192);
            sensorText.Lines = 0;
            sensorText.TextAlignment = UITextAlignment.Center;
            sensorText.LineBreakMode = UILineBreakMode.TailTruncation;
            View.AddSubview(sensorText);

加速度の表示＆反映

Frameとは：[iPhone] UIView の frame と bounds の違い | Sun Limited Mt.

           var textLoc = sensorText.Frame;

            motionManager = new CMMotionManager();

            if (motionManager.AccelerometerAvailable)
            {
                // Accelerometer Update間隔
                motionManager.AccelerometerUpdateInterval = 0.015;
                // UpdateがQueueに入る度に処理を行う（多分）
                motionManager.StartAccelerometerUpdates(NSOperationQueue.CurrentQueue, (data, error) =>
                {
                    sensorText.Text = string.Format("X = {0:N4}\nY = {1:N4}", data.Acceleration.X, data.Acceleration.Y);
                    // 現在の位置を取得
                    nowX = sensorText.Frame.X;
                    nowY = sensorText.Frame.Y;

                    System.Diagnostics.Debug.WriteLine("nowX: {0}, nowY: {1}", nowX, nowY);

                    // Viewをはみ出さないようにAccelerometerの値によってLabelを移動
                    if (nowX + (nfloat)data.Acceleration.X * 10 > 0 && nowX + (nfloat)data.Acceleration.X * 10 < layoutW - textW)
                        textLoc.X = nowX + (nfloat)data.Acceleration.X * 10;

                    if (nowY - (nfloat)data.Acceleration.Y * 10 > 0 && nowY - (nfloat)data.Acceleration.Y * 10 < layoutH - textH)
                        textLoc.Y = nowY - (nfloat)data.Acceleration.Y * 10;

                    sensorText.Frame = textLoc;
                });
            }

動作画面

この画面の中央に加速度が表示される

Bluetoothを使う

• RaspberryPizeroでbluetoothシリアル通信をする方法 - Qiita

• GitHub - Picaio/hc06-Xamrin

ハマり個所

• Xcodeの「キーチェーンログインのパスワードを入力してください」でパスワードが通らない - ウェブと食べ物と趣味のこと

所感

これからロボットの操作用IFにスマホを使っていきたい♪