MBP(はてな)

MacBook Pro,iPhone Xs,Moto360,Nexus7

Visual Studio for Mac (Xamarin)

Xamarin.Formsには画面デザイナがない

なぜかプレビューが表示されなくなった。実機を接続していないから?

Download

インストールする。
iOSにチェックをつけてインストール
Download Size 1.7GB
7分くらいでダウンロードが完了、インストール後、Visual Studio for Macが起動。

Projectsフォルダをコピーして、
Projects/KitchenTimerAndroid/KitchenTimerAndroid.slnをダブルクリック
Download and Install

XperiaをUSBで接続。
Sony SO-04E (API 17)を選択して実行すると、
画面で何度かインストールしてをクリックした後、
画面が表示される。

◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆

New Project
Multiplatform - App - Xamarim.Forms - Blank Forms App
Next
App Name:HelloXamarinForms
Target Platform Android
Use .NET Standardが選択できない。→.NET Core SDK 2.2をインストール
.NET Core
念の為、Visual Studioを再起動すると、.NET Core - Libraryが表示された。
Use .NET Standardも選択できるようになった。
Use git
エラーが出て実行できない。

Multiplatformではなく、Android appは、Xperiaで実行できた。


SQL Serverにアクセス
cd github
git clone https://github.com/biac/codezine
UF03.slnをダブルクリックして開く。
Xamarin.FormsSample.Androidを選択して、
Sony SO-04Eを選択して、実行。
SQLがないためエラー。

UF03/Solution Items/instnwnd.sql DB作成
UF03StdLib/Northwind.cs DB接続先
66行目 da.Fill コメントアウトで、DBに接続しないので画面が表示される
XamarinFomrsSample/Getting Started
MainPage.xamlをダブルクリックで左にソース、右に画面表示
  ソースを変更すると、画面が更新される
  Previewボタンで表示・非表示
  Toolboxに何も表示されない
  Document Outlineは表示される。クリックすると、ソースがハイライト。
  BackgroundColorの値で、bと入力すると候補が表示される
HeightRequestで高さを設定
  LabelをEntryに変更すると、テキスト入力エリアになる参考
  Buttonに変更すると、ボタンになる
 MainPage.xaml.csにListView1.ItemSouce = dt.Rows
XamarinFormsSample.Android/Properties/AndroidMainfest.xmlAndroid versionを設定

ボタンクリックイベントを追加するには、
MainPage.xamlのButtonにClicked="Handle_Clicked"を追加し、MainPage.xaml.csでEnterでイベント挿入。
 ボタンクリック時にラベルのテキストを変更するには、 ラベルにx:Nameで名前をつけて、 Pic.Text = "Hello!";
参考

UF03StdLib/Northwind.csのDbDataAdapterをF12で定義を見ると、
SelectCommand他の使えるメソッドを確認できる。

ExecuteReader()

Dbcommand parameter

Manage Android DeviceでAPI19のDeviceを追加可能
エミュレータで起動できた。

command + w で閉じる
command + Shift + f でソリューション全体検索、現在のプロジェクト検索など

SQLServerを動かす
Download Docker Desktop for Mac
Dockerを起動。少し待つと、$ docker -vが使える。
$ sea npm して、$ b npm でインストール。
$ dotnet new console

複数起動
open -n /Applications/Visual\ Studio.app
参考

UF03NativeをXamarin.AndroidでBlankで作成
FinderでUF03StdLibをコピーして、プロジェクトを追加
Referencesに参照を追加 Projectタブを選択して、UF03StdLibを選択

Xamari.Nativeで.NEt Standard 2.0

Visual Studio for Mac Tour

Xamarin Documentation

Xamarin.Forms Namespace Button
DatePicker Class
InputView Class
Label Class
ListVIew Class



参考リンク

Xmarin.Forms 入門ガイド

Xamarin日本語情報

Xamarin.Forms入門

Xamarin.Forms Samples

Xamarin.Forms Quickstart DeepDive

Mobileアプリサンプル

イベントハンドラー

コントロール一覧

コンボボックス Pkcker

日付選択 DatePicker

SQL Serverに直接接続

SQLiteの利用

Xamarin 逆引き

メッセージ表示 DisplayAlert

Xamari.AndroidをXamarin.iOSに移植

C#erに捧ぐAndroidのDataBinding事情

関連ページ一覧

今から始める

Xamarin概要

materialデザイン

Xamarin Android Visual Studio

Windows 10

Visual Studio Communityをダウンロードして、
vs_setupを起動。
.NETによるモバイル開発をチェックして、インストールボタン(必要な領域13.73GB)
ネット接続が必要?(ダウンロードしています 0KB/3.17GB)

Visual Studioを起動sいて、
「ファイル」-「新規作成」-「プロジェクト」
Visual C#Androidを選択し、Androidアプリ(Xamarin)を選択して、
ソース管理に追加をチェックして、OK

単一ビューアプリを選択し、Minimum Android Versionを4.2(デフォルト5.0)にして、OK