Архив метки: xul

Полосы прогресса

В этом разделе мы рассмотрим создание индикаторов процесса.

Добавление индикатора процесса

Индикатор процесса — это панель, которая показывает сколько задач было завершено. Вы обычно видели его, когда скачивали файл или когда выполняется длительная операция. В XUL есть элемент progressmeterкоторый может использоваться для создания индикатора. Это два типа индикаторов: определенные и неопределенные .

Читать далее

Списки

В XUL есть несколько элементов для создания списков.

Списки

Списки используются для показа некоторого количества элементов в виде листа. Пользователь может выделять элементы из этого списка.

XUL предоставляет два типа элементов для создания списков: элемент listbox для создания много строчных списков и элемент menulist для создания выпадающих списков. Они работаю подобно HTML-элементу select, который выполняет обе функции, но элементы из XUL имеют дополнительные возможности.

Читать далее

Числовые элементы ввода

В XUL есть два эемента, используемые для ввода чисел или диапазонов, и еще два элемента для ввода даты и времени. Эти элементы доступны только в Firefox 3 и более поздних версиях.

Числовые поля

Текстовые поля могут использоваться для ввода чисел при установке  значения number атрибута type. Этот тип используется для ввода только чисел. Другие символы не разрешены и будут проигнорированны при попытке ввода. В дополнении появляются стрелки после текстового поля для циклического изменения значения.

Читать далее

Элементы ввода

В XUL есть элементы, которые подобны тем, что есть в  формах HTML.

Поля ввода текста

В HTML есть элементы ввода, которые могут быть использованы как элементы управления для ввода текста. В XUL есть подобные элементы, текстовые поля, используемые для ввода текста. Безо всех атрибутов текстовое поле создает область, в которой пользователь может ввести текст. Текстовое поле может содержать множество атрибутов как и в элементах ввода HTML. Далее некоторые из них:

Читать далее

Добавляем текстовые метки и картинки

Этот раздел описывает добавление текстовых меток (или надписей) и картинок на окно приложения. И дополнительно мы рассмотрим группировку элементов.

Текстовые элементы

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

Читать далее

Руководство по XUL

Это руководство расскажет нам о XUL (читается как зул). XUL — это основанный на XML язык описания интерфейса пользователя (XML User-interface Language). Язык создавался для описания интерфейсов в приложениях Mozilla.

XUL — будем переводить

В голову пришла идея: написать приложение, которого мне давно не хватает. Что за приложение — не суть важно. Главное тут, что я решил писать его на JS/CSS/HTML.

Для написания desctop-приложений существует хорошая архитектура, разработанная Mozilla: XUL, или XML язык пользовательских интерфейсов.

Самая полная документация по XUL находится на официальном сайте. Но она на английском языке. Есть и на русском языке, но там много чего отсутствует. Так как у меня с английским небольшие разногласия, то стоит поискать готовый перевод или выполнить самостоятельный. Я пойду по второму пути, потому что это позволит разобраться в вопросе, а так же поможет подучить английский.

По мере выполнения перевода, результаты буду публиковать тут.

И так, начнем…