[Android] Как изменить цвет системного статус бара и разместить контролы под ним?

zekelive · 5 ноября, 2015

Друзья, подскажите. Реализовано ли уже в Seattle установка цвета системного StatusBar с цветом ToolBar на форме? Как это реализовано на платформе iOS.

Равиль Зарипов (ZuBy) · 6 ноября, 2015

Друзья, подскажите. Реализовано ли уже в Seattle установка цвета системного StatusBar с цветом ToolBar на форме? Как это реализовано на платформе iOS.

пока такого нет

rustam_d · 6 ноября, 2015

Есть программа на андроид DropSync, она меняет цвет верхнего статусбара под себя(на синий).

Прога умеет синхронизировать с Dropbox вложенные папки и файлы, очень удобно для закачки mp3 каталогов.

UPD: это не решение, но хотел показать, что возможно...

Изменено 6 ноября, 2015 пользователем rustam_d

bigjorj · 6 ноября, 2015

Ага, только скриншот программы на Android... Он-то начиная с 5 версии это умеет. Насколько я знаю пока в Delphi никто это не реализовал.

rustam_d · 6 ноября, 2015

Ага, только скриншот программы на Android... Он-то начиная с 5 версии это умеет. Насколько я знаю пока в Delphi никто это не реализовал.

не ленитесь рубрики читать...как раз речь о ведре.

DropSync с 5-й ? хм...с 4 юзаю, а 5 у меня нет пока.

Изменено 6 ноября, 2015 пользователем rustam_d

Равиль Зарипов (ZuBy) · 6 ноября, 2015

Ага, только скриншот программы на Android... Он-то начиная с 5 версии это умеет. Насколько я знаю пока в Delphi никто это не реализовал.

не ленитесь рубрики читать...как раз речь о ведре.

DropSync с 5-й ? хм...с 4 юзаю, а 5 у меня нет пока.

с 5-ки все google приложения научились не только менять цвет

может когда нить и мы сможем так делать

zekelive · 6 ноября, 2015

Жаль, очень жаль..спасибо за ответы, в любом случае)

Brovin Yaroslav · 5 февраля, 2016

Поскольку тема вызывает не поддельный интерес у пользователей. Я расскажу, как это делал я для одной демо программы, которую я готовил для выступления в ИТМО. Сразу приложу скриншот, как это будет выглядеть:

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

Теперь к делу. Андроид позволяет сделать статус бар прозрачным с наложением белого цвета с альфа каналом. Это значит, если мы разместим под статус баром зеленый цвет, то статус бар станет соответствующего темно зеленого цвета. Этим и воспользуемся. Основная идея такая:

Говорим Андроиду, что хотим прозрачный статус бар.
Указываем андроиду, что хотим размещать форму под статус баром.
Размещаем под статус баром TRectangle нужного цвета, в тон TToolBar (если используете)

Теперь по шагам:

1. Говорим Андроиду, что хотим прозрачный статус бар. Указываем андроиду, что хотим размещать форму под статус баром.
Создаем файл style.xml со стилем для нашего приложения.

<resources xmlns:android="http://schemas.android.com/apk/res/android">
	<style name="AppTheme" parent="@android:style/Theme.Holo.Light">
		<item name="android:windowTranslucentStatus">true</item>
		<item name="android:windowTranslucentNavigation">true</item>
		<item name="android:windowBackground">@drawable/splash_image_def</item>
		<item name="android:windowNoTitle">true</item>
	</style>
</resources>

В стиле указываем, что мы хотим использовать прозрачный статус бар.

Открываем Менеджер развертывания Menu->Project->Deployment Manager и добавляем наш файл стиля в проект только для андроид конфигураций:

Remote Path: "res\values\"
Remote Name: "styles.xml"

Теперь при запуске программы, андроид будет считать, что:

Приложение будет развернуто на весь экран
Статус бар будет прозрачного цвета.

3. Размещаем под статус баром TRectangle нужного цвета, в том TToolBar (если используете)
Я разместил вверху формы TRectangle, который залил требуемым цветом, в тон тул бару:

Высота статус бара у андроида равна 24.

Если вы делаете кроссплатформенный проект и для ios тоже, то по умолчанию скрываем этот прямоугольник и добавляем код по его отображению в конструктор формы только на андроиде

constructor TFormMain.Create(AOwner: TComponent);
begin
  inherited Create(AOwner);
{$IFDEF ANDROID}
  SystemStatusBarBackground.Visible := True;
{$ENDIF}
end;

В принципе все готово.

Побочные эффекты

По скольку это решение сделано сбоку, то пара моментов, которые придется в вашей программе следить:

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

{$IFDEF ANDROID}
  MapView.Margins.Top := -SystemStatusBarBackground.Height;
{$ENDIF}

Формы располагается так же и под нижними программными кнопками: Назад, домой и меню. Поэтому нужно так же иметь в виду, что расположенные снизу контролы, не будут кликабельны. Так как перекрываются нижней панелью с кнопками. Решение - это разместить TLayout под нижней панелью, чтобы сдвинуть ваши контролы к верху.

haword · 5 февраля, 2016

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

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

ivadimos · 5 февраля, 2016

Не знаю у кого как. У меня
Resource entry AppTheme already has bag item android:windowBackground.

Равиль Зарипов (ZuBy) · 5 февраля, 2016

Ярослав, а чем Ваш способ лучше чем я продемонстрировал в другой похожей теме?

По сути он делает тоже самое, только кодом. Какие плюсы?

dante333 · 7 февраля, 2016

Не знаю у кого как. У меня
Resource entry AppTheme already has bag item android:windowBackground.

В Deployment уберите галку с файла styles.xml

Равиль Зарипов (ZuBy) · 7 февраля, 2016

Тема оказалась настолько интересна что занялся ей подробней.

Мы с zairkz убили много времени, чтобы понять как выкрасить в один цвет без полупрозрачности, взяв скриншот и фотошоп определили, что затемнение происходит на 40%

Решение родилось само собой, затемнить цвет ToolBar'a на 40% и цвет выровняется.

Казалось бы можно осветлить цвет для подложки и цвет тоже выровнится, но например белый или светлые цвета нельзя еще осветлить.

также написал процедуру для определения высоты статус бара и панели навигации

procedure androidGetBounds(out statusBar, navigationBar: Integer);
{$IFDEF ANDROID}
var
  KeyCharacterMap: JKeyCharacterMap;
  resourceID: Integer;
  ScreenService: IFMXScreenService;
  sScale: Single;
{$ENDIF}
begin
  navigationBar := 0;
  statusBar := 0;
{$IFDEF ANDROID}
  if TOSVersion.Check(5, 0) then // вроде только работает с 5.0 ниже нет устройства проверить
  begin
    sScale := 1;
    if TPlatformServices.Current.SupportsPlatformService(IFMXScreenService, IInterface(ScreenService)) then
      sScale := ScreenService.GetScreenScale; //получаем скейл

    resourceID := TAndroidHelper.Activity.getResources.getIdentifier(StringToJString('status_bar_height'),
      StringToJString('dimen'), StringToJString('android'));
    if resourceID > 0 then
      statusBar := Trunc(TAndroidHelper.Activity.getResources.getDimensionPixelSize(resourceID) / sScale);

    if not TJKeyCharacterMap.JavaClass.deviceHasKey(TJKeyEvent.JavaClass.KEYCODE_BACK) then
    // проверка на существование наэкранных кнопок или физических
    begin
      resourceID := TAndroidHelper.Activity.getResources.getIdentifier(StringToJString('navigation_bar_height'),
        StringToJString('dimen'), StringToJString('android'));
      if resourceID > 0 then
        navigationBar := Trunc(TAndroidHelper.Activity.getResources.getDimensionPixelSize(resourceID) / sScale);
    end;
  end;
{$ENDIF}
end;

и в модуле FMX.Platform.Android нужно изменения внести (если вы используете измененный модуль для Intel'а)

     // Fix by Flying Wang &
      CallInUIThread(
        procedure
        begin
          if (not PlatformAndroid.GetFullScreen(nil)) and (SharedActivity.getWindow.getAttributes.Flags and
            TJWindowManager_LayoutParams.JavaClass.FLAG_FULLSCREEN <> TJWindowManager_LayoutParams.JavaClass.FLAG_FULLSCREEN) and
            (SharedActivity.getWindow.getAttributes.Flags and TJWindowManager_LayoutParams.JavaClass.FLAG_TRANSLUCENT_STATUS <>
            TJWindowManager_LayoutParams.JavaClass.FLAG_TRANSLUCENT_STATUS) // fix by ZuBy
        ...

SystemBar.zip

zekelive · 22 июня, 2016

Решил опробовать способ Ярослава с прозрачным статус баром - не получается. Получается только лишь закрасить статус бар в любой цвет, а вот сделать прозрачным никак. Делал все по инструкции. Что может быть не так? Работаю с Seattle 10 Upd1 для Андроида. Есть форма, на ней TTabControl с TImage.

Равиль Зарипов (ZuBy) · 23 июня, 2016

12 часа назад, zekelive сказал:

Решил опробовать способ Ярослава с прозрачным статус баром - не получается. Получается только лишь закрасить статус бар в любой цвет, а вот сделать прозрачным никак. Делал все по инструкции. Что может быть не так? Работаю с Seattle 10 Upd1 для Андроида. Есть форма, на ней TTabControl с TImage.

Попробуйте вот так

zekelive · 23 июня, 2016

11 час назад, ZuBy сказал:

Попробуйте вот так

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

Равиль Зарипов (ZuBy) · 23 июня, 2016

18 минут назад, zekelive сказал:

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

в принципе все предсказуемо, главное что проблема решилась

Войти

[Android] Как изменить цвет системного статус бара и разместить контролы под ним?

Вопрос

zekelive

15 ответов на этот вопрос

Рекомендуемые сообщения

Равиль Зарипов (ZuBy)

rustam_d

bigjorj

rustam_d

Равиль Зарипов (ZuBy)

zekelive

Brovin Yaroslav

haword

ivadimos

Равиль Зарипов (ZuBy)

dante333

Равиль Зарипов (ZuBy)

zekelive

Равиль Зарипов (ZuBy)

zekelive

Равиль Зарипов (ZuBy)

Присоединяйтесь к обсуждению

Похожий контент

при компиляции вылетают куча ошибок

Android платформы в опциях нет

Как вызвать проводник в коде Delphi?

Как правильно использовать TStyleBook в Delphi 10.4?

Как объявить свое приложение "приложением камерой"?

Не добавляется иконка приложения для Android

Ошибки при смене SDK

Как создать компонент для записи, и его сохранения?

Поставил Delphi 10.4 - не могу скомпилировать приложение под Android

Отправить запрос и получить ответ USSD

Последние посетители 0 пользователей онлайн

Обзор

FGX

Активность