Области

Области являются свойствами CSS, которые Вы используете для установки границ. В настоящее время Инструментальная панель указывает только один тип области, области управления. Specifiying область управления означает, что, если пользователь пытается перетащить виджет из указанной области, перетаскивание не произойдет и виджет, не переместится.

Области прибывают в две формы: прямоугольники и круги. Любая комбинация этих форм позволяется, позволяя Вам создать сложные области управления для использования с нечетными формами.

Как только Вы определили область в элементе стиля, необходимо обернуть элемент в разметке с тем стилем. Например, определение области управления может быть похожим на это:

.control-circle-example {
    ...
    -apple-dashboard-region: dashboard-region(control circle 5px 5px 5px 5px);
    ...
}

Теперь, когда Вы определили стиль, необходимо применить его к элементу:

<div class=”control-circle-example”><img src=”foo.png”></div>

Свойства

Следующее свойство определяется для использования при указании областей в виджете.

- область инструментальной панели яблока

Указывает свойство, которое будет определено.

-apple-dashboard-region:

Это свойство говорит Инструментальной панели, что Вы собираетесь указать область. Без любых параметров это свойство ничего не делает. Как параметры к этому методу, необходимо указать области с помощью параметра области инструментальной панели.

Параметры

Следующие параметры определяются для использования при указании областей в виджете.

область инструментальной панели

Указывает тип и границы области.

dashboard-region(label, geometry-type)
dashboard-region(label, geometry-type, offset-top, offset-right, offset-bottom, offset-left)

Эта функция параметра используется в сочетании с -apple-dashboard-region свойство. Это указывает границы и тип области в функциональной форме. Таблица 2-1 показывает значения, ожидаемые параметром области инструментальной панели.

Таблица 2-1  dashboard-region() параметры

Параметр

Описание

label

Требуемый; указывает тип определяемой области; control единственное используемое значение.

geometry-type

Требуемый; указывает форму области, также circle или rectangle.

offset-top

Дополнительный; указывает смещение от вершины обернутой области от того, где определенная область должна начаться в пикселях. Отрицательные величины, не позволенные.

offset-right

Дополнительный; указывает смещение от права на обернутую область от того, где определенная область должна начаться в пикселях. Отрицательные величины, не позволенные.

offset-bottom

Дополнительный; указывает смещение от нижней части обернутой области от того, где определенная область должна начаться в пикселях. Отрицательные величины, не позволенные.

offset-left

Дополнительный; указывает смещение от левых обернутой области от того, где определенная область должна начаться в пикселях. Отрицательные величины, не позволенные.

Если Вы указываете circle для geometry-type параметр, создаваемая область управления центрируется промежуточный указанные смещения (или края области, если никакие смещения не предоставлены). Из ширины и высоты круговой области (который идеально должен быть равным), получающийся диаметр области управления является меньшим значением.

При использовании параметров смещения Вы или обеспечьте значения для всех четырех смещений или ни одного из них. Обратите внимание на то, что, если Вы не указываете значения для параметров смещения, значения по умолчанию 0 используется для каждого из них.

Можно объединить многократные параметры области инструментальной панели в цепочку вместе в одном apple-dashboard-region объявление свойства, позволяя Вам создать области сложной формы:

.equals-button-example {
    ...
    -apple-dashboard-region:
        dashboard-region(control circle 0px 0px 80px 0px)
        dashboard-region(control rectangle 10px 0px 10px 0px)
        dashboard-region(control circle 80px 0px 0px 0px);
    ...
}

Некоторые элементы имеют области управления, присвоенные им по умолчанию:

  • button

  • input

  • select

  • textarea

Каждый раз, когда Вы используете один из этих элементов, Вы не должны вручную указывать область управления их. Область, указанная на этих элементах, расширяется на их края:

 button, input, select, textarea {
    -apple-dashboard-region:dashboard-region(control rectangle);
}

ни один

Удаляет любые области на элементе.

none

Установка -apple-dashboard-region свойство к none удаляет любую область, применился к элементу.