18 | 10 | 2017

 Harbour MiniGUI IDE

Harbour MiniGUI IDE 

Создаем папку проекта TEST-IDE на любом диске как указано в документе:

"От Clipper к [x]Harbour через xMate.pdf" расположенного на странице http://clipper.borda.ru/?1-4-0-00000305-000-0-0-1263022460

Все вопросы по русификации и настройки работы xMate – автору Хусейнову Темуру. 

Запускаем xMate, далее «Новый проект» :
Создаем файл main.prg ! Он пока пустой.  Далее нажимаем кнопку «Сохранить».  Проект создан.

Group 10237

 Далее вызываем IDE MiniGui, нажав на кнопку

 

 Появится оболочка IDE:

 

Небольшие пояснения.

Кроме горизонтального меню “File”, “Edit”, “View”, “Project”, “Tools”, “Help” есть группы кнопок состоящие их этих пунктов меню:

  1. Группа «управления проектом»

  2. Группа «утилиты-построители формы» (Builders)

  3. Группа «смешанные утилиты формы»

  4. Группа «объекты на форму» (Стандартные и расширенные)

  5. Группа «Пользовательские компоненты»

 

Состав этих групп:

Группа «управления проектом»

Group 10564New project Новый проект

Open project Открыть проект

 

Close project Закрыть проект

New form Новая форма

New module Новый модуль

Run Запуск 

Группа «утилиты-построители формы» (Builders)

Group 10565 Main Menu Buider построение главного меню формы

Context Menu Buider построение контектного меню формы

StatustBar Buider построение статусной строки формы

ToolBar Buider построение строки кнопок формы

Notify Menu Buider построение notify(иконки в трее) меню формы построение ниспадающего меню кнопки в DropDown Menu Buider строке кнопок формы 

Группа «смешанные утилиты формы»

DGroup 10358elete Control удаление элемента управления из формы изменение порядка следования элементов

Control Order управления на форме указатель выбора элемента управления для

Select Object

формы просмотр/редактирование кода модуля или

Code Viewer/Editor формы

изменения цвета для группы элементов

Change Colors управления формы

изменение позиции/размера/взаимоположения Control Position Dialog элементов управления формы 

Группа «объекты на форму» (Стандартные и расширенные) – в расшифровке не нуждается. 

Переходим к нашему проекту: 

Далее вызываем меню

“File” => “New Project”,

далее создаем файл проекта по пути

W:\Test-IDE\Test-Ide.hpj

 

Далее в Project Browser во вкладке Modules вызываем по 

правой кнопки мышки выпадающее меню, а в нем меню “New”:

   

Далее в “Окне выбора файла: New Module” входим в папку Source, выбираем файл main.prg и нажимаем кнопку “Сохранить”. 

Появиться Блокнот с файлом main.prg: 

Далее по тексту меняем (для удобства чтения программы в дальнейшем, хотя это не обязательно, кто как пишет…) :

Load Window FormaMain

FormaMain.Center

FormaMain.Activate

 

Далее в Project Browser во вкладке Forms вызываем по правой кнопки мышки выпадающее меню, а в нем меню “New”:

 

Далее в “Окне выбора файла: New Forms” входим в папку Source, создаем файл FormaMain.frm и нажимаем кнопку “Сохранить”. 

Появится заготовка формы  

По умолчанию появляется окно формы STANDART. Для изменения параметров формы переходим в окно Object Inspector. 

Для редактирования свойства формы выбираем нужное свойство (Property) и правим. 

Свойство WindowsType имеет несколько значений:

  • CHILD – дочернее окно, которое не имеет своей кнопки на панели задач

  • MAIN – для ГЛАВНОГО окна программы

  • MODAL – модальное окно (доступ к другим окнам заблокирован, пока это окно не будет закрыто)

  • SPLITCHILD – дочернее окно, которое представляет собой контейнер для группы элементов управления

  • STANDARD – дочернее окно, которое имеет свою кнопку на панели задач

  • MDI – главное окно для многодокументального интерфейса  MAINMDI – то же самое

  • MDICHILD – дочернее окно для многодокументального интерфейса (может сворачиваться/разворачиваться/перемещаться только внутри своего главного окна) 

В нашем случае, нам нужно выбрать MAIN. 

Для дальнейшей работы, нам потребуются графические изображения (иконки, картинки, курсоров) и нам необходимо подготовить файл ресурсов для этого проекта.

 

Подготовка файла ресурсов (test-ide.rc) 

Для использования картинок, иконок и других ресурсов в программе необходимо создать файл ресурсов. Перед этим запишем все нужные нам ресурсы в папку Resource: 

 

Далее создаем обычный текстовый файл Test-Ide.RC с таким содержанием: 

Поясню название иконки программы: буква А по сортировке первая, и эта иконка будет первой при создании ярлыка к этой программе, если в ресурсах несколько

иконок. Если иконка одна, то можно - любое название. 

Далее опытным путем было выявлено, что размер картинки (BMP) на кнопке типа BUTTON и BUTTONEX не может быть больше 48х48 (а может я и не прав !), а для иконок (ICO) можно использовать 128х128.

 

Содержимое и вид ресурса:

Название ресурса

 

Тип ресурса

 

Наименование файла

Графический вид ресурса

 

AmainIcon

ICON

MainIcon.ico

 

iOneMenu

ICON

MenuOne.ico

(48х48)

 

iView

BITMAP

Lupa48.bmp

iExit

BITMAP

Exit48.bmp

iMINIGUI

BITMAP

MiniGui.BMP

Иконки корректировал и вырезал из других проектов с помощью программы: Microangelo 5.5

 

  Далее подсоединяем ресурсный файл Test-Ide.RC к своему проекту.

 Для этого переходим на Project Browser во вкладке RC - Bat вызываем по правой кнопки мышки выпадающее меню, а в нем меню “Add”:


Group 12607

 

 

 

Далее в “Окне выбора файла: Add

Resource” входим в папку W:\TestIde\Resource и выбираем уже созданный файл Test-Ide.rc и нажимаем кнопку “Открыть”. 

Файл ресурса присоединился к проекту:

Обращаться к ресурсам нужно через «Название ресурса» 

Работа с формой (Forms) 

Переключаемся в Project Browser во вкладке Forms на нашу первую форму: FormaMain.fmg и вызываем ее (два клика мышки).


 

Перед нами появится пустая форма:

 

 

Для начала назначим иконку на саму программу.

  1. Переходим в Object Inspector:

    Group 11287

 

 

выбираем свойство Icon и ставим значение AmainIcon.

 

Не забываем поставить переключатель на “Save as Text” 

В Object Inspector выбираем свойство Title и ставим значение Главное меню  

 

  1. Далее вставим картинку с левой стороны формы: 

Выбираем обьект Image на панели IDE:

 

Появляется изображение человека со всплывающей подсказкой. Это объект с картинкой (изображение пока не задано).

 

Редактировать размеры, перемещать, удалять ОБЪЕКТ «Изображение» можно при помощи вызова контекстного меню правой кнопки мышки:

Move - переместить объект

Size - изменить размеры объекта

Delete – удалить объект

 

  

Переходим в Object Inspector, выбираем свойство Picture и ставим значение iMiniGui.

 

Не забываем поставить переключатель на “Save as Text”

 

 

 

3) Далее ставим 3 кнопки на форму:

В объекте BUTTON (находится во вкладке Standart) можно установить или изображение или название кнопки.

Объект изображение с текстом.BUTTONEX (находится во вкладке Extended) позволяет совмещать 

Порядок такой: выбираем кнопку и выбираем место на форме и кликаем правой кнопкой мышки, где нам нужно установить эту кнопку.

 Harbour MiniGUI IDE html 1eb42a55

 

Редактировать размеры, перемещать, удалять ОБЪЕКТ «кнопку» можно при помощи вызова контекстного меню правой кнопки мышки:

Move - переместить объект

Size - изменить размеры объекта

Delete – удалить объект

 

Save FORM – записать ФОРМУ (делать обязательно, автосохранения нет) 

Далее получаем на ФОРМЕ такую КНОПКУ (см. картинку):

ИGroup 11186зменить размер шрифта надписи на кнопке просто:

выбираем Property: FontSize и ставим значение  12

Теперь выбираем кнопку и меняем в Property:

ICON и ставим значение iOneMenu

 

Внимание !

Не забудьте поставить значение “Save as Text”, иначе изображение не будет отображатся и выпадет ошибка.

Теперь меняем название кнопки и меняем в

Property: Caption и ставим: Меню с БЕГУНКОМ

 

Проставим дальше значения на 2-у кнопку:

Property: Caption – ставим: Меню с GET’ом

 

Property: FontSize – ставим: 12

 

Property: Picture – ставим: iView

Так как картинка BMP, то ставим свойства

Property: Picture

   

 

 

Проставим дальше значения на 3-ю кнопку:

 

Property: Caption – ставим: Выход из программы

 

Property: FontSize – ставим: 12

 

Property: Picture – ставим: iExit

Так как картинка BMP, то ставим свойства

Property: Picture

 

В результате получится окончательная форма:

Сохраняем готовую форму при помощи вызова контекстного меню правой кнопкой мыши и выбора пункта меню Save FORM:

 

 Заканчиваем работу с Harbour MiniGUI IDE (рисование форм закончилось, а писать код в Блокноте.exe сложно ) и возвращаемся, возвращаемся, возвращаемся в xMate. Открываем свойства проекта и нажимаем кнопку добавить.

 

Заходим в папку Source и там выбираем файл формы (FormaMain.fmg). Нажимаем ОК, снова нажимаем Добавить и заходим в папку Resource и выбираем там файл ресурса (test-ide.rc).

 

Подсказка:

Можно выбрать несколько файлов, зажимая кнопку Shift

 

 Теперь в нашем проекте есть 3 файла:

 

Group 10614

 

Нажимаем на кнопку «Пересобрать и запустить»:

 В результате получаем готовый проект. Но при нажатии на кнопки, никаких действий не будет производиться. Надо писать «обработчики» событий кнопок (это можно было сделать и в IDE, но в виду его нестабильности, это действие произведем в редакторе xMate).

Далее пишем обработчики или действия кнопок.

Примеры для начинающих по переводу приложений Clipper на полноценное Windows приложение можете скачать  со страницы - http://abonent4.ru/minigui/    
Язык программирования Harbour (полностью совместим с Clipper), является свободным программным обеспечением.