Пример редактора форм (Designer Example)

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

Он позволяет создавать интерфейс не с помощью кодирования, а при помощи мышки.

Designer.jpg

Создание формы

Используйте File\New для создания новой формы.

Выберите контрол на панели ToolBox и кликните на форме. Новый контрол будет создан.

Используйте панель Properties для настройки свойств контрола. Используйте мышку для перемещения или изменения размеров контрола. Используйте кнопку клавиатуры Del для удаления контрола.

Просмотр формы

Используйте View\Preview (F2) для предпросмотра формы.

Просмотр текста формы

Используйте View\View As Text (F3) для просмотра текста формы.

Сохранение формы

Созданная форма может быть сохранена в файле. Используйте File\Save (Ctrl+S) для сохранения формы.

Создание скрипта

Используйте пункт "New Item" в контекстном меню панели Solution.

DesignerSolutionNewItem.jpg

Выберите шаблон скрипта.

DesignerSolutionNewItemTemplate.jpg

После загрузки формы в скрипте требуется назначить обработчики событий элементам формы. Для этого при создании формы элементам назначается поле Id, а в скрипте используется метод Frame::Get для получения элемента формы по его Id.

wso = new ActiveXObject("Scripting.WindowSystemObject")

f = wso.createForm(0, 0, 0, 0)

fileName = startupDir() + "Example1.wfm"

f.design.open(fileName)

f.centerControl()

//To set a control properties get the control by its Id.

f.get("Edit1").Text = "Test"

f.show()

wso.run()

function startupDir() {
    var s = WScript.scriptFullName;
    s = s.substring(0, s.lastIndexOf("\\") + 1);
    return s;
};

Основной скрипт

Используйте пункт "Set as Main Script" в контекстном меню панели Solution.

DesignerSetAsMainScript.jpg

Скрипт будет отмечен как основной скрипт. Используйте File\Run (F5) для запуска основного сприпта.

Использование изображений

Для использования изображения на форме файл изображения необходимо добавить к форме. Для этого используйте пункт "Add Existing Item" в контекстном меню панели Solution.

Примечание. Путь файла изображения будет сохранен в файле формы. Редактор форм будет стараться сохранить относительный путь к файлу.

Создание папки

Изображения и сприпты можно располагать в папках. Для создания папки используйте пункт "New Folder" в контекстном меню панели Solution.

Дополнительные свойства

Некоторые контролы имеют кнопку для редактирования дополнительных свойств.

DesignerDetailsButton.jpg

Добавления закладок

TabControl и PageControl имеют кнопки для добавления и удаления закладок.

DesignerAddButton.jpg

Месторасположение редактора форм

Редактор форм находится в Demo\Designer\Designer.js.


Документация по WSO 1.1. Последние изменения:Wed Aug 12 18:10:22 2015. (C) Веретенников А. Б. 2004-2015