blob: 97216c5744506f5c26ed4eba1e6a5ea321860878 [file] [log] [blame]
//
// 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
В этом документе описываются визуальные средства поддержки в конструкторе GUI (прежнее название Matisse) в среде IDE при разработке графического интерфейса Java.
== Направляющие линии
Направляющие появляются только при добавлении или перемещении элементов и указывают предпочтительные позиции, согласно которым размещаются элементы при отпускании кнопки мыши. После размещения направляющие заменяются сплошными линиями, обозначающими выравнивание элементов и точки их привязки.
|===
|*Отступ* |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[] |Сдвиг определяет, на сколько один элемент смещен относительно другого в направлении вниз и вправо. Предлагаемый сдвиг обозначается двумя вертикальными штриховыми линиями.
|*Предпочтительное расстояние* |image:images/legend34.png[] |Предпочтительные расстояния (маленькое, среднее и большое) представляют собой размеры промежутков между смежными компонентами. Предпочтительные расстояния предлагаются в виде горизонтальных или вертикальных штриховых направляющих.
|===
== Точки привязки
После размещения элементов в требуемых позициях отображаются индикаторы точек привязки, обозначающие установленные настройки выравнивания элементов.
|===
|*Контейнер* |image:images/legend50.png[] |Привязки, соединяющие отдельные элементы c контейнерами, внутри которых они расположены, представлены в виде небольших полукруглых индикаторов со штриховыми линиями, идущими от границы контейнера непосредственно к элементу.
|*Элемент* |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. Для включения функции автоматического изменения размера выберите ``изменять размер`` в списке "Другие свойства" окна "Свойства".
|===
== Выделение и ручки изменения размера
|===
|* Выделение* |image:images/legend10.png[] |Выделение оранжевым цветом обозначает место, в которое будет перемещен выбранный компонент.
|*Ручки изменения размера* |image:images/legend11.png[] |Маленькие квадратные ручки изменения размера отображаются по периметру выбранного компонента. Для изменения размера компонента необходимо нажать ручку и, удерживая, перетащить ее в нужную позицию.
|===
link:/about/contact_form.html?to=3&subject=Feedback:%20GUI%20Builder%20Visual%20Feedback%20Legend,%20NetBeans%20IDE[+Отправить отзыв по этому учебному курсу+]
== См. также
* link:http://www.oracle.com/pls/topic/lookup?ctx=nb8000&id=NBDAG920[+Реализация Java GUI+] в документе _Разработка приложений в IDE NetBeans_
* link:../../trails/matisse.html[+Учебная карта по приложениям с графическим интерфейсом Java +]
* link:../../trails/java-se.html[+Учебная карта по общим сведениям о разработке на Java+]