Efeito de sombra da borda usando Frames no Xamarin.Forms

Introdução 

Xamarin é uma plataforma para desenvolver aplicativos multiplataforma (por exemplo, Windows phone, Android, iOS). Na plataforma Xamarin, o conceito de compartilhamento de código é usado. No Xamarin Studio, o Visual Studio também está disponível.

 

 

Quadro, Armação
  1. HasShadow  = true ou false , para indicar se deve mostrar um efeito de sombra onde a plataforma o suporta.
  2. OutlineColor = Uma especificação de cor, com ou sem o prefixo “Color”. Por exemplo, “Color.Red” e “Red” especificam a cor vermelha.
Pré-requisitos
  • Visual Studio 2017 (Windows ou Mac)
As etapas abaixo devem ser seguidas para usar o efeito de sombra de borda em seus controles no aplicativo Xamarin.Forms.

Etapa 1

Vá para o Visual Studio para Mac.Clique em Nova Solução >> Multiplataforma >> App >> Aplicativo de Formulários em Branco. Depois, clique em “Next”.

Etapa 2

Nesta etapa, configure seu aplicativo. Indique o nome da aplicação (exemplo: exemplo) e o identificador da organização. Depois, clique em “Next”.

Passo 3

Nesta etapa, forneça o nome do seu projeto (Ex: Sample) e o nome da solução (Ex: Sample). Dê o caminho para o seu projeto. Depois, clique em “Criar”.

Etapa 4

Posteriormente, vá para a solução. Lá você obtém todos os arquivos e fontes do seu projeto (PCL). Agora, selecione a página XAML e clique duas vezes para abrir a página MainPage.Xaml.

Etapa 5

Nesta etapa, crie um rótulo sem qualquer efeito de sombra de borda.


MainPage.xaml

Agora, adicione o controle de quadros ao seu rótulo.


MainPage.xaml


 

Etapa 6

Nesta etapa, adicione o controle de quadro ao botão.

MainPage.xaml

 

Etapa 7

Nesta etapa, crie um ListView sem qualquer efeito de sombra de borda.


MainPage.xaml


 

Agora, adicione o controle de quadros ao seu item ListView para efeito de sombra de borda.

MainPage.xaml


 

Agora, altere a propriedade OutlineColor no quadro.
MainPage.xaml

 

Você pode ver o maravilhoso efeito de sombra da borda em seus controles.
 
Resumo
Este foi o processo de usar o efeito de sombra de borda em seus controles em Xamarin.Forms.
Por favor, compartilhe seus comentários e feedback.
Tradução: Adriano D’lucca

RelatedPost

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *