Xamarin.Forms のカスタムレンダラー

[アーティクル]
12/03/2019

Xamarin.Forms ユーザーインターフェイスは、ターゲットプラットフォームのネイティブコントロールを使用してレンダリングされるため、Xamarin.Forms アプリケーションでは各プラットフォームに適した外観を維持できます。カスタムレンダラーにより、開発者はこのプロセスをオーバーライドして、各プラットフォーム上で Xamarin.Forms コントロールの外観とビヘイビアーをカスタマイズできるようになります。

カスタムレンダラーの概要

カスタムレンダラーにより、Xamarin.Forms コントロールの外観とビヘイビアーをカスタマイズするための強力な方法が提供されます。それらは、スタイルに関する小さな変更や、洗練されたプラットフォーム固有のレイアウトおよびビヘイビアーのカスタマイズのために使用できます。この記事では、カスタムレンダラーの概要を示し、カスタムレンダラーを作成するプロセスについて説明します。

レンダラーの基本クラスおよびネイティブコントロール

すべての Xamarin.Forms コントロールには、ネイティブコントロールのインスタンスを作成する各プラットフォーム用のレンダラーが付属しています。この記事では、Xamarin.Forms のページ、レイアウト、ビュー、およびセルのそれぞれを実装するレンダラーとネイティブコントロールのクラスの一覧を示します。

エントリのカスタマイズ

Xamarin.Forms の Entry コントロールによって、1 行のテキストを編集対象にできます。この記事では、Entry コントロール用のカスタムレンダラーを作成する方法を示します。これにより、開発者は既定のネイティブレンダリングを、各自のプラットフォームに固有のカスタマイズでオーバーライドできるようになります。

コンテンツページのカスタマイズ

ContentPage は、単一ビューを表示し、画面の大部分を占めるビジュアル要素です。この記事では、ContentPage ページ用のカスタムレンダラーを作成する方法を示します。これにより、開発者は既定のネイティブレンダリングを、各自のプラットフォームに固有のカスタマイズでオーバーライドできるようになります。

マップピンのカスタマイズ

Xamarin.Forms.Maps には、プラットフォームごとのネイティブマップ API を使ったマップ表示用の抽象化がクロスプラットフォームで用意されていて、高速で使い慣れたマップのユーザーエクスペリエンスが提供されます。このトピックでは、Map コントロール用のカスタムレンダラーを作成する方法を示します。これにより、開発者は既定のネイティブレンダリングを、各自のプラットフォームに固有のカスタマイズでオーバーライドできるようになります。

ListView のカスタマイズ

Xamarin.Forms の ListView は、データのコレクションを縦方向の一覧として表示するビューです。この記事では、プラットフォーム固有のリストコントロールとネイティブのセルのレイアウトをカプセル化するカスタムレンダラーを作成し、ネイティブリストコントロールのパフォーマンスをより厳密に制御する方法を示します。

ViewCell のカスタマイズ

Xamarin.Forms の ViewCell は、ListView または TableView に追加できるセルで、これには開発者が定義したビューが含まれます。この記事では、Xamarin.Forms の ListView コントロール内でホストされる、ViewCell 用のカスタムレンダラーを作成する方法を示します。これにより、ListView のスクロール中に Xamarin.Forms のレイアウトの計算が繰り返し呼び出されることが回避されます。

WebView のカスタマイズ

Xamarin.Forms の WebView は、アプリに Web コンテンツと HTML コンテンツを表示するビューです。この記事では、JavaScript から C# コードを呼び出せるように WebView を拡張するカスタムレンダラーを作成する方法について説明します。

ページの実装

Xamarin.Forms のカスタムユーザーインターフェイスコントロールは、View クラスから派生させる必要があります。これは画面上にレイアウトとコントロールを配置するために使われます。この記事では、デバイスのカメラからビデオストリームのプレビューを表示するために使う、Xamarin.Forms のカスタムコントロール用のカスタムレンダラーを作成する方法を示します。