убрать лишний пробел в макете форм xamarin - PullRequest
Новая
       41

убрать лишний пробел в макете форм xamarin

1 голос
/ 19 марта 2019

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

<StackLayout>

    <Image Source="review.jpg"
               BackgroundColor="Transparent"
        WidthRequest="300"
        HeightRequest="100"
        VerticalOptions="Start" HorizontalOptions="FillAndExpand"
        FlexLayout.Grow="1">
        <Image.GestureRecognizers>
            <TapGestureRecognizer Tapped="Navigate_review"/>
        </Image.GestureRecognizers>
    </Image>

    <Image Source="upload.jpg"
               BackgroundColor="Transparent"
        WidthRequest="320"
        HeightRequest="100"
        VerticalOptions="Start" HorizontalOptions="FillAndExpand"
        FlexLayout.Grow="1">
        <Image.GestureRecognizers>
            <TapGestureRecognizer Tapped="Navigate_upload"/>
        </Image.GestureRecognizers>
    </Image>
</StackLayout>

я получаю этот вывод:

Выходное изображение 1
Выходное изображение 2

Это добавляет дополнительное пространство вверху страницы. как установить макет для удаления этого пространства?

Ответы [ 4 ]

1 голос
/ 19 марта 2019

Код, который вы публикуете, не имеет проблем.Я считаю, что ваше приложение создано с помощью шаблона с вкладками.Если это так, то пустое место вверху на самом деле является вкладкой.Как показано на этом изображении.tabbed

Если вы создадите пустой проект (не Tabbed или MasterDetails), в нем не будет пустых мест вверху.Как показано на этом изображении.enter image description here

0 голосов
/ 06 июня 2019

Я думаю, что вы используете, как показано ниже на странице App.xaml.cs: 

MainPage = new NavigationPage(new MainPage());
0 голосов
/ 19 марта 2019

Я думаю, проблема в том, что вы тестируете на эмуляторах. Реальные устройства не будут показывать эту проблему, я надеюсь.

0 голосов
/ 19 марта 2019

StackLayout и Сетка имеют интервал по умолчанию 6. В StackLayout вы можете установить интервал.Для более подробной информации, вы можете обратиться к этому Документу

Попробуйте этот фрагмент: 

 <StackLayout
        Spacing="0">
        <Image
            Source="hintsicon"
            BackgroundColor="Transparent"
            WidthRequest="300"
            HeightRequest="100"
            Aspect="Fill"
            VerticalOptions="Start"
            HorizontalOptions="FillAndExpand">
            <Image.GestureRecognizers>
                <TapGestureRecognizer
                    Tapped="Navigate_review" />
            </Image.GestureRecognizers>
        </Image>
        <Image
            Source="hintsicon"
            BackgroundColor="Transparent"
            WidthRequest="320"
            HeightRequest="100"
            Aspect="Fill"
            VerticalOptions="Start"
            HorizontalOptions="FillAndExpand">
            <Image.GestureRecognizers>
                <TapGestureRecognizer
                    Tapped="Navigate_upload" />
            </Image.GestureRecognizers>
        </Image>
    </StackLayout>
...