読者です 読者をやめる 読者になる 読者になる

Xamarin 日本語情報

Xamarin(ザマリン) の代理店だったエクセルソフト田淵のブログです。主に Xamarin に関するエントリーをアップしていきます。(なるべく正しい有益な情報を掲載していきたいと考えていますが、このブログのエントリーは所属組織の公式見解ではありませんのでご注意ください)

Xamarin.Forms の XAML Previewer を活用しよう

Xamarin Xamarin.Forms Visual Studio Xamarin Studio

こんにちは。エクセルソフトの田淵です。

新年一発目は XAML Previewer についてです。Xamarin.Forms の XAML は手書きする必要があります。Xamarin.Forms で使用できるコントロールは少ないので、すぐに慣れるとは思いますが、ビルドしないと見た目が分からないのは不便ですよね。そのため、現在は XAML Previewer という機能があります。

使い方

Visual Studio の場合は、「表示>その他のウィンドウ>Xamarin.Forms Previewer」をクリックするとウィンドウが表示されます。

f:id:ytabuchi:20170104160942p:plain:w450

その後、XAML を開くとこんな感じで表示されます。Visual Studio の場合は、iOSAndroid のプレビュー共に Mac に接続しないといけない点に注意してください。

f:id:ytabuchi:20170104155703p:plain:w450

f:id:ytabuchi:20170104155717p:plain:w450

Xamarin Studio の場合は、XAML ファイルを右クリックして、「プログラムから開く>XAML Viewer」をクリックすると、プレビューできる状態で XAML を編集できます。

f:id:ytabuchi:20170104161039p:plain:w450

こんな感じで表示されます。

f:id:ytabuchi:20170104102036p:plain:w450

f:id:ytabuchi:20170104102108p:plain:w450

動いてるところ

こんな感じです。

リアルタイムで反映されていくので、レイアウトを決めるときなどに重宝すると思います。ご活用ください。

データバインディング

ListView でデータバインディングの結果をプレビューしたい場合は、以下の記事を参考にしてください。

ytabuchi.hatenablog.com

Xamarin 気になった方は

是非 ダウンロード して触ってみてください。Visual Studio 2015 をご利用の方は Update 3 にアップデートする際にカスタムインストールで Xamarin を追加しましょう。 学習用リソースJXUG リンクページ に参考資料を纏めてますので併せてどうぞ。

Xamarin の導入支援サービスを始めました。ベースは基本的なアプリを一緒に作ることで Xamarin を使えるようになって頂く内容ですが、ご要望に応じて講習内容のカスタマイズも可能です。詳しくは田淵までお問い合わせください(^^)

有償セミナー、トレーニング | Xamarin : XLsoft エクセルソフト

Xamarin の情報が欲しい方はこのブログも購読いただいたり、私のTwitterアカウントをフォローいただいたりすると嬉しいです。

私が所属している エクセルソフト の宣伝を少しさせてください。弊社は開発者向けの様々なソフトウェアを扱っています。おなじみの ReSharper (JetBrains)、 や Atlassian の JIRA, Confluence、Office/PDF ファイルを .NET/Java で操作するライブラリ Aspose(アスポーズ)Windows アプリ、Web ページ、iOS/Android アプリの UI テストができる TestComplete などお勧めです(^^) また、Visual Studio Professional/Enterprise with MSDN も販売してますし、日本で売っていない海外のソフトウェア、開発ツールなどを弊社経由で日本円で購入頂くことも可能です。ご興味あれば 弊社ページ を覗いてみてください。

以上です。