Xamarin Workbooks で Xamarin.Forms のコードを書きたい

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

まどすたで @atsushieno さんと Build、Evolve 振り返りというタイトルで登壇しました。その中で Xamarin Workbooks のデモをしたのですが、準備の時間があまり取れず、公式のサンプルを動かすだけになってしまいました。すみません。

Forms で動かせるの？というような話が出ていたところ、できるということだったので試してみました。

@ytabuchi @atsushieno @nuits_jp WorkBooksで Xamarin.Forms 動かしてる例ならありますよ。https://t.co/lJ7kAo6dms
— Xamarin.Formsマン(求職中) (@ticktackmobile) 2016年5月21日

以下は、Workbooks を保存してできる Markdown ファイル .md をコピペして、はてなブログ用にシンタックスハイライト用の csharp の記述を cs に変更して、画像を追加しただけです！確かにめっちゃ便利かも。（画像はどうするのが良いですかね？）

Xamarin.Formsを Xamarin Workbooks で使うには？

File > Add Package から［Xamarin.Forms］を追加します。

f:id:ytabuchi:20160521170813p:plain:w450

f:id:ytabuchi:20160521170918p:plain:w450

#r "Xamarin.Forms.Platform.iOS"
#r "Xamarin.Forms.Core"
#r "Xamarin.Forms.Xaml"
#r "Xamarin.Forms.Platform"

f:id:ytabuchi:20160521170936p:plain:w450

自動的に上記が追加されますので、C# コードを追加していきましょう。

using Xamarin.Forms;
using Xamarin.Forms.Platform.iOS;

App.cs と適当なページを作成しましょう。

public class SamplePage : ContentPage
{
    public SamplePage()
    {
        var label = new Label
        {
            Text = "Hello Xamarin.Forms on Workbooks!",
            VerticalOptions = LayoutOptions.Center,
            HorizontalTextAlignment = TextAlignment.Center
        };
        
        Content = label;
    }
}

public class App : Application
{
    public App()
    {
        MainPage = new NavigationPage(new SamplePage());
    }
}

Workbooks で実行するには以下のおまじないを追加する必要があります。

Xamarin.Forms.Forms.Init();
var a = new App();
KeyWindow.RootViewController = a.MainPage.CreateViewController();

動いた

無事動きましたー！！

f:id:ytabuchi:20160521171440p:plain:w450

Xamarin Workbooks は Preview 版です。コチラからダウンロードして試してみてください。

@ytabuchi @ticktackmobile @atsushieno 真似しようと思ったら、そもそもAddPackageできねぇし。やっぱWindows不遇 pic.twitter.com/kmEeB67361
— Atsushi Nakamura (@nuits_jp) 2016年5月21日

Mac 版がおすすめですｗｗ

以下は Gist です。

gist.github.com

Xamarin 気になった方は

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

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

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

以上です。