Бразуер

Как и в любой нормальной среде разработки, в HiAsm должны быть компоненты на все случаи жизни (ну, или почти на все:). И когда штатный браузер уже не устраивает, то самое время открыть HiAsm и проявить свою фантазию.
Сразу оговорюсь, что компонент WebBrowser построен на основе IE, то есть отображаться сайты в нём будут так, как в Internet Explorer. Однако офрмление программы можно сделать по своему вкусу и в своём стиле.

Этот компонент находится на влкдаке "интерфейс" сразу после мультиэлемента "группа элементов". У браузера в основном стандартные для всех визуальных компонентов свойства, но есть два собственных - это URL, который определяет начальный адрес, загружаемый при старте программы, и Silent, который разрешает или запрещает отображение ошибок JavaScript.

Из параметра URL желательно всё убрать, оставив его пустым, иначе вы не сможете загрузить страницу по адресу из потока, а только через точку данных.

Здесь объясню, почему так происходит. Вы уже знаете, как можно передать информацию компоненту: через параметры, через точки данных и через методы (в потоке). Приоритет у них такой: сначала информация берётся из точки данных. Если на ней ничего нет, то проверяется соответствующий параметр. Если и он пуст, то только в этом случае данные берутся из потока. Всегда это помните.

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



Динамическое изменение размеров панели и самого компонента WebBrowser достигается благодаря установленнуму параметру Align. У панели оно равно caTop, то есть панель будет всега занимать положение сверху, во всю ширину окна программы. А её высоту задаёте вы в редакторе формы.

Для браузера этот параметр равен caClient. Это означает, что он займёт всю оставшуюся часть окна. Отсюда следует, что если поставить на главную форму ещё какие-то компоненты, то они будут обязательно пересекаться с этими двумя.
Но на главную форму нам ничего больше ставить не нужно. Мы будем работать с панелью.

Не забудьте войти в этот мультиэлемент (двойной щелчок). Здесь, по идее, должны располагаться кнопки навигации и адресная строка, что мы сейчас и реализуем.



Здесь для вас новый элемент - кнопка с картинкой. Он позволяет отображать на кнопке картинку, но по умолчанию вокруг кнопки рисуется рамка. Чтобы этого избежать, у кнопок изменён параметр Frame. Ну а рисунки находятся в параметре Bitmap.
Всплывающие подсказки находятся в параметре Hint.

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

Попробуйте загружать страницы. Чего-то не хватает? Ах да, конечно, статусной строки. Но и это не проблема.



В HiAsm есть и строка состояния. Она находится прямо перед дочерней формой на панели компонентов. Работать с ней несложно - в её параметре Panels нужно только указать количество ячеек, которые будут в строке, причём после названия можно ставить знак "=" и писать ширину ячейки.

В каждой ячейке может отображаться разный текст. В параметре Strings можно задать стандартные тексты и выводить их методом doIndexText, а можно и подавать произвольный текст в потоке методу doText. Мы используем именно второй способ, потому что текст заранее нам неизвестен.

А чтобы указать, в какую ячейку выводить текст, нужно подать её индекс (ячейки нумеруются с нуля!) на точку данных строки состояния Panel. Но ставить поле ввода тут ни к чему - вы ведь не хотите позволить пользователю изменить этот индекс.
Нам подойдёт невизуальный компонент Memory, в котором можно хранить данные трёх типов (строка, целое число или дробное число).



Компонент находится на вкладке "Инструменты". В его параметре Default нужно выбрать тип данных (integer - целое число) и ввести значение (первая ячейка имеет индекс 0, помните это!).

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