Размеры ячеек сетки не согласованы при масштабировании содержимого внутри нее

Question

У меня есть сетка, содержащая анимацию Лотти (названную «animationView») в ячейке первого ряда и столбца.

Во время выполнения, когда пользователь нажимает анимацию, я масштабирую ее до нового размера:

await animationView.ScaleTo(0.333);

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

К сожалению, установка определения строки и столбца в ячейке AUTO не помогает ...

Я посвятил много времени попыткам решить эту проблему, но безуспешно.

Любая помощь будет оценена!

Answer 1

Прежде всего, если вы используете animationView.ScaleTo(); для изменения animationView, на самом деле, оно просто увеличивается на пиксель, как при GIF.

Это не изменит ширину или высоту Гирда. Если вы хотите динамически настроить Gird при масштабировании animationView до нового размера, вы должны установить WidthRequest и HeightRequest animationView динамически, как показано на следующем скриншоте.

В конце концов, мой обходной путь: установите одну треть исходных WidthRequest и HeightRequest при нажатии на animationView. И не забудьте установить olumnDefinition Width="Auto" и <RowDefinition Height="Auto" />

Надеюсь, что обходной путь полезен.