コンポーネントのカスタマイズ

コンポーネントの外観をカスタマイズするには,コンポーネントを選択し,[コンポーネントブラウザー]の[インスペクター]タブでそのプロパティを編集します。たとえば、このタブで、ボタン上に表示されるテキストの配置を変更できます。

いくつかのプロパティは関数の動作を制御します。たとえば、[範囲]プロパティを変更することで,数値編集フィールドで受け入れる値の範囲を変更できます。

アプリを実行すると,編集フィールドは,その範囲内の値のみを受け入れます。

キャンバスでは,コンポーネントをダブルクリックして,いくつかのプロパティを直接編集できます。たとえば,ボタンのラベルをダブルクリックして、目的のテキストを入力することによって編集できます。複数行のテキストを追加するには、转变キーを押したまま输入キーを押します。

コンポーネントの配置と間隔設定

[設計ビュー]では,キャンバス上でコンポーネントをドラッグして配置およびサイズを変更したり,ツールストリップの[キャンバス]タブにあるツールを使用したりできます。

程序设计师では配置のヒントが提供されており,コンポーネントをキャンバス内でドラッグするときの整列に役立ちます。複数のコンポーネントの中心を通るオレンジ色の点線は,それらの中心が整列されていることを示します。エッジのオレンジ色の実線は,エッジが整列されていることを示します。垂直の線は,コンポーネントが親コンテナーの中央に配置されていることを示します。

キャンバスでコンポーネントをドラッグする代わりに,将来发布の[整列]セクションのツールを使用してコンポーネントを整列することもできます。

配置ツールを使用すると,選択したコンポーネントがアンカーコンポーネントに対して整列されます。アンカーコンポーネントは最後に選択されたコンポーネントであり,他のコンポーネントより選択境界が太くなります。別のアンカーを選択するには,Ctrlまたは转变キーを押しながら、目的のコンポーネントを 2.回クリックします (コンポーネントの選択を解除するために 1.回、再度選択するためにもう 1.回)。たとえば、次の図では、(格式选项)ラベルがアンカーです。(左揃え]ボタンをクリックすると,ドロップダウンとチェックボックスの左端がラベルの左端に揃えられます。

ツールストリップの[スペース]セクションのツールを使用して,隣接するコンポーネントの間隔を制御できます。3つ以上のコンポーネントのグループを選択し,ツールストリップの[スペース]セクションのドロップダウン リストからオプションを選択します。[等間隔]オプションは,複数のコンポーネントが配置された領域内にできる間隔を均等に分配します。20.オプションはコンポーネントの間隔を20ピクセルにします。コンポーネント間のピクセル数をカスタマイズする場合は,ドロップダウンリストに数値を入力します。

次に,(水平方向に適用)または(垂直方向に適用)をクリックします。たとえば,[等間隔]を選択し,(垂直方向に適用)をクリックして、垂直方向に並んだコンポーネント間の間隔を均等に分配します。

コンポーネントのグループ化

複数のコンポーネントをグループ化し,1つの単位として変更できます。たとえば,一連のコンポーネントの相対的な位置を決めた後に、それらをグループ化して、関係を変更せずに移動することができます。

一連のコンポーネントをグループ化するには、キャンバス内でそれらを選択して、ツールストリップの[調整]セクションで[グループ化)、[グループ]を選択します。

[グループ化)ツールは,次の一般的なタスクの機能も提供します。

コンポーネントの並べ替え

[設計ビュー]で[並べ替え]ツールを使用することで、コンポーネントを並べ替えることができます。

たとえば,ラベルを作成してからイメージを作成します。既定で,イメージはラベルの手前に表示されます。[コンポーネントブラウザー]では重なり順序に基づいてコンポーネントが表示されますが,イメージが最上位でラベルは2番目であるため,イメージが最初になります。

コンポーネントを並べ替えてラベルがイメージの手前に来るようにするには,キャンバスでイメージを選択し,ツールストリップで[並べ替え]を選択します。イメージを右クリックして[並べ替え]ツールを選択することもできます。(背面へ移動]を選択して,イメージを背面に送ります。

これで,イメージはラベルの背後に来ます。コンポーネントを並べ替えると,[コンポーネントブラウザー]内のコンポーネントの順序も変更されます。

コンテナー内のコンポーネントの配置

コンポーネントをパネルなどのコンテナーにドラッグすると,コンテナーは青色に変わり,コンポーネントがコンテナーの子であることを示します。コンテナーにコンポーネントを配置するこのプロセスは,“ペアレンティング”と呼ばれています。

[コンポーネントブラウザー]では,親コンテナーの配下にある子コンポーネントの名前がインデント処理されて,親と子の関係が示されます。

コンテキストメニューの作成と編集

程序设计师でコンテキストメニューを作成する方法はいくつかあります。コンテキストメニューは実行中のアプリのコンポーネントを右クリックした場合にのみ表示されるため,[設計ビュー]では 图形に表示されません。そのため、コンテキスト メニューを編集するためのワークフローは、他のコンポーネントと少し異なります。以下の節で、コンテキスト メニューの作成と編集の方法について説明します。