AppBuilder (1037668), страница 2

Просмтор этого файла доступен только зарегистрированным пользователям. Но у нас супер быстрая регистрация: достаточно только электронной почты!

Текст из файла (страница 2)

Давайте теперь использовать редактор карты пикселей, чтобы редактировать виджет PtLabel. Этот редактор называют "картой пикселей" или "точечный рисунок", так как он позволяет Вам редактировать много типов ресурсов изображений помимо точечных рисунков.

PtLabel виджет отображает текст и/или изображение.

1. Щелкнем PtLabel в палитре виджетов:

2. Переместим указатель в основное окно и щелкнем ниже виджета кнопки, который Вы уже создавали. Вы увидите виджет PtLabel .

3. Нажимаем ресурс Label Type в панели управления Ресурсов, и устанавливаем его на Pt_IMAGE.

4. Нажимают ресурс Pt_IMAGE в панели управления Ресурсов, чтобы вызвать редактор карты пикселей.

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

6. Выбираем цвет из палитры карты пикселей. Вы увидите, что рисующий цвет в редакторе карты пикселей немедленно изменится. Если Вы нажмете Edit Color, Вы увидите цветовой редактор, как описано ранее.

7. Чтобы рисовать простое изображение, Вы можете:

_ нажать левую кнопку мыши, чтобы заполниться, ячейку рисующим цветом

_ нажимает правую кнопку мыши, чтобы заполниться, ячейку цветом фона

_ удерживая кнопку мыши и перемещая указатель, можно рисовать как ручкой.

Попробуйте другие инструментальные средства рисования.

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

Редактирование многострочного текста

Далее, мы редактируем многострочный текстовый ресурс — текст виджета PtMultiText.

1. Щелкнем PtMultiText в палитре виджетов:

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

3. Нажимаем ресурс Text String в панели управления Ресурсов, чтобы вызвать многострочный текстовый редактор:

4. Напечатаем несколько строк текста. Чтобы создавать новую строку, нажмите Enter. Например: QNX Software Systems Ltd. Введите текст.

5. Щелкнем Done. Ваш текст должен появиться точно в том виде, как Вы его напечатали. Если этого не происходит, пробуйте изменить размеры виджета, вероятно виджет был не достаточно широк или недостаточно высок.

6. Для лучшего эффекта, найдите ресурс Horz Alignment, нажмите на него, и измените выравнивание текста на Pt CENTER. Каждая строка теперь центрирована индивидуально.

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

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

Редактирование списка текстовых элементов

Давайте теперь создадим виджет PtList и добавим текст к этому виджету, используя редактор списка. Этот редактор позволяет Вам добавлять и редактировать текст для любого виджета, который может содержать список текстовых элементов.

1. Щелкнем PtList в палитре виджетов:

2. Переместим указатель в основное окно приложения, и растянем виджет, пока новый PtList не кажется достаточно большим, чтобы вместить несколько строк текста.

3. Нажмем ресурс List of Items, чтобы вызвать редактор списка

4. Нажимаем в текстовом поле внизу редактора. Вы увидите текстовый входной курсор.

5. Печатаем некоторый текст, затем нажмем Add After чтобы разместить первый элемент списка.

6. Теперь давайте создавать второй элемент. Нажмем в текстовом поле, и напечатаем Ctrl-U, чтобы стереть текст в текстовом поле, затем напечатаем некоторый новый текст. Нажмем Add After, чтобы разместить этот новый элемент после предыдущего элемента.

7. Повторим вышеупомянутый шаг так часто, как Вам необходимо.

8. Щелкнем Apply. Виджет PtList должен отобразить список, который Вы создали.

9. Теперь пробуем редактировать список:

_ Чтобы изменить существующий элемент, нажмите элемент, редактируйте текст элемента, затем нажмите Edit.

_ Чтобы удалить элемент, нажмите элемент, затем нажмите Remove.

10. Когда Вы закончите экспериментировать, нажмите на Done, чтобы применить ваши изменения и закрыть редактор.

Создание шаблона

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

Давайте создадим шаблон из кнопки, которую Вы создавали ранее в этой обучающей программе.

1. Выбираем кнопку.

2. Нажимаем меню Widget, и затем выбираем Define Template. Появляется сохраняющий диалог шаблона:

3. Вы должны создать папку, чтобы сохранить шаблон, так что щелкнем на Add Folder... Этот диалог отображен:

4. Новая папка может быть пользовательской папкой или папкой PhAB. Пользовательская папка является личной и не может использоваться никакими другими пользователями PhAB. Если Вы выбираете папку PhAB, новая папка может быть разделена между пользователями, однако при этом Вы должны иметь необходимые права для создания папки PhAB.

Выберите User Folder, напечатайте My_templates в поле ими папки, и нажмите Add.

Закроем диалог, и имя папки отобразится в Сохраняющем диалоге шаблона.

5. Дадим шаблону имя, типа «Big green button». Это имя, которое PhAB использовать в палитре.

6. Вы можете создать значок для выбора вашего шаблона в палитре. Если Вы не создадите значок для входа шаблона, то используется заданный по умолчанию значок. Чтобы создавать значок, нажмите кнопка значка Edit, и затем повторите действия, выполнявшиеся ранее для редактирования карты пикселей.

Желательно, чтобы значок напоминал Ваш виджет:

7. Произвольно выберите цвет фона для значка в палитре, нажимая на поле Color. Вы можете использовать различные цвета фона в палитре, чтобы отличить виджеты, которые используются для различных целей (например кнопки и текстовые виджеты).

8. Выбираем и метод переноса. Он определяет, перемещаете Вы или только нажимаете, когда Вы создаете новые экземпляры виджетов по вашего шаблона.

Для этой кнопки, выберите перемещающий метод.

9. Диалог должен теперь смотреться подобно этому:

Щелкнем Done.

Вы только что создавали шаблон! Теперь, давайте посмотрим, как его использовать.

1. SelectWindow> Show Templates. На списке элементов, выберите Show My Templates. Если пункт меню - Hide My Templates скрыт, это означает, что Мои Шаблоны уже отображены и видимы на экране.

2. Идем в панель управления, и нажимают верхнюю позицию табуляции. Всплывающее меню теперь включает Мои шаблоны. Выберите его, чтобы отобразить палитру.

3. Нажимаем значок для вашей настроенной кнопки, создаем образец ее, и редактируем образец, как Вы желаете:

Если Вы желаете, Вы может сохранить, сгенерировать, и выполнять приложение tut2. Всякий раз, когда Вы запускаете PhAB, он автоматически загружает палитру для My Templates.

Обучающая программа 3. — создание меню и строк меню

Эта обучающая программа пояснит, как создать меню и строки меню.

О вызовах callback

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

Почти все виджеты поддерживают разнообразие callback вызовов. Эти вызовы дают возможность интерфейсу вашего приложения взаимодействовать с вашим прикладным кодом. Например, скажем, Вы хотите, чтобы ваше приложение исполнило действие, когда пользователь нажимает на кнопку. В этом случае, Вы прикрепили бы функцию действия к callback "Activate" кнопки. В некоторых оконных средах, Вы можете прикрепить только функции кода к callback вызовам виджета. Но всякий раз, когда Вы используете PhAB, чтобы создать callback вызов, Вы можете идти на шаг далее и прикреплять полные окна, диалоги, меню, и многое другое. Именно эти расширенные функциональные возможности мы называем callback вызов.

PhAB обеспечивает два основных типа callback вызовов:

Module-type link callback

Присоединяет модуль прикладных программ (типа окна, диалога, или меню) к любому callback вызову виджета. Модуль открывается всякий раз, когда условия callback вызова выполнены. В этой обучающей программе, Вы свяжете модуль меню с callback вызовом "Arm" кнопки.

Code-type link callback

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

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

Об именах отдельных экземпляров виджетов

Чтобы обратиться к виджету из вашего прикладного кода, Вы должны сначала дать каждому экземпляру виджета имя. Так как все имена виджетов постоянно находятся в той же самой глобальной переменной namespace, никакие два экземпляра виджета в пределах одного приложения не могут иметь одинаковые имена. Мы рекомендуем, чтобы Вы формировали каждое имя с префикса модуля. Например, если ваше основное окно имеет виджет PtButton, который содержит текст "Blue", Вы можете дать этому виджету имя base blue .

Принятие соглашения об именах для ваших виджетов, облегчит для Вас работу с большими приложениями.

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

Чтобы узнать об использовании callback вызовов, давайте создадим два функционирующих пункта меню File и Help. Позже Вы сможете применить их в ваших собственных приложениях.

В PhAB, меню сформированы из двух частей:

_ кнопка меню, которую Вы нажимаете, чтобы отобразить меню,

_ модуль меню, который при этом открывается и содержит пункты меню.

Используя callback вызовы, Вы свяжете модули меню с кнопками File и Help в строке меню. Вы также свяжете callback вызов типа кода с пунктом меню Quit в модуле меню File. Этот callback вызов даст возможность пункту Quit закрыть приложение.

1. Создаем новое приложение, с названием tut3. Выберите стиль окна Plain.

2. Выбирает PtMenuBar виджет из палитры виджетов, устанавливаем его в левый верхний угол холста основного окна, и перемещаем, пока строка меню не займет всю ширину окна. Строка меню растет и сжимается, поскольку Вы изменяете ширину окна, и она всегда остается наверху окна. Вы видит это, нажимая на заголовок окна, затем изменяя размеры окна, потянув за один из маркеров окна. Если Вы случайно нажимаете кнопку Test в правой стороне области заголовка модуля, окно не будет изменять размеры или принимать новые виджеты. Если это случится, значит, Вы переключились в Испытательный Режим. Чтобы вернуться к Режиму редактирования, выберите Project>Edit mode.

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

Характеристики

Список файлов учебной работы