NavigationPage + CarouselPage: странная ошибка прокрутки - PullRequest
Новая
       39

NavigationPage + CarouselPage: странная ошибка прокрутки

0 голосов
/ 18 декабря 2018

Я сейчас играю с примером CarouselPage, и, поскольку я хотел бы перейти на другие страницы, я запускаю приложение с NavigationPage в качестве основной: 

    public App()
    {
        InitializeComponent();

        // Need navigation to have modal/nonmodal pages
        //MainPage = new MainPage();
        MainPage = new NavigationPage(new MainPage());
    }

XAML добавляет безопасные области для iPhone X и удаляет панель навигации: 

<?xml version="1.0" encoding="utf-8"?>
<CarouselPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:local="clr-namespace:Stoa" x:Class="Test.MainPage"
              xmlns:ios="clr-namespace:Xamarin.Forms.PlatformConfiguration.iOSSpecific;assembly=Xamarin.Forms.Core" 
              ios:Page.UseSafeArea="true" 
              NavigationPage.HasNavigationBar="False">            
    <ContentPage>
        <ContentPage.Padding>
            <OnPlatform x:TypeArguments="Thickness">
                <On Platform="iOS, Android" Value="0,40,0,0" />
            </OnPlatform>
        </ContentPage.Padding>
        <StackLayout>
            <Label Text="Green" FontSize="Medium" HorizontalOptions="Center" />
            <Button BackgroundColor="Green" WidthRequest="200" HeightRequest="200" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage>
    <ContentPage>
        <ContentPage.Padding>
            <OnPlatform x:TypeArguments="Thickness">
                <On Platform="iOS, Android" Value="0,40,0,0" />
            </OnPlatform>
        </ContentPage.Padding>
        <StackLayout>
            <Label Text="Blue" FontSize="Medium" HorizontalOptions="Center" />
            <Button BackgroundColor="Blue" WidthRequest="200" HeightRequest="200" HorizontalOptions="Center" VerticalOptions="CenterAndExpand" />
        </StackLayout>
    </ContentPage>
</CarouselPage>

Проблема в том, что теперь пользователь может прокручивать по вертикали и теряет поля, по-видимому:

weirdscroll

Есть ли способ это исправить?

В качестве альтернативы, как я могу отклониться от вида карусели или «подделать» карусель?

Ответы [ 2 ]

0 голосов
/ 31 мая 2019

Это «смещение прокрутки безопасной области» может быть исправлено с помощью пользовательского iOS CarouselPageRenderer, который устанавливает для UIScrollView ContentInsetAdjustmentBehavior значение Никогда 

 [assembly: ExportRenderer(typeof(CarouselPage), typeof(CustomCarouselPageRenderer))]
    namespace MyApp.iOS.Renderers
    {
        public class CustomCarouselPageRenderer : CarouselPageRenderer
        {
            protected override void OnElementChanged(VisualElementChangedEventArgs e)
            {
                base.OnElementChanged(e);
                if (NativeView is UIView view && view.Subviews[0] is UIScrollView scrollView)
                {
                    scrollView.ContentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentBehavior.Never;
                }
            }
        }
    }
0 голосов
/ 18 декабря 2018

есть отличная статья на https://github.com/alexrainman/CarouselView, когда владелец репо создал свою собственную карусель и расширил ее с помощью BindableProperties, где вы можете просто установить ориентацию.

...