Xamarin Forms: изображение нижнего колонтитула отображается не полностью

Question

В моем интерфейсе входа в систему у меня есть изображение нижнего колонтитула, которое отлично отображается на небольших устройствах. Но на устройствах с большим экраном (в основном на iPad) он отображается не полностью. Я перепробовал все Aspect свойство Image, но не сработало. Снимок экрана:

Я много пытался это исправить, но не нашел решения. Вложение файла LoginPage.xaml с этим вопросом. Пожалуйста, предложите решение для этой проблемы. :)

Answer 1

Убедитесь, что (в проекте iOS -> Активы) ваш набор изображений имеет 3 разных размера: xxx.png, xxx.png @ 2x и xxx.png@3x.

Какое изображение будет использоваться для вашегоприложение? Это зависит от устройства, на котором просматривается ваше приложение. Устройства с более высоким разрешением (большие и новые устройства) имеют больше пикселей на своих экранах. Таким образом, им нужны изображения с более высоким разрешением для правильного отображения без размытия.

Если вы не предоставите изображения с более высоким разрешением (@2x или @3x), ваше приложение автоматически попытается масштабировать @1xизображение вверх. Это не хорошо и может привести к искаженному или размытому изображению!

Answer 2

Удалите последний StackLayout с изображением и добавьте его после StackLayout с Grid.Row = "1" следующим образом

          <Grid Grid.Row="1" 
                BackgroundColor="#c0eefb">

                <Image 
                    Source="ic_footer_image_xx.png" 
                    Aspect="AspectFill" 
                    HorizontalOptions="FillAndExpand"/>
           </Grid>

Answer 3

Основываясь на файле, который вы связали в комментариях, я думаю, что было бы достаточно удалить нижний StackLayout, обертывающий изображение, и вместо этого поместить Grid.Row = "1" & VerticalOptions = "End" в нижнее изображение. Пожалуйста, обновите ваш вопрос соответствующим кодом, чтобы вопрос и ответы были более полезными для других.