プロパティの宣言
プロパティを宣言するには、cc.Class定義のプロパティ・フィールドにプロパティ名とプロパティ・パラメータを記入します。ここで宣言されたプロパティはCocos Creator EditorのProperty Inspectorパネルで読み込んだり編集したりすることができます。方法は以下の通り：
ドロップダウンリスト
プロパティ・インスペクタでドロップダウン・リスト・スタイルとして表示するには、プロパティのタイプをenumに設定し、デフォルト値をenum値に設定します。enumに設定するにはenum型を定義する必要があり、Cocosが提供するcc.Enum.Enum.Enumを使って定義できます。
プロパティの可視性を動的に設定
プロパティ・パネルで異なる属性の表示/非表示をドロップダウン・オプションで選択するには、動的に可視性を設定したい属性のvisibleを関数の形式で記述し、状況に応じて関数内で異なるブール値を返す必要があります。
スライダー
スライダーのスタイルを実装するには、プロパティのmin、max、stepを設定し、slideをtrueに設定する必要があります。
コールバック関数
プロパティパネルにコールバック関数をバインドするには、プロパティのタイプをcc.Component.EventHandlerに設定し、デフォルト値をnullに設定し、コンストラクタでcc.Component.EventHandlerのインスタンスとしてプロパティを初期化します。
カスタムクラス
複数の属性をグループ化できるカスタム・クラスで属性を定義します。cc.Class でクラスを定義し、name にクラス名を設定します。次に、属性のタイプをカスタム・クラスのクラス名に設定し、デフォルト値を NULL に設定します。次に、コンストラクタで属性値をインスタンス化します。
ライブプレビュー
プロパティパネルで設定された値によって生成される効果をエディタでリアルタイムにプレビューするには、スクリプトをエディタモードで実行する必要があります。これを行うには、クラスでeditorプロパティを定義し、executeInEditModeをtrueに設定します。editorはcc.Componentのサブクラスでのみ定義できます。パネルにデータを設定した後、notifyプロパティを使用してステータスを更新します。ここでは、3つのラベルがあり、表示されるラベルの数は、パネルで設定できる値によって制御されます。効果は下図のようになります：
PropViewNowの実装コードは次のとおりです：
その他のスタイル
textbox：プロパティのデフォルト値を文字列リテラルに設定するか、初期テキストを空にしたい場合は空文字列に設定します。type を設定する必要はありません。 integer numeric: プロパティがプロパティパネルで整数のみを受け付けるようにするには、プロパティの type を cc.Integer に設定します。 type を設定せず、デフォルト値を numeric に設定した場合、プロパティは浮動小数点数であることを意味します。
VIII.属性タイプ定義アプローチのまとめ
1.属性の型が基本型の場合：リテラルでデフォルト値を設定します。また、完全な宣言の場合は、型を設定する必要はありません。
2, プロパティタイプがcc.ValueTypeのサブクラスの場合: デフォルト値をそのクラスのインスタンスに設定するか、単純宣言にそのコンストラクタを記入します。これらのクラスは、cc.Colour、cc.Vec2、cc.Rectなどです。
3.属性の型が別のクラスの場合：属性のコンストラクタに型を設定し、デフォルト値をnullまたは{}に設定するか、単純な宣言でコンストラクタを設定します。パネルに NULL 以外の値を表示したい場合は、ctor 内でインスタンスでプロパティを初期化する必要があります。
