バージョン

選択と展開の構成 (XamDoughnutChart)

トピックの概要

目的

このトピックでは、XamDoughnutChart のスライスの選択および展開を構成する方法を説明します。

前提条件

本トピックの理解を深めるために、以下のトピックを参照することをお勧めします。

トピック 目的

このトピックは、 XamDoughnutChart コントロールおよびその主要機能の概要を説明します。

このトピックではコード例を使用して、XamDoughnutChart コントロールを Xamarin.Forms アプリケーションに追加する方法を説明します。

スライス選択構成のサマリー

コントロール構成の要点チャート

以下の表に、 XamDoughnutChart コントロールの、スライスの選択に関して構成可能な項目の一覧を示します。

構成可能な項目 詳細 プロパティ/イベント

スライス選択の有効化/無効化

スライスを選択する機能を有効または無効にできます。

スライスのタップ時の選択状態の変更

SliceClick イベント用イベント ハンドラーをアタッチする場合、選択状態を修正可能なイベント引数でタップされたスライスへの参照を提供します。

スライス選択の有効化 / 無効化

概要

XamDoughnutChart でスライス選択を有効 (デフォルト設定) または無効にできます。

Note
注:

このトピックで残っているスライス選択構成のすべてをスライス選択を有効にして実行します。

プロパティ設定

以下の表は、要求ビヘイビアーをプロパティ設定にマップしています。

目的: 使用するプロパティ: 設定の選択肢:

スライス選択の有効化/無効化

True または False

スライスのタップ時の選択状態の変更

概要

XamDoughnutChart は、スライスされた選択/非選択状態を変更するために使用する SliceClick イベントを公開します。

プロパティ設定

以下の表は、要求ビヘイビアーをプロパティ設定にマップしています。

目的: 使用するイベント/プロパティ: 手順

IsSelected プロパティを設定します。

SliceClickEventArgs.IsSelected

SliceClickEventArgs の IsSelected プロパティを True または False に設定します。

以下のコード例は、タップ時に選択状態の切り替え方法を示します。

XAML の場合:

<ig:XamDoughnutChart SliceClick="DoughnutSliceClicked">
…

C# の場合:

private void DoughnutSliceClicked(object sender, SliceClickEventArgs e)
{
    e.IsSelected = !e.IsSelected;
}

スライス展開構成のサマリー

コントロール構成の要点チャート

以下の表に、 XamDoughnutChart コントロールの、スライスの展開に関して構成可能な項目の一覧を示します。

構成可能な項目 詳細 プロパティ/イベント

スライス展開の有効化/無効化

スライスを展開する機能を有効または無効にできます。

スライスのタップ時にスライスの展開状態を変更

SliceClick イベント用イベント ハンドラーをアタッチする場合、イベント引数でタップされたスライスへの参照を提供するので、展開状態を修正できます。

スライス展開の有効化 / 無効化

概要

XamDoughnutChart でスライス展開を有効 (デフォルト設定) または無効にできます。

Note
注:

このトピックで残っているスライス展開構成のすべてをスライス展開を有効にして実行します。

プロパティ設定

以下の表は、要求ビヘイビアーをプロパティ設定にマップしています。

目的: 使用するプロパティ: 設定の選択肢:

スライス展開の有効化/無効化

True または False

以下のスクリーンショットは、1 つのスライスが展開された XamDoughnutChart を示します。

XamDoughnutChart Selection Explosion Xamarin.png

スライスのタップ時の展開状態の変更

概要

XamDoughnutChart は、スライスが展開されるかどうかを変更するために使用する SliceClick イベントを公開します。

プロパティ設定

以下の表は、要求ビヘイビアーをプロパティ設定にマップしています。

目的: 使用するイベント/プロパティ: 手順

IsExploded プロパティの設定

SliceClickEventArgs.IsExploded

SliceClickEventArgs の IsExploded プロパティを True または False に設定します。

以下のコード例は、タップ時に展開状態の切り替え方法を示します。

XAML の場合:

<ig:XamDoughnutChart SliceClick="DoughnutSliceClicked">
…

C# の場合:

private void DoughnutSliceClicked(object sender,  SliceClickEventArgs e)
{
    e.IsExploded = !e.IsExploded;
}