Изменение цвета фона компонента TChromium для веб-браузера в Delphi

Delphi , Графика и Игры , Цвета и Палитра

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

Проблема

Когда разработчики используют компонент TChromium для отображения статической HTML-страницы с серым фоном, они могут столкнуться с тем, что при запуске приложения фон сначала отображается белым, а содержимое – пустым, и только затем загружается страница с серым фоном и актуальным содержимым.

Решение

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

Пример кода на Object Pascal (Delphi)

procedure TForm1.FormCreate(Sender: TObject);
const
  CSSHeader = 'data:text/css;charset=utf-8;base64,';
  CSSBase64 = 'Ym9keSB7YmFja2dyb3VuZC1jb2xvcjpibGFjazt9'; // Зашифрованный стиль в Base64
begin
  Chromium1.UserStyleSheetLocation := CSSHeader + CSSBase64;
  Chromium1.Options.UserStyleSheetEnabled := True;
  Chromium1.ReCreateBrowser('about:blank'); // Загрузка пустой страницы перед применением стиля
end;

Здесь CSSBase64 – это стилевой лист, закодированный в Base64:

body {background-color:black;}

Этот стиль задает черный цвет фона для всего тела страницы.

Альтернативные способы

Были попытки скрыть браузер при загрузке страницы и показывать его только после завершения загрузки. Однако, это не привело к желаемому результату. Событие OnLoadStart не срабатывало, и изменение свойства видимости браузера не решало проблему.

Заключение

Использование пользовательского стилевого листа является эффективным способом изменения цвета фона по умолчанию для компонента TChromium. Этот метод позволяет контролировать внешний вид отображаемых страниц и устраняет проблему временного отображения белого фона при загрузке.

Приведенный пример кода можно использовать в качестве основы для дальнейшей настройки внешнего вида веб-браузера в приложениях на Delphi.

Создано по материалам из источника по ссылке.

Устранение проблемы временного отображения белого фона компонента TChromium в Delphi с помощью установки цвета фона по умолчанию через пользовательский стилевой лист.

Комментарии и вопросы

Получайте свежие новости и обновления по Object Pascal, Delphi и Lazarus прямо в свой смартфон. Подпишитесь на наш Telegram-канал delphi_kansoftware и будьте в курсе последних тенденций в разработке под Linux, Windows, Android и iOS

:: Главная :: Цвета и Палитра ::