2

появилась необходимость сделать нижнюю шторку в приложении Xamarin Forms, похожую на шторку в iOS Maps или в Google Maps, с возможностью растягивать её на весь экран и так же сворачивать. Ниже прикрепляю фото с примером. Уже несколько дней не могу найти решение. Буду благодарен за любую помощь. введите сюда описание изображения

1 ответ 1

2

Наконец-то разобрался, оставлю ответ, может кому то будет полезно. Разметка Xaml:

<Frame Grid.Row="{Binding GridRowMap}"
               Grid.RowSpan="{Binding GridRowSpanMap}"
               Padding="0"
               HasShadow="False"
               BackgroundColor="Transparent"
               IsClippedToBounds="True"
               CornerRadius="15"
               TranslationY="0"
               Margin="0,0,0,-300"
               IsVisible="{Binding VissibleMap}"
               x:Name="frameMap">
            <Frame.GestureRecognizers>
                <SwipeGestureRecognizer Direction="Up"
                                        Swiped="SwipeGestureRecognizer_SwipedUp"
                                        Threshold="100"/>
                <SwipeGestureRecognizer Direction="Down"
                                        Swiped="SwipeGestureRecognizer_SwipedDown"
                                        Threshold="100"/>
            </Frame.GestureRecognizers>
</Frame>

Cod Behind C#:

private bool _isExpanded = false;

    async void SwipeGestureRecognizer_SwipedUp(System.Object sender, Xamarin.Forms.SwipedEventArgs e)
    {
        if (!_isExpanded)
        {
            await frameMap.TranslateTo(0, -300, 200, Easing.CubicInOut);
            
            _isExpanded = true;
        }
    }

    async void SwipeGestureRecognizer_SwipedDown(System.Object sender, Xamarin.Forms.SwipedEventArgs e)
    {
        if (_isExpanded)
        {
            await frameMap.TranslateTo(0, 0, 200, Easing.CubicInOut);
            _isExpanded = false;
            
        }
    }

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.