Utilizando a Câmera – Xamarin.Forms

Olá, neste post irei demonstrar como a sua aplicação Xamarin.Forms pode acessar a câmera do dispositivo para tirar uma foto, fazer um vídeo ou acessar a galeria.

Para este exemplo irei assumir que você acabou de criar uma aplicação Xamarin.Forms, caso possua alguma dúvida sobre isso recomendo ler o post Criando um projeto Xamarin.Forms.

O primeiro passo após a sua aplicação ter sido criada é adicionar o Nuget Package Xam.Plugin.Media.

ADICIONANDO O NUGET PACKAGE

Clique com o botão direito em cima de sua Solution e selecione “Manage NuGet Packages for Solution…”.

nugetp

Digite “Xam.Plugin.Media” e selecione o plugin como demonstrado na imagem a seguir.

nuget

Selecione todos os projetos e clique no botão “Install”.

nuget

Android

Para a plataforma Android é necessário realizar a inicialização do plugin no arquivo MainActivity, para isso adicione a seguinte linha de código:

await CrossMedia.Current.Initialize();

Essa linha será adicionada após o comando base.OnCreate(bundle) como demonstrado a seguir.

Em seguida, é preciso adicionar a permissão para o seu app acessar a câmera, isso é feito no Android Manifest. Clique com o botão direito em cima do seu projeto .android, selecione Properties e em seguida Android Manifest.

permissions

Selecione CAMERA em Required Permissions.

iOS

Adicionar permissões para que o seu app acesse a câmera na plataforma iOS é necessário editar o arquivo Info.plist que encontra-se no seu projeto .iOS

info

No arquivo Info.plist iremos adicionar as chaves NSCameraUsageDescription e NSPhotoLibraryUsageDescription como demonstrado a seguir.

Portable

O próximo passo é colocar alguns botões para acionar a câmera ou a galeria e um Image para demonstrar a foto tirada.

Xaml

O evento click de cada botão ira chamar o seu respectivo método, como demonstrado a seguir.

Tirar Foto

tirarfoto

 

Escolher Foto

escolherfoto

 

Gravar Vídeo

gravarvideo.png

 

Escolher Vídeo

escolhervideo

CODE-BEHIND

Resultado

ezgif.com-gif-maker

Esse e todos os exemplos deste blog encontram-se disponíveis no GitHub.

icongithub

Deixe um comentário

Preencha os seus dados abaixo ou clique em um ícone para log in:

Logotipo do WordPress.com

Você está comentando utilizando sua conta WordPress.com. Sair / Alterar )

Imagem do Twitter

Você está comentando utilizando sua conta Twitter. Sair / Alterar )

Foto do Facebook

Você está comentando utilizando sua conta Facebook. Sair / Alterar )

Foto do Google+

Você está comentando utilizando sua conta Google+. Sair / Alterar )

Conectando a %s