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

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

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

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

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

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

В появившемся диалоге зададим имя ресурса как SAMPLE.HTML и нажмем кнопку ОК.
Дважды щелкаем мышью на 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>
```
На экране у нас будет примерно следующее:

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

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

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

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

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

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

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

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

Рисунок 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-2012 SiComponents^® http://www.sicomponents.com
Resource Builder^® и SiComponents^® - зарегистрированные товарные знаки.
Конфедициальность Карта сайта Правила пользования