Делаем кастомный Collapsing Toolbar на Jetpack Compose

[MaxZverev]

Красива :)

[quaer]

А для собственно содержимого старницы место-то остаётся на экране, например, в ландшафтном режиме? Или цель просто иметь Compose и что-то модное, динамичное, чтобы на экране всё двигалось и мелькало?

Как увидеть весь текст длинной надписи в портретном режиме, когда не помещается полностью?

[horseunnamed]

Привет! Кажется, вопрос больше про визуальный дизайн UI, а не про технологию его реализации (Compose/View).

для собственно содержимого старницы место-то остаётся на экране, например, в ландшафтном режиме

Как увидеть весь текст длинной надписи в портретном режиме, когда не помещается полностью?

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

[quaer]

А если нет прокручиваемого списка и верстка статична, как бы вы решили проблему показа текста?

[horseunnamed]

В таком случае вёрстку контента можно обернуть в контейнер с поддержкой скролла (на случай, когда контент полностью не помещается на экране) + добавить в тулбар возможность обработать жест скролла. То есть чтобы можно было за тулбар потянуть и схлопнуть заголовок.

[Rusrst]

Спасибо! Пишите ещё и выпускайте ролики! :)

[jumperk]

Не совсем понятно, почему для расчета collapsedTitleMaxWidthPx происходит деление на fullyCollapsedTitleScale. Учитывая что это число будет меньше 1, то доступная максимальная ширина collapsedTitle будет больше ширины экрана?