Controles XAML
Modos de exibição são objetos da interface do usuário, como rótulos, botões e controles deslizantes, que são comumente conhecidos como controles ou widgets em outros ambientes de programação gráfica. As exibições suportadas por Xamarin.Forms todos derivam da View
classe.
Todos os modos de exibição definidos em Xamarin.Forms podem ser referenciados a partir de arquivos XAML.
Exibições para apresentação
Exibir | Exemplo |
---|---|
BoxViewExibe um retângulo de uma cor específica.Guia da API / |
<BoxView Color="Acento" |
ElipseExibe uma elipse ou círculo.Guia da API / |
<Ellipse Fill="Vermelho" |
ImagemExibe um bitmap.Guia da API / |
<Fonte da imagem="https://aka.ms/campus.jpg" |
EtiquetaExibe uma ou mais linhas de texto.Guia da API / |
<Label text="Olá, Xamarin.Forms!" |
LinhaExibir uma linha.Guia da API / |
<Linha X1="40" |
MapeamentoExibe um mapa.Guia da API / |
<maps:Map ItemsSource="{Binding Locations}" /> |
CaminhoExibir curvas e formas complexas.Guia da API / |
<traçado do caminho="preto" |
PolígonoExibir um polígono.Guia da API / |
<Pontos de polígono="0 48, 0 144, 96 150, 100 0, 192 0, 192 96, |
Linha poligonalExibir uma série de linhas retas conectadas.Guia da API / |
<Pontos Polilinha="0,0 10,30, 15,0 18,60 23,30 35,30 40,0 |
RetânguloExibir um retângulo ou quadrado.Guia da API / |
<Preenchimento do retângulo="Vermelho" |
WebViewExibe páginas da Web ou conteúdo HTML.Guia da API / |
<WebView Source="https://learn.microsoft.com/xamarin/" |
Exibições que iniciam comandos
Exibir | Exemplo |
---|---|
BotãoExibe texto em um objeto retangular.Guia da API / |
<Botão text="Clique em mim!" |
ImageButtonExibe uma imagem em um objeto retangular.Guia da API / |
<ImageButton Source="XamarinLogo.png" |
RadioButtonPermite a seleção de uma opção de um conjunto.Guia |
<RadioButton Text="Abacaxi" |
RefreshViewFornece funcionalidade pull-to-refresh para conteúdo rolável.Guia |
<RefreshView IsRefreshing="{Vinculação IsRefreshing}" |
SearchBarAceita a entrada do usuário que ele usa para executar uma pesquisa.Guia |
<Espaço reservado SearchBar="Inserir termo de pesquisa" |
SwipeViewFornece itens de menu de contexto que são revelados por um gesto de passar o dedo.Guia |
<SwipeView> |
Exibições para definir valores
Exibir | Exemplo |
---|---|
CheckBoxPermite a seleção de umboolean valor. Guia |
<CheckBox IsChecked="verdadeiro" |
Controle deslizantePermite a seleção de umdouble valor de um intervalo contínuo.Guia da API / |
<Slider Mínimo="0" |
PassadorPermite a seleção de umdouble valor de um intervalo incremental.Guia da API / |
<Stepper Mínimo="0" |
ComutadorPermite a seleção de umboolean valor.Guia da API / |
<Alternar IsToggled="false" |
DatePickerPermite a seleção de uma data.Guia da API / |
<Formato DatePicker ="D" |
TimePickerPermite a seleção de um horário.Guia da API / |
<TimePicker Format="T" |
Exibições para edição de texto
Exibir | Exemplo |
---|---|
EntryPermite que uma única linha de texto seja inserida e editada.Guia da API / |
<<Entrada Keyboard="E-mail" |
EditorPermite que várias linhas de texto sejam inseridas e editadas.Guia da API / |
<Editor VerticalOptions="FillAndExpand" /> |
Exibições para indicar atividade
Exibir | Exemplo |
---|---|
ActivityIndicatorExibe uma animação para mostrar que o aplicativo está envolvido em uma atividade longa, sem dar qualquer indicação de progresso.Guia da API / |
<ActivityIndicator IsRunning="Verdadeiro" |
ProgressBarExibe uma animação para mostrar que o aplicativo está progredindo em uma atividade longa.Guia da API / |
<ProgressBar Progress=".5" |
Exibições que mostram coleções
Exibir | Exemplo |
---|---|
CarouselViewExibe uma lista rolável de itens de dados.Guia |
<CarouselView ItemsSource="{Macacos de ligação}"> |
CollectionViewExibe uma lista rolável de itens de dados selecionáveis, usando especificações de layout diferentes.Guia |
<CollectionView ItemsSource="{Macacos de ligação}"> |
IndicatorViewExibe indicadores que representam o número de itens em umCarouselView arquivo .Guia |
<IndicatorView x:Name="indicatorView" |
ListViewExibe uma lista rolável de itens de dados selecionáveis.Guia da API / |
<ListView ItemsSource="{Macacos de ligação}"> |
PickerExibe um item de seleção de uma lista de cadeias de caracteres de texto.Guia da API / |
<<Picker Title="Selecione um macaco" |
TableViewExibe uma lista de linhas interativas.Guia da API / |
<TableView Intent="Configurações"> |