バージョン

色項目の構成 (xamRadialMenu)

トピックの概要

目的

このトピックでは、 xamRadialMenu ™ の色項目について説明します。

前提条件

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

トピック 目的

このトピックでは、コントロールでサポートする機能を開発者の観点から説明します。

このトピックでは、コントロールの視覚要素の概要を紹介します。

このトピックでは、メニュー項目およびその共通構成プロパティの概要を説明します。

このトピックでは、 xamRadialMenu のボタン項目について説明します。

このトピックの内容

このトピックは、以下のセクションで構成されます。

色項目の構成の概要

色項目の構成の概要表

xamRadialMenu は、色の値を確認し設定する色項目をサポートします。詳細は、表の後に記載されています。

色項目 説明 タイプによる表示
  • ヘッダー テキストの表示

  • アイコンの表示

  • 関連付けられた色の表示

  • 項目領域および外部リングの両方に関連付けられた色の表示

色項目

概要

RadialMenuColorItem クラスによる表示の場合、 xamRadialMenu の色項目は、 RadialMenuItem クラスから拡張します。ボタン項目で提供されるヘッダー テキストやアイコンに加え、色項目には関連付けられたカラー矩形があります。

次のスクリーンショットは、緑色に関連付けられた矩形を示します。

xamRadialMenu 07.png

プロパティ設定

以下の表は、主な構成とそれを管理するプロパティ設定のマップを示します。

目的: 使用するプロパティ: 操作:

項目に関連付けられた色の値の設定/取得

値を設定または読み取ります。

関連付けられた色の値の変更についての通知

イベント ハンドラーにアタッチします。

カラーウェル

概要

xamRadialMenu カラーウェルは、RadialMenuColorWell クラスによって示され、項目領域と外部リングの両方に関連付けられたカラーを表示します。カラーウェルのサブ項目にナビゲートする場合は、親のカラーウェルおよびその兄弟が中央ボタンと項目領域の間に表示されます。

注:

Note

カラーウェルをクリックすると、Color プロパティがクリックされたカラーウェルの色に設定されるように、直接の親のカラーウェルまたは色項目の設定が変更されます。

次のスクリーンショットは、さまざまな色で描画されたサブ項目を持つカラーウェルを示しています。

xamRadialMenu 08.png
  1. さまざまな色のカラーウェル (現在のレベル)

  2. 矢印は、カラーウェルの下にサブ項目があることを示しています。

次のスクリーンショットは、親の緑色のカラーウェルのサブ項目へのナビゲートを示しています。親の緑色のカラーウェルとその兄弟が、中央ボタンと項目領域の間に表示されています。

xamRadialMenu 09.png
  1. 現在のレベルのカラーウェル

  2. 親のカラーウェル

プロパティ設定

以下の表は、主な構成とそれを管理するプロパティ設定のマップを示します。

目的: 使用するプロパティ: 操作:

項目に関連付けられた色の値の設定/取得

値を設定または読み取ります。

関連付けられた色の値の変更についての通知

イベント ハンドラーにアタッチします。

関連コンテンツ

このトピックの追加情報については、以下のトピックも合わせてご参照ください。

トピック 目的

このトピックでは、 xamRadialMenu の数値項目について説明します。

このトピックでは、 xamRadialMenu のリスト項目について説明します。