// 
//     Licensed to the Apache Software Foundation (ASF) under one
//     or more contributor license agreements.  See the NOTICE file
//     distributed with this work for additional information
//     regarding copyright ownership.  The ASF licenses this file
//     to you under the Apache License, Version 2.0 (the
//     "License"); you may not use this file except in compliance
//     with the License.  You may obtain a copy of the License at
// 
//       http://www.apache.org/licenses/LICENSE-2.0
// 
//     Unless required by applicable law or agreed to in writing,
//     software distributed under the License is distributed on an
//     "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
//     KIND, either express or implied.  See the License for the
//     specific language governing permissions and limitations
//     under the License.
//

= GUIビルダーの視覚的なフィード・バックの説明
:jbake-type: tutorial
:jbake-tags: tutorials 
:jbake-status: published
:icons: font
:syntax: true
:source-highlighter: pygments
:toc: left
:toc-title:
:description: GUIビルダーの視覚的なフィード・バックの説明 - Apache NetBeans
:keywords: Apache NetBeans, Tutorials, GUIビルダーの視覚的なフィード・バックの説明

このドキュメントでは、IDEのGUIビルダー(旧コード名Matisse)でJava GUIを作成するときに表示される視覚的なフィード・バックについて説明します。


== 内容

* <<alignment,位置揃えのガイドライン>>
* <<anchor,アンカーのインジケータ>>
* <<size,サイズのインジケータ>>
* <<highlight,強調表示とハンドル>>
* <<seealso,関連項目>>


== 位置揃えのガイドライン

位置揃えのガイドラインは、コンポーネントを追加または移動するときにのみ表示され、マウス・ボタンを離したときにコンポーネントがスナップする位置を示します。コンポーネントを配置したら、ガイドラインは、複数のコンポーネントがそろえてある位置を示す実線と、アンカーのインジケータに変わります。


|===
|*インセット* |image:images/legend5.png[] |インセットは、コンポーネントと、そのコンポーネントが配置されているコンテナの間隔です。インセットは、横方向と縦方向の点線のガイドラインで表示されます。 

|*オフセット* |image:images/legend30.png[] |オフセットは、隣接するコンポーネントの間隔です。オフセットは、横方向と縦方向の点線のガイドラインで表示されます。 

|*ベースライン* |image:images/legend13.png[] |ベースラインの位置揃えは、表示テキストを含む隣接するコンポーネント間の関係です。ベースラインの位置揃えは、横方向の点線のガイドラインで表示されます。 

|*エッジ*

|

image:images/legend12.png[]

image:images/legend14.png[]

image:images/legend32.png[]

image:images/legend33.png[]

|
エッジの位置揃え(上下左右)は、隣接するコンポーネント間の位置関係です。エッジの位置揃えは、横方向と縦方向の点線のガイドラインで表示されます。 

|*インデント設定* |image:images/legend31b.png[] |インデントの位置揃えは、1つのコンポーネントを別のコンポーネントの下に配置し、少し右にずらす特殊な位置関係です。インデントの位置揃えは、2本の縦方向の点線のガイドラインで表示されます。 

|*優先の距離* |image:images/legend34.png[] |優先の距離(小、中、および長)は、隣接するコンポーネント間の間隔のサイズです。優先の距離は、横方向または縦方向の点線のガイドラインで表示されます。 
|===


== アンカーのインジケータ

コンポーネントが特定に位置にスナップしたら、塗りつぶされたアンカーのインジケータが表示され、複数のコンポーネントがそろえてある位置を示します。


|===
|*コンテナ* |image:images/legend50.png[] |個々のコンポーネントを、そのコンポーネントが配置されているコンテナに接続するアンカーは、小さな半円のインジケータで表示され、コンテナの端からコンポーネントまで点線で結びます。 

|*コンポーネント* |image:images/legend51.png[] |個々のコンポーネントを隣接するコンポーネントに接続するアンカーは、小さな半円のインジケータで表示され、一方のコンポーネントから他方のコンポーネントまで点線で結びます。 
|===


== サイズのインジケータ


|===
|*同じサイズ* 
|

image:images/legend28.png[] image:images/legend29.png[]

|同じサイズは、コンポーネントのグループ(隣接しているかどうかに関係ない)が同じ幅と高さに設定されている状態です。同じサイズに設定されている場合、プロパティが設定されている各コンポーネントの上端に小さな四角形のインジケータが表示されます。 

|*自動サイズ変更* |

image:images/legend42.png[] image:images/legend41.png[] image:images/legend43.png[]

|
自動サイズ変更は、コンポーネントの幅または高さが実行時に動的に変更されるように設定されている状態です。自動サイズ変更は、GUIビルダーのツールバーにある水平および垂直方向のサイズ変更ボタン(それぞれ、「水平方向のサイズ変更可能状態を変更」および「垂直方向のサイズ変更可能状態を変更」と呼ばれます)の状態で示されます。自動サイズ変更は、「プロパティ」ウィンドウ内の「他のプロパティ」リストにある「 ``resizable`` 」を選択することによって有効になります。 
|===


== 強調表示とハンドル

|===
|*強調表示* |image:images/legend10.png[] |オレンジ色の強調表示は、選択されたコンポーネントが配置される場所を示します。 

|*ハンドル* |image:images/legend11.png[] |コンポーネントが選択されると、そのコンポーネントの境界の周りに小さい四角形のサイズ変更ハンドルが表示されます。コンポーネントの端にあるハンドルをクリックしたままドラッグすると、コンポーネントのサイズが変更されます。 
|===


link:/about/contact_form.html?to=3&subject=Feedback:%20GUI%20Builder%20Visual%20Feedback%20Legend,%20NetBeans%20IDE[+このチュートリアルに関するご意見をお寄せください+]


== 関連項目

* _NetBeans IDEによるアプリケーションの開発_のlink:http://www.oracle.com/pls/topic/lookup?ctx=nb8000&id=NBDAG920[+Java GUIの実装+]
* link:../../trails/matisse.html[+Java GUIアプリケーションの学習+]
* link:../../trails/java-se.html[+一般的なJava開発の学習+]