Сделать предварительный просмотр камеры в формах Xamarin - PullRequest
Новая
       4

Сделать предварительный просмотр камеры в формах Xamarin

0 голосов
/ 31 марта 2020

Мне нужна помощь, чтобы сделать следующий экран в формах xamarin, есть ли тело, которое может мне помочь? Я пытался использовать пользовательский рендер, но я не добился никакого успеха. Я не знаю, как использовать всплывающее окно на камеру, как это. Любая помощь будет оценена. Спасибо Экран

1 Ответ

0 голосов
/ 01 апреля 2020

Хотите ли вы получить результат, подобный следующему GIF?

enter image description here

Если это так, вы можете создать собственное представление рендерера и использовать Rg.Plugins.Popup чтобы достичь этого.

И используйте RelativeLayout для достижения всплывающей кнопки над CameraLayout. 

    <ContentPage.Content>
        <RelativeLayout>

            <local:CameraPreview Camera="Rear" HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" 
              RelativeLayout.WidthConstraint="{ConstraintExpression
                Type=RelativeToParent,
                Property=Width,
                Factor=1,
                Constant=0}"
             RelativeLayout.HeightConstraint="{ConstraintExpression
                Type=RelativeToParent,
                Property=Height,
                Factor=1,
                Constant=0}"
             />

            <Button Text="pop" Clicked="Button_Clicked"  BackgroundColor="Transparent"  
              RelativeLayout.XConstraint = "{ConstraintExpression 
                Type=RelativeToParent,
                Property=Width,
                Factor=1,
                Constant=-100}"
              RelativeLayout.YConstraint = "{ConstraintExpression 
                Type=RelativeToParent,
                Property=Height,
                Factor=1,
                Constant=-100}"
              RelativeLayout.WidthConstraint="{ConstraintExpression
                Type=RelativeToParent,
                Property=Width,
                Factor=.2,
                Constant=0}"
        RelativeLayout.HeightConstraint="{ConstraintExpression
                Type=RelativeToParent,
                Property=Height,
                Factor=.1,
                Constant=0}"
                  />
        </RelativeLayout>
    </ContentPage.Content>

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

https://docs.microsoft.com/en-us/xamarin/xamarin-forms/app-fundamentals/custom-renderer/view

Вот моя демонстрационная ссылка, которую вы можете скачать.

https://github.com/851265601/XFormsCameraPage

...