Xamarin.Forms 3.0からCSS Supportが追加されます。(ASP .NET辺りの人たちにリーチしていく狙いらしい？) 一部制限はあるものの大体の機能がそのまま使えるようです、よってこの記事ではXamarin.Forms固有の事情を中心に説明します。 詳しく知りたい人は元のPull Requestを読んでください。 セレクタ関係 要素の指定 CSSにおけるHTML要素名の指定はC#クラス名の指定に置き換えられます。大文字小文字は無視されます。 /* CSS */ boxview { background-color: pink; } BoxViewクラスの背景色がピンクになります。 StyleClass CSSにおけるclass属性にはStyleClassプロパティが対応します。(代わりにclassプロパティでも良いです) /* CSS */ .centerelement

Xamarin.Forms 2.3.4-preで新しいOnPlatformの仕組みが導入され、従来の物は非推奨となります。 概要 動作プラットフォームを文字列で判別するアプローチに変更(従来はenum) Xamarin.Formsがサポートしていないプラットフォームへの対応が容易に(Tizenとか) XAMLのOnPlatformで複数のプラットフォームに対してまとめて値を設定可能に Device.OnPlatform(), Device.OnPlatform<T>() は実質廃止 RuntimePlatform これまで、実行中のプラットフォームを取得するにはenum TargetPlatform型のDevice.OSプロパティを使用して来ました。 これを置き換える形でstring型のDevice.RuntimePlatformプロパティが新しく定義されます。 (Xamarin.Form

Xamarin.Forms 2.3.3で Platform Specifics という機能が追加されました。 これはPCLなどの共通コードからプラットフォーム固有の機能を呼び出したりする類のものです。(ただしコードビハインド限定) Forumでの紹介文によると... Introducing Platform Specifics! Features or behaviors that apply to one platform only can now be implemented without requiring custom renderers. These new features/behaviors can then be accessed easily via a fluent code API or XAML. Vendors can easily add their own

teratail.com Teratailの"Xamarin Studioで幅は画面と同じ大きさ、高さが画面の幅に対して50%のViewを作りたい"(iOS)という質問に回答した時に、Aspect RatioのConstraint便利だなーと思ったのでXamarin.Formsでも同じようなことをやってみましょう。 C#でイベントハンドリングすれば実現できることは自明なので、XAMLで行いきます。 Bindingで縦横サイズを同じにすることができるので、ここにConverterをかませて比率を変えてやります。 こんな感じのConverterを定義、比率はConverterParameterで指定します。 using System; using System.Globalization; using Xamarin.Forms; namespace XFApp34 { public clas

この記事はXamarin.Formsの標準コントロールだけでは対応しきれなくなった時、ViewRendererを駆使した独自コントロールで乗り越えるためのチュートリアルです。 目次 Xamarin.Formsコントロールの仕組み 独自のコントロールを作る Binding可能なプロパティでNaitiveコントロールと連携する NativeコントロールからFormsコントロールにメッセージを送る FormsコントロールからNativeコントロールにメッセージを送る さらなるステップアップ Xamarin.Formsコントロールの仕組み 最初にXamarin.Formsのコントロールがどのような仕組みで成り立っているか確認しておきましょう。 Xamarin.Formsでは各プラットフォームのコントロールをラップし、抽象化したコントロールを定義する事でView層コードの共通化を可能としています。

5/10にRealmのXamarin対応版が公開されたので試してみました。 Realm Xamarinを公開！ - Realm is a mobile database: a replacement for SQLite & Core Data RealmはSQLiteやCoreDataから置き換わることを目標とするモバイルデータベースです。 Realm Xamarin自体はまだベータ版といったところですが、データベースエンジン自体は先にリリースされているJava版、Objective‑C版、Swift版と同じらしいので安心ですね。 という訳でRealm Xamarinを試すにあたってSQLiteが使われているTodoアプリのサンプルをRealmバージョンに改造してみました。 ソースコードはGitHubに置いてあります。 P3PPP/xamarin-todo-with-realm 使ってみ

Evelve 2016で紹介されたXamarin.Forms Themesが(ようやく)NuGetに配信されました。 中身のdllを見る限り、現時点ではiOS、Androidのみ対応しているようですね。 早速試した方がいらっしゃいます！ Xamarinメモ その18 Xamarin.Forms.ThemesをPrism.Unity.Formsと併用する場合の注意 – A certain engineer "COMPLEX" 僭越ながら補足させていただくと... 補足1 App.xamlの追加方法は @omanuke さんの記事を参考にすると良いでしょう。 補足2 「assemblyがロードされない場合」が発生する理由は、XAMLしか参照していないassemblyはリンカが依存関係を検出できないためアプリパッケージにプラットフォーム実装dllが含まれなくなるからです。 よって、コードビハイン

Xamarin.Forms 2.2から Layout.Children や ContentView.Content に各プラットフォームのネイティブコントロールを埋め込めるようになり、Evolve 2016のキーノートでも紹介されました。 このフィーチャーを使うとCustomRendererよりもカジュアルにネイティブコントロールを利用できます。 キーノートのブログ Live from Evolve: Faster and Easier Mobile App Development with Xamarin.Forms | Xamarin Blog ドキュメント Native Embedding - Xamarin 条件 ネイティブコントロールの埋め込みを行うにはSharedプロジェクト内のコードで、プラットフォーム毎に#ifディレクティブで記述します。PCLプロジェクトでは使用できません

Xamarin Evolve 2016のキーノートで遂に来ました！ 念願のXAMLプレビューが！Xamarin.Formsに！ 呼称は Xamarin.Forms Previewer だそうです。 というわけで早速試してみた様子がこちら XAML Previewer動いたよん❤️ pic.twitter.com/Qtx9V7CKO1— Xamarin.Formsヒトバシラー (@ticktackmobile) 2016年4月28日 どこまでが必須か分からないけどXAMLプレビュー動くまでにやった事 ・Xamarin Studio(Mac)をAlphaチャネルでアップデート ・Mac OSを最新にアップデート ・Xcodeを最新にアップデート ・Xcodeを１度起動して、関連ツール(？)アップデート 続く— Xamarin.Formsヒトバシラー (@ticktackmobile) 2016

https://github.com/P3PPP/MapExtensions コンセプトはXamarin.Forms 2.1.0で追加されたEffectsを利用して、Mapコントロールを継承することなく機能を追加するというもの。 つまり、従来のカスタムMapにも適用可能。 NuGetにもすでに上がってます。 https://nuget.org/packages/Xam.MapExtensions.Forms.Plugin/ 現状は地図のクリックイベントをハンドルする機能が使えます。(iOS、Android、UWPに対応) var map = new Xamarin.Forms.Maps.Map(); var clickBehavior = new MapExtensions.Forms.Plugin.ClickBehavior(); map.Behaviors.Add(clickBehav

Xamarin.Forms 2.2.0 から View クラスに Margin プロパティが追加されます。 複雑なレイアウトが今までより平易に書けるようになりますね。 (ずっと来ないのでパフォーマンス的に厳しいのかと思ってまいした) サンプル public App() { MainPage = new ContentPage { Content = new StackLayout { Orientation = StackOrientation.Horizontal, HorizontalOptions = LayoutOptions.Center, VerticalOptions = LayoutOptions.Center, BackgroundColor = Color.Gray, Spacing = 0, Children = { new Label { Text = "◯", M

Xamarin.Forms 2.2.0からUWPでもXamarin.Forms.Mapsがサポートされます。 (っていうか今まで無かったんだ...) ざっくりとした使い方 他のプラットフォームと同様、 Xamarin.Forms.Forms.Init() の直後に Xamarin.FormsMaps.Init() を呼ぶ必要があります。 UWPの場合はパラメータとしてBing Maps Developer Centerで発行するAPIキーを渡す必要があるようです。 まず、Xamarin.FormsのプロジェクトテンプレートにXamarin.Forms.Maps 2.2.0のNuGetパッケージを追加します。 次に、UWPプロジェクトのApp.Xaml.csを修正。 protected override void OnLaunched(LaunchActivatedEventArgs e)

Xamarin.Forms 2.2.0 から CarouselView クラスが追加されます。 CarouselView は従来の CarouselPage を置き換える物で、CarouselPageは将来的に非推奨となります。 サンプル 基本的な使い方は ListView に似ています。しかし、DataTemplateの中身を CellではなくView にする必要がある点に注意が必要です。 XAML <?xml version="1.0" encoding="UTF-8"?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="XFApp20.MyPage"> <ContentPage.Conte

Xamarin.Forms.Maps.Map コントロールを使用する際に現在位置表示、ズーム機能をONにしていると、Android版では地図上にボタンが表示されます。(iOSでは表示されない) iOSと揃えたい、デザインが他と馴染まないので自前で用意したいという場合は邪魔になるので、Effectでネイティブコントロールに介入して消してしまいましょう。 Androidプロジェクト内に新しいEffectクラスを作ります。 using System; using Xamarin.Forms; using Xamarin.Forms.Platform.Android; using Android.Gms.Maps; [assembly: ResolutionGroupName ("YourCompany")] [assembly: ExportEffect (typeof (SuppressMap

この記事は「Xamarin Advent Calendar 2015 - Qiita」の9日目です。 TypeConverterはXAMLでプロパティの値を指定する際、文字列から実際の方への変換を手助けしてくれます。(Binding時に登場するIValueConverterとは別物) Xamarin AC 5日目の記事で紹介したXFXamlAnimationsでもEasingプロパティなどで使われています。 例えば、XAML内で Padding="0,20,0,0" や TextColor="Red" と書くと、それぞれ Thicness 、 Color に変換されます。これはビルトインされたTypeConverterのおかげです。 ビルトインTypeConverterが対応していない方への変換は独自に設定する必要があります。この記事ではその方法を解説します。 余談ですが、enum型はTy

この記事は「Xamarin Advent Calendar 2015 - Qiita」の5日目です。 Xamarin.Formsにはコントロールを動かしたり、汎用アニメーションを作成するのための拡張メソッドが用意されています。(Xamarin.Forms.ViewExtensionsクラス内) // Labelコントロールを拡縮させる例 await label.ScaleTo(0.8); await label.ScaleTo(1); そうです、コードビハインド必須です。でも、Viewの事はXAMLで完結させたいですよね。 という訳でXAMLでアニメーションを定義、起動するためのライブラリ、 XFXamlAnimations (GitHub)という物を作りました。 インストールするにはNuGetパッケージマネージャで XFXamlAnimations と検索するか、コンソールの方で次のよう

もっと具体的に書くと、 自作ライブラリ(PCL)のコントロールを XAMLのみ で使用していて、 C#コードでそのライブラリを参照しておらず 、Page表示時に System.IO.FileNotFoundException (Could not load file or assembly 'CustomControls' or one of its dependencies. The system cannot find the file specified.) が発生してアプリが落ちる場合の対処方法です。 つまり、こんな風にXAMLしかライブラリを参照していない場合にFileNotFoundExceptionとなります。 <?xml version="1.0" encoding="UTF-8"?> <ContentPage xmlns="http://xamarin.com/schem

@ticktackmobile 今のところそうですね。一応大っぴらにしていいか聞いてみますが、Feedback ください。って言ってるのでオープンにすればいいのにと思いますがｗ— 田淵 義人＠エクセルソフト (@ytabuchi) 2015, 10月 19 こんな会話をしていたら、公式フォーラムでXamarin.FormsのUWP(Universal Windows Platform)サポート版プレビューが公開されたので写経してみます。 Xamarin.Forms for UWP Preview Now Available - Xamarin Forums NuGet周りの準備 ※ 2015/11/17にリリースされたXamarin.Forms 2.0以降ではnuget.orgからダウンロードできるようになりました。よってzipファイルのダウンロードやローカルパッケージリソースの参照は不要

NGraphics はベクタグラフィクスを描くためのクロスプラットフォーム ライブラリです。 つまり、Windows、Android(Xamarin)、iOS(Xamarin)などに対して、統一的なAPIで Canvas に Ellipse や Rectangle や Path が描けます。 実際のコードを見てみましょう。公式のREADMEに書かれているサンプルです。 var canvas = Platforms.Current.CreateImageCanvas(new Size(100), scale: 2); var skyBrush = new LinearGradientBrush (Point.Zero, Point.OneY, Colors.Blue, Colors.White); canvas.FillRectangle (new Rect (canvas.Size), s