Idioma: HTML | XAML

Lista de controles (XAML)

Applies to Windows and Windows Phone

A estrutura da interface do usuário XAML para Windows fornece uma biblioteca extensiva de controles que dão suporte ao desenvolvimento da interface do usuário. Alguns desses controles têm uma representação visual, outros funcionam como contêineres de outros controles ou conteúdos, como imagens e mídias. Você pode ver muitos dos controles da interface do usuário do Windows em ação baixando o Exemplo de galeria de controles e layout e o Exemplo de controles essenciais de XAML.

Aqui está uma lista em ordem alfabética dos controles XAML comuns que você pode ver em seu aplicativo. Para ver os controles agrupados por função, consulte Controles por função.

Você pode ver a maioria dos controles contidos nas interfaces do usuário de seu aplicativo para telefone e computador. Esses controles geralmente têm uma aparência semelhante, mas em alguns casos, são diferentes no telefone e no computador. Outros controles estão disponíveis somente para aplicativos de telefone, ou apenas para aplicativos de computador.

Mapa: como este tópico está relacionado aos outros? Veja:

A, B, C, D, E, F, G, H, I, J, K, L, M, N, O, P, Q, R, S, T, U, V, W, X, Y, Z

A

Barra de aplicativos (somente para o Windows)

Uma barra de ferramentas para exibir comandos específicos a aplicativos.

Controle da barra de aplicativos inferior

<Page.BottomAppBar>
    <AppBar x:Name="bottomAppBar" Padding="10,0,10,0">
        <Grid>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Left">
                <Button Style="{StaticResource EditAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource RemoveAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource AddAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
            <StackPanel Orientation="Horizontal" HorizontalAlignment="Right">
                <Button Style="{StaticResource RefreshAppBarButtonStyle}" Click="Button_Click"/>
                <Button Style="{StaticResource HelpAppBarButtonStyle}" Click="Button_Click"/>
            </StackPanel>
        </Grid>
    </AppBar>
</Page.BottomAppBar>


Referência: AppBar

Como: adicionar barras de aplicativos

Design: Barra de aplicativos superior, Barra de aplicativos inferior

Código de exemplo: Exemplo de controle XAML AppBar, Exemplo de galeria de controles e layout

Botão da barra de aplicativos

Um botão para mostrar os comandos usando a definição da barra de aplicativos.

Referência: AppBarButton

Design: Botão Voltar, Barra de aplicativos inferior

Separador da barra de aplicativos (somente para o Windows)

Visualmente separa grupos de comandos em uma barra de aplicativos.

Referência: AppBarSeparator

Botão de alternância da barra de aplicativos

Um botão para alternar comandos usando a definição da barra de aplicativo.

Referência: AppBarToggleButton

Áudio

Ver o elemento de mídia

Caixa de sugestão automática (somente no Windows Phone)

Uma caixa de entrada de texto que fornece o texto sugerido à medida que o usuário digita.

Referência: AutoSuggestBox

B

Borda

Um controle de contêiner que desenha uma borda, uma tela de fundo ou ambas em outro objeto.

Uma borda ao redor de 2 retângulos

<Border BorderBrush="Gray" BorderThickness="4" 
        Height="108" Width="64">
    <StackPanel>
        <Rectangle Fill="Yellow"/>
        <Rectangle Fill="Green"/>
    </StackPanel>
</Border>


Referência: Border

Código de exemplo: Exemplo de galeria de controles e layout

Botão

Um controle que responde a uma entrada de usuário e dispara um evento Click.

Um botão padrão e um botão estilizado

<Button x:Name="button1" Content="Button" 
        Click="Button_Click" />


Referência: Button

Como: adicionar botões

Design: Botão

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

C

Tela

Um painel de layout que dá suporte ao posicionamento absoluto de elementos filho relativos ao canto superior esquerdo da tela.

Painel de layout de tela

<Canvas Width="120" Height="120">
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Canvas.Left="20" Canvas.Top="20"/>
    <Rectangle Fill="Green" Canvas.Left="40" Canvas.Top="40"/>
    <Rectangle Fill="Yellow" Canvas.Left="60" Canvas.Top="60"/>
</Canvas>


Referência: Canvas

Como: Guia de início rápido: adicionando controles de layout

Código de exemplo: Exemplo de galeria de controles e layout

Caixa de marcação

Representa um controle que um usuário pode marcar e desmarcar.

Os 3 estados de uma caixa de seleção

<CheckBox x:Name="checkbox1" Content="CheckBox" 
          Checked="CheckBox_Checked"/>


Referência: CheckBox

Como: adicionar caixas de seleção

Design: Caixa de seleção

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Caixa de combinação

Uma lista suspensa de itens da qual os usuários podem selecionar.

Abrir caixa de combinação

<ComboBox x:Name="comboBox1" SelectionChanged="ComboBox_SelectionChanged" Width="100">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
    <x:String>Item 3</x:String>
</ComboBox>


Referência: ComboBox

Como: adicionar caixas de combinação e caixas de lista

Design: Lista suspensa

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Barra de comandos

Uma barra de aplicativos especializada que lida com o redimensionamento de elementos de botão da barra de aplicativos.


    <CommandBar>
        <AppBarButton Icon="Back" Label="Back" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Stop" Label="Stop" Click="AppBarButton_Click"/>
        <AppBarButton Icon="Play" Label="Play" Click="AppBarButton_Click"/>
    </CommandBar>


Referência: CommandBar

Como: adicionar barras de aplicativos

Design: Barra de aplicativos inferior

Código de exemplo: Exemplo de controle XAML AppBar, Exemplo de galeria de controles e layout

Caixa de diálogo Conteúdo (somente no Windows Phone)

Uma caixa de diálogo que você pode personalizar para conter qualquer conteúdo XAML.

Referência: ContentDialog

Menu de contexto

Ver o menu pop-up

D

Seletor de data

Um controle que permite ao usuário selecionar uma data.

Controle de seletor de data

<DatePicker Header="Arrival Date"/>

Referência: DatePicker

Como: Guia de início rápido: adicionando um DatePicker

Design: Seletor de data

Código de exemplo: Exemplo de controles DatePicker e TimePicker de XAML, Exemplo de galeria de controles e layout

Submenu Seletor de data (somente no Windows Phone)

Um submenu que permite ao usuário selecionar uma data.

Referência: DatePickerFlyout

F

Caixa flexível

Ver o painel de pilha

Exibição de inversão

Um controle que apresenta um conjunto de itens que o usuário pode girar, um por vez.

Controle de exibição de inversão

<FlipView x:Name="flipView1" SelectionChanged="FlipView_SelectionChanged">
    <Image Source="Assets/Logo.png" />
    <Image Source="Assets/SplashScreen.png" />
    <Image Source="Assets/SmallLogo.png" />
</FlipView>


Referência: FlipView

Como: Adicionar controles FlipView

Design: Virar exibição

Código de exemplo: Exemplo de controle XAML FlipView, Exemplo de galeria de controles e layout

Submenu

Exibe uma mensagem que requeira interação do usuário. Ao contrário de uma caixa de diálogo, um menu desdobrável não cria uma janela separada e não bloqueia outra interação do usuário.

Controle de submenu

<Flyout>
    <StackPanel>
        <TextBlock>All items will be permanently removed from your cart.</TextBlock>
        <Button Click="DeleteConfirmation_Click">Empty my cart</Button>
    </StackPanel>
</Flyout>


Referência: Flyout

Como: Guia de início rápido: adicionando um submenu

Design: Submenu

Código de exemplo: Exemplo de Flyout e MenuFlyout de XAML, Exemplo de galeria de controles e layout

G

Grade

Um painel de layout que dá suporte à organização de elementos filho em linhas e colunas.

Painel de layout de grade

<Grid>
    <Grid.RowDefinitions>
        <RowDefinition Height="50"/>
        <RowDefinition Height="50"/>
    </Grid.RowDefinitions>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="50"/>
        <ColumnDefinition Width="50"/>
    </Grid.ColumnDefinitions>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Grid.Row="1"/>
    <Rectangle Fill="Green" Grid.Column="1"/>
    <Rectangle Fill="Yellow" Grid.Row="1" Grid.Column="1"/>
</Grid>


Referência: Grid

Como: Guia de início rápido: adicionando controles de layout

Código de exemplo: Exemplo de galeria de controles e layout

Exibição em grade

Um controle que apresenta um conjunto de itens em linhas e colunas, as quais podem ser roladas horizontalmente.

Controle de exibição em grade

<GridView x:Name="gridView1" SelectionChanged="GridView_SelectionChanged">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
</GridView>


Referência: GridView

Como: Adicionar controles ListView e GridView

Design: Modos de exibição em grade e de lista

Código de exemplo: Exemplo de essenciais de ListView e GridView em XAML, Exemplo de interatividade da personalização de ListView e GridView em XAML, Exemplo de SemanticZoom e do agrupamento GridView em XAML, Exemplo de galeria de controles e layout

H

Hub

Um controle de contêiner que permite ao usuário visualizar e navegar em diferentes seções de conteúdo.


<Hub>
    <HubSection>
        <!--- hub section content -->
				</HubSection>
    <HubSection>
        <!--- hub section content -->
				</HubSection>
</Hub>

Referência: Hub

Como: Guia de início rápido: usando um Hub

Design: Hub

Código de exemplo: Exemplo de controle Hub em XAML, Exemplo de galeria de controles e layout

Hiperlink

Ver o botão Hiperlink

Botão Hiperlink

Um botão que é exibido como texto marcado, geralmente com o uso de embutido em blocos de texto.

Botão Hiperlink

<HyperlinkButton Content="www.microsoft.com" NavigateUri="http://www.microsoft.com"/>


Referência: HyperlinkButton

Como: adicionar botões

Design: Hiperlink

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

I

Imagem

Um controle que apresenta uma imagem.

Controle de imagem

<Image Source="Assets/Logo.png" />


Referência: Image

Como: Guia de início rápido: Image e ImageBrush

Código de exemplo: Exemplo de imagens XAML, Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Controle de itens

Um controle que apresenta um conjunto de itens em uma interface do usuário especificada, por modelo de dados.


<ItemsControl/>

Referência: ItemsControl

L

Caixa de listagem

Um controle que apresenta uma lista embutida de itens, na qual o usuário pode fazer seleções.

Controle de caixa de listagem

<ListBox x:Name="listBox1" SelectionChanged="ListBox_SelectionChanged" Width="100">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
    <x:String>Item 3</x:String>
</ListBox>


Referência: ListBox

Como: adicionar caixas de combinação e caixas de listagem

Design: Caixa de listagem

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Submenu Seletor de lista (somente no Windows Phone)

Um submenu que apresenta uma lista de itens, na qual o usuário pode fazer seleções.

Referência: ListPickerFlyout

Modo de exibição de lista

Um controle que apresenta um conjunto de itens em uma lista que pode ser rolada verticalmente.

Controle do modo de exibição de lista

<ListView x:Name="listView1" SelectionChanged="ListView_SelectionChanged">
    <x:String>Item 1</x:String>
    <x:String>Item 2</x:String>
</ListView>


Referência: ListView

Como: Adicionar controles ListView e GridView

Design: Modos de exibição em grade e de lista

Código de exemplo: Exemplo de controles essenciais ListView e GridView em XAML, Exemplo de interatividade da personalização ListView e GridView em XAML, Exemplo de galeria de controles e layout

M

Controle de mapa (somente no Windows Phone)

Um controle que exibe um mapa.

Referência: MapControl

Design: Mapa

Elemento de mídia

Um controle que reproduz conteúdo de áudio e vídeo.


<MediaElement/>

Referência: MediaElement

Design: Aplicativos com reconhecimento de áudio

Código de exemplo: Exemplo de reprodução de mídia em XAML

Submenu de menu

Exibe temporariamente uma lista de comandos ou opções relacionadas com o que o usuário está fazendo atualmente.

Controle de submenu de menu

<MenuFlyout>
    <MenuFlyoutItem Text="Reset" Click="Reset_Click"/>
    <MenuFlyoutSeparator/>
    <ToggleMenuFlyoutItem Text="Shuffle" 
                          IsChecked="{Binding IsShuffleEnabled, Mode=TwoWay}"/>
    <ToggleMenuFlyoutItem Text="Repeat" 
                          IsChecked="{Binding IsRepeatEnabled, Mode=TwoWay}"/>
</MenuFlyout>



Referência: MenuFlyout, MenuFlyoutItem, MenuFlyoutSeparator, ToggleMenuFlyoutItem

Como: Guia de início rápido: adicionando um MenuFlyout

Código de exemplo: Exemplo de Flyout e MenuFlyout de XAML, Exemplo de galeria de controles e layout

Caixa de texto com várias linhas

Veja a caixa de texto.

P

Visualizador de rolagem de movimento panorâmico

Ver o visualizador de rolagem

Caixa de senha

Um controle para inserir senhas.

Controle de caixa de senha

<PasswordBox x:Name="passwordBox1" IsPasswordRevealButtonEnabled="True" 
             PasswordChanged="PasswordBox_PasswordChanged" />


Referência: PasswordBox

Como: Guia de início rápido: adicionando entrada de texto e editando controles

Design: Caixa de senha

Código de exemplo: Exemplo de exibição de texto XAML, Exemplo de edição de texto XAML, Exemplo de galeria de controles e layout

Submenu Seletor (somente no Windows Phone)

Um submenu que você pode usar para criar um seletor personalizado.

Referência: PickerFlyout

Pivô (somente no Windows Phone)

Um modelo de navegação e contêiner de tela inteira que também fornece um meio rápido para deslocar-se entre pivôs diferentes (exibições ou filtros), tipicamente no mesmo conjunto de dados.

Referência: Pivot

Design: Pivô

Menu pop-up

Menu personalizado que apresenta os comandos especificados por você.

Referência: PopupMenu

Design: Menu de contexto

Código de exemplo: Exemplo de controles essenciais de XAML

Barra de progresso

Um controle que indica o progresso exibindo uma barra.

Controle da barra de progresso

Um barra de progresso que mostra um valor específico.


<ProgressBar x:Name="progressBar1" Value="50" Width="100"/>


Controle da barra de progresso indeterminado

Um barra de progresso que mostra um progresso indeterminado.


<ProgressBar x:Name="indeterminateProgressBar1" IsIndeterminate="True" Width="100"/>


Referência: ProgressBar

Como: Adicionar controles de progresso

Design: Barra de progresso e anel de progresso

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Anel de progresso

Um controle que indica progresso indeterminado exibindo um anel.

Controle do anel de progresso

<ProgressRing x:Name="progressRing1" IsActive="True"/>


Referência: ProgressRing

Como: Adicionar controles de progresso

Design: Barra de progresso e anel de progresso

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Botão de ação

Ver o botão

R

Botão de opção

Um controle que permite ao usuário selecionar uma única opção em uma lista de opções. Quando os botões de opção são agrupados, eles se tornam mutuamente exclusivos.

Controles de botão de opção

<RadioButton x:Name="radioButton1" Content="RadioButton 1" GroupName="Group1" 
             Checked="RadioButton_Checked"/>
<RadioButton x:Name="radioButton2" Content="RadioButton 2" GroupName="Group1" 
             Checked="RadioButton_Checked" IsChecked="True"/>
<RadioButton x:Name="radioButton3" Content="RadioButton 3" GroupName="Group1" 
             Checked="RadioButton_Checked"/>


Referência: RadioButton

Como: Adicionar botões de opção

Design: Botão de opção

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Botão Repetir

Um botão que aciona o evento Click repetidamente, desde o momento em que é pressionado até ser liberado.

Um controle de botão de repetição

<RepeatButton x:Name="repeatButton1" Content="Repeat Button" 
              Click="RepeatButton_Click" />


Referência: RepeatButton

Como: adicionar botões

Código de exemplo: Exemplo de galeria de controles e layout

Caixa de edição com formato

Um controle que permite que um usuário edite documentos rich text com conteúdo como texto formatado, hiperlinks e imagens.


<RichEditBox />

Referência: RichEditBox

Como: Guia de início rápido: adicionando entrada de texto e editando controles

Design: Verificação ortográfica da entrada de texto

Código de exemplo: Exemplo de texto XAML, Exemplo de galeria de controles e layout

S

Barra de rolagem

Um controle que fornece uma barra de rolagem com um Thumb deslizante cuja posição corresponde a um valor.


<ScrollBar/>

Referência: ScrollBar

Visualizador de rolagem

Um controle de contêiner que permite aplicar panorâmica e zoom ao conteúdo.

Controle do visualizador de rolagem

<ScrollViewer ZoomMode="Enabled" MaxZoomFactor="10" 
              HorizontalScrollMode="Enabled" HorizontalScrollBarVisibility="Visible"
              Height="200" Width="200">
    <Image Source="Assets/Logo.png" Height="400" Width="400"/>
</ScrollViewer>


Referência: ScrollViewer

Design: Visualizador de rolagem

Código de exemplo: Exemplo de rolagem, movimento panorâmico e aplicação de zoom em XAML, Exemplo de galeria de controles e layout

Caixa de pesquisa (somente no Windows)

Um controle que permite ao usuário inserir consultas de pesquisa.

Controle da caixa de pesquisa

<SearchBox />

Referência: SearchBox

Como: Adicionar pesquisa

Design: Caixa de pesquisa

Código de exemplo: Exemplo de controle SearchBox, Exemplo de galeria de controles e layout

Zoom semântico

Um controle de contêiner que permite aplicar zoom entre dois modos de exibição de um conjunto de itens.

Controle de zoom semântico


<SemanticZoom>
    <ZoomedInView>
        <GridView></GridView>
    </ZoomedInView>
    <ZoomedOutView>
        <GridView></GridView>
    </ZoomedOutView>
</SemanticZoom>

Referência: SemanticZoom

Como: Adicionar controles SemanticZoom

Design: Zoom semântico, Exclusivamente do Windows: Zoom Semântico

Código de exemplo: Exemplo de SemanticZoom e agrupamento GridView em XAML, Exemplo de galeria de controles e layout

Formas

Vários objetos gráficos de modo retido podem ser apresentados como elipses, retângulos, linhas, caminhos de Bezier, etc.

Um polígonoUm caminho

<Ellipse/>
<Path/>
<Rectangle/>

Referência: Shapes

Como: Guia de início rápido: desenhando formas

Código de exemplo: Exemplo de desenho baseado em vetor em XAML

Caixa de texto com linha única

Um campo de texto sem formatação de linha única. Veja Caixa de texto.

Controle deslizante

Um controle que permite que o usuário selecione de uma lista de valores movendo um controle Thumb paralelo a uma faixa.

Controle deslizante

<Slider x:Name="slider1" Width="100" ValueChanged="Slider_ValueChanged" />


Referência: Slider

Como: Adicionar controles deslizantes

Design: Controle deslizante

Código de exemplo: Exemplo de controles essenciais de XAML

Painel de pilha

Um painel de layout que organiza os elementos filho em uma única linha que pode ser orientada horizontal ou verticalmente.

Controle de layout do painel de pilha

<StackPanel>
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue"/>
    <Rectangle Fill="Green"/>
    <Rectangle Fill="Yellow"/>
</StackPanel>


Referência: StackPanel

Como: Guia de início rápido: adicionando controles de layout

Código de exemplo: Exemplo de galeria de controles e layout

Texto/parágrafo estático

Veja o bloco de texto.

T

Bloco de texto

Um controle que exibe texto.

Controle do bloco de texto

<TextBlock x:Name="textBlock1" Text="I am a TextBlock" />


Referência: TextBlock, RichTextBlock

Como: Guia de início rápido: exibindo texto

Design: Tipo

Código de exemplo: Exemplo de texto XAML, Exemplo de galeria de controles e layout

Caixa de texto

Um campo de texto sem formatação com uma única linha ou com várias linhas.

Controle da caixa de texto

<TextBox x:Name="textBox1" Text="I am a TextBox" 
         TextChanged="TextBox_TextChanged" />


Referência: TextBox

Como: Guia de início rápido: adicionando entrada de texto e editando controles

Design: Caixa de entrada de texto, Verificação ortográfica da entrada de texto

Código de exemplo: Exemplo de texto XAML, Exemplo de galeria de controles e layout

Seletor de hora

Um controle que permite ao usuário definir um valor de tempo.

Controle de seletor de hora

<TimePicker Header="Arrival Time"/>

Referência: TimePicker

Como: Guia de início rápido: adicionando um TimePicker

Design: Seletor de hora

Código de exemplo: Exemplo de controles DatePicker e TimePicker em XAML, Exemplo de galeria de controles e layout

Submenu Seletor de hora (somente no Windows Phone)

Um submenu que permite ao usuário definir um valor de hora.

Referência: TimePickerFlyout

Botão de alternância

Um botão que pode ser alternado entre dois estados.

Um controle de botão de alternância

<ToggleButton x:Name="toggleButton1" Content="Button" 
              Checked="ToggleButton_Checked"/>


Referência: ToggleButton

Como: adicionar botões

Comutador de alternância

Uma opção que pode ser alternada entre dois estados.

Controle do comutador de alternância

<ToggleSwitch x:Name="toggleSwitch1" Header="ToggleSwitch" 
              OnContent="On" OffContent="Off" 
              Toggled="ToggleSwitch_Toggled"/>


Referência: ToggleSwitch

Como: adicionar botões de alternância

Design: Botão de alternância

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

Dica de ferramenta

Uma janela pop-up exibe as informações de um elemento.

Controle de dica de ferramenta

<Button Content="Button" Click="Button_Click" 
        ToolTipService.ToolTip="Click to perform action" />


Referência: ToolTip, ToolTipService

Como: adicionar dicas de ferramentas

Design: Dica de ferramentas

Código de exemplo: Exemplo de controles XAML essenciais, Exemplo de galeria de controles e layout

V

VariableSizedWrapGrid

Um painel de layout que dá suporte à organização de elementos filho em linhas e colunas. Cada elemento filho pode se propagar em várias linhas e colunas.

Painel de layout de grade de encapsulamento de tamanho variável

<VariableSizedWrapGrid MaximumRowsOrColumns="3" ItemHeight="44" ItemWidth="44">
    <Rectangle Fill="Red"/>
    <Rectangle Fill="Blue" Height="80" 
               VariableSizedWrapGrid.RowSpan="2"/>
    <Rectangle Fill="Green" Width="80" 
               VariableSizedWrapGrid.ColumnSpan="2"/>
    <Rectangle Fill="Yellow" Height="80" Width="80" 
               VariableSizedWrapGrid.RowSpan="2" 
               VariableSizedWrapGrid.ColumnSpan="2"/>
</VariableSizedWrapGrid>


Referência: VariableSizedWrapGrid

Como: Guia de início rápido: adicionando controles de layout

Código de exemplo: Exemplo de galeria de controles e layout

Vídeo

Ver o elemento de mídia

Viewbox

Um controle de contêiner que dimensiona o conteúdo em um tamanho especificado.

Controle do Viewbox

<Viewbox MaxWidth="25" MaxHeight="25">
    <Image Source="Assets/Logo.png"/>
</Viewbox>
<Viewbox MaxWidth="75" MaxHeight="75">
    <Image Source="Assets/Logo.png"/>
</Viewbox>
<Viewbox MaxWidth="150" MaxHeight="150">
    <Image Source="Assets/Logo.png"/>
</Viewbox>


Referência: Viewbox

Código de exemplo: Exemplo de galeria de controles e layout

W

Modo de exibição da web

Um controle de contêiner que hospeda conteúdo da Web.


<WebView x:Name="webView1" Source="http://dev.windows.com" Height="400" Width="800" />



<Rectangle Height="400" Width="800">
    <Rectangle.Fill>
        <WebViewBrush SourceName="webView1"/>
    </Rectangle.Fill>
</Rectangle>


Referência: WebView, WebViewBrush

Design: Exibição da Web

Código de exemplo: Exemplo de controle WebView em XAML

Z

Visualizador de rolagem de zoom

Veja o visualizador de rolagem.

Tópicos relacionados

Controles por função
Mapa de aplicativos do Tempo de Execução do Windows em C# ou Visual Basic
Mapa de aplicativos do Tempo de Execução do Windows em C++

 

 

Mostrar:
© 2014 Microsoft