Resource Builder - Визуальный редактор ресурсов для WindowsЧто нового?
Английская версия Немецкая версия Русская версия
началовведениевозможностискачатькупитьсвязаться с намифорум

Ресурсы и использование HTML для создания интерфейса пользователя приложений.

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

Тем более, что это проще простого!

Рассмотрим вариант использования HTML ресурсов, находящихся в Resource-Only-DLL.

  1. Запустим Resource Builder и в меню Ресурсы выберем пункт Добавить новый тип | HTML:
Добавление HTML ресурса.

Рисунок 1. Добавление HTML ресурса.

  1. В появившемся диалоге зададим имя ресурса как SAMPLE.HTML и нажмем кнопку ОК.
  2. Дважды щелкаем мышью на SAMPLE.HTML в дереве ресурсов и в появившемся редакторе пишем простой HTML код:
    <html>
    <head>
    <title>Sample HTML file for res:\\ protocol.</title>
    </head>
    <body>
    <h1>Hello World!</h1>
    <img src="/LOGO.PNG">
    </body>
    </html>
    
    На экране у нас будет примерно следующее:
Пример HTML ресурсов.

Рисунок 2. Пример HTML ресурсов.

  1. Добавим еще один ресурс типа HTML с именем LOGO.PNG и загрузим его из PNG файла.
  2. Выбираем в меню Сервис пункт Создать Resource-Only DLL и выбираем имя DLL для создания.
  3. Открываем браузер и в адресной строке пишем:
    res://[ПУТЬ_К_ВАШЕЙ_БИБЛИОТЕКЕ]sample.dll/SAMPLE.HTML
    и нажимаем кнопку Перейти.
  4. В браузере появится примерно следующее:
HTML ресурсы в DLL и res:// протокол.

Рисунок 3. HTML ресурсы в DLL и res:// протокол.

Как видите- ничего сложного!

Выше был пример использования HTML ресурсов из DLL. Теперь расмотрим пример использования HTML ресурсов в самом приложении. Создадим простое приложение, состоящее из одного окна содержащего один WebBrowser контрол. При запуске приложения добавим код навигации WebBrowser-а на HTML страницу из ресурсов приложения:
WebBrowser1.Navigate('res://' + Application.ExeName + '/sample.html'); (Pascal code)

Запустив наше приложение, мы увидим следующее:

Запуск приложения без HTML ресурсов.

Рисунок 4. Запуск приложения без HTML ресурсов.

Теперь модифицируем наш RC файл, скопилируем его в RES и добавим к нашему проекту. Скомпилировав и запустив приложение, мы увидим следующее:

Приложение с HTML ресурсами.

Рисунок 5. Приложение с HTML ресурсами.

Как видите, мы можем использовать и ссылки на другие HTML ресурсы, находящиеся в нашем же или стороннем модуле. Это позволяет нам построить какой угодно интерфейс, используя всего лишь HTML. Более того, используя Resource Builder, мы можем менять HTML и графические ресурсы без перекомпиляции самого приложения, что позволяет нам легко и быстро улучшать и обновлять приложение, а также предоставляет неограниченные возможности по созданию специальных сборок.

Исходный код файла ресурсов и приложения, использованные в статье, можно скачать с: http://www.resource-builder.com/files/res_protocol.zip


  См. также
TsiLang Components Suite профессиональное решение для создания многоязычных приложений.
 
  Статьи
Введение в Resource Builder
 
  Ресурсы и использование HTML для создания интерфейса пользователя приложений.
 
  Награды
НаградыResource Builder получил награды от многих программных архивов. Вы можете посмотреть некоторые из них на странице наград.
 
     
© 1999-2016 SiComponents® http://www.sicomponents.com
Resource Builder® и SiComponents® - зарегистрированные товарные знаки.
Конфедициальность Карта сайта Правила пользования