Controlli XAMLXAML Controls

  • 2 minuti per la lettura

Scaricare esempio Scaricare l'esempioDownload Sample Download the sample

Le visualizzazioni sono oggetti dell'interfaccia utente, ad esempio etichette, pulsanti e dispositivi di scorrimento, comunemente noti come controlli o widget in altri ambienti di programmazione grafica.Views are user-interface objects such as labels, buttons, and sliders that are commonly known as controls or widgets in other graphical programming environments. Le visualizzazioni supportate da Novell. Forms derivano tutte dalla classe View .The views supported by Xamarin.Forms all derive from the View class.

È possibile fare riferimento a tutte le viste definite in Novell. Forms da file XAML.All of the views that are defined in Xamarin.Forms can be referenced from XAML files.

Visualizzazioni per la presentazioneViews for presentation

BoxViewBoxView

Visualizza un rettangolo di un colore specifico.Displays a rectangle of a particular color.

Screenshot di un BoxViewScreenshot of a BoxView

Guida / APIAPI / Guide		 
<BoxView Color="Accent"
         WidthRequest="150"
         HeightRequest="150"
         HorizontalOptions="Center">

ImmagineImage

Visualizza una bitmap.Displays a bitmap.

Screenshot di un'immagineScreenshot of an Image

Guida / APIAPI / Guide		 
<Image Source="https://aka.ms/campus.jpg"
       Aspect="AspectFit"
       HorizontalOptions="Center" />

LabelLabel

Consente di visualizzare una o più righe di testo.Displays one or more lines of text.

Screenshot di un'etichettaScreenshot of a Label

Guida / APIAPI / Guide		 

<Label Text="Hello, Xamarin.Forms!"
       FontSize="Large"
       FontAttributes="Italic"
       HorizontalTextAlignment="Center" />

MappaMap

Visualizza una mappa.Displays a map.

Screenshot di una mappaScreenshot of a Map

Guida / APIAPI / Guide		 

<maps:Map ItemsSource="{Binding Locations}" />

WebViewWebView

Visualizza le pagine Web o il contenuto HTML.Displays Web pages or HTML content.

Screenshot di una WebViewScreenshot of a WebView

Guida / APIAPI / Guide		 

<WebView Source="https://docs.microsoft.com/xamarin/"
         VerticalOptions="FillAndExpand" />

Viste che avviano comandiViews that initiate commands

ButtonButton

Visualizza il testo in un oggetto rettangolare.Displays text in a rectangular object.

Screenshot di un pulsanteScreenshot of a Button

Guida / APIAPI / Guide		 

<Button Text="Click Me!"
        Font="Large"
        BorderWidth="1"
        HorizontalOptions="Center"
        VerticalOptions="CenterAndExpand"
        Clicked="OnButtonClicked" />

ImageButtonImageButton

Visualizza un'immagine in un oggetto rettangolare.Displays an image in a rectangular object.

Screenshot di un ImageButtonScreenshot of an ImageButton

Guida / APIAPI / Guide		 

<ImageButton Source="XamarinLogo.png"
             HorizontalOptions="Center"
             VerticalOptions="CenterAndExpand"
             Clicked="OnImageButtonClicked" />

RefreshViewRefreshView

Fornisce funzionalità pull-to-refresh per il contenuto scorrevole.Provides pull-to-refresh functionality for scrollable content.

Screenshot di un RefreshViewScreenshot of a RefreshView

GuidaGuide		 

<RefreshView IsRefreshing="{Binding IsRefreshing}"
             Command="{Binding RefreshCommand}" >
    <!-- Scrollable control goes here -->
</RefreshView>

Visualizzazioni per l'impostazione di valoriViews for setting values

CheckBoxCheckBox

Consente la selezione di un valore boolean.Allows the selection of a boolean value.

Screenshot di una casella di controlloScreenshot of a CheckBox

GuidaGuide		 

<CheckBox IsChecked="true"
          HorizontalOptions="Center"
          VerticalOptions="CenterAndExpand" />

SliderSlider

Consente la selezione di un valore di double da un intervallo continuo.Allows the selection of a double value from a continuous range.

Screenshot di un dispositivo di scorrimentoScreenshot of a Slider

Guida / APIAPI / Guide		 

<Slider Minimum="0"
        Maximum="100"
        VerticalOptions="CenterAndExpand" />

Gestore di istruzioniStepper

Consente la selezione di un valore double da un intervallo incrementale.Allows the selection of a double value from an incremental range.

Screenshot di un StepperScreenshot of a Stepper

Guida / APIAPI / Guide		 

<Stepper Minimum="0"
         Maximum="10"
         Increment="0.1"
         HorizontalOptions="Center"
         VerticalOptions="CenterAndExpand" />

OpzioneSwitch

Consente la selezione di un valore boolean.Allows the selection of a boolean value.

Screenshot di un'opzioneScreenshot of a Switch

Guida / APIAPI / Guide		 

<Switch IsToggled="false"
        HorizontalOptions="Center"
        VerticalOptions="CenterAndExpand" />

DatePickerDatePicker

Consente la selezione di una data.Allows the selection of a date.

Screenshot di un DatePickerScreenshot of a DatePicker

Guida / APIAPI / Guide		 

<DatePicker Format="D"
            VerticalOptions="CenterAndExpand" />

TimePickerTimePicker

Consente la selezione di un'ora.Allows the selection of a time.

Screenshot di un TimePickerScreenshot of a TimePicker

Guida / APIAPI / Guide		 

<TimePicker Format="T"
            VerticalOptions="CenterAndExpand" />

Visualizzazioni per la modifica del testoViews for editing text

VoceEntry

Consente l'immissione e la modifica di una singola riga di testo.Allows a single line of text to be entered and edited.

Screenshot di una voceScreenshot of an Entry

Guida / APIAPI / Guide		 

<Entry Keyboard="Email"
       Placeholder="Enter email address"
       VerticalOptions="CenterAndExpand" />

EditorEditor

Consente l'immissione e la modifica di più righe di testo.Allows multiple lines of text to be entered and edited.

Screenshot di un editorScreenshot of an Editor

Guida / APIAPI / Guide		 

<Editor VerticalOptions="FillAndExpand" />

Visualizzazioni per indicare l'attivitàViews to indicate activity

ActivityIndicatorActivityIndicator

Visualizza un'animazione per indicare che l'applicazione è impegnata in un'attività di lunga durata, senza fornire indicazioni sullo stato di avanzamento.Displays an animation to show that the application is engaged in a lengthy activity, without giving any indication of progress.

Screenshot di un ActivityIndicatorScreenshot of an ActivityIndicator

Guida / APIAPI / Guide		 

<ActivityIndicator IsRunning="True"
                   VerticalOptions="CenterAndExpand" />

ProgressBarProgressBar

Visualizza un'animazione per mostrare che l'applicazione sta procedendo attraverso un'attività di lunga durata.Displays an animation to show that the application is progressing through a lengthy activity.

Screenshot di un ProgressBarScreenshot of a ProgressBar

Guida / APIAPI / Guide		 

<ProgressBar Progress=".5"
             VerticalOptions="CenterAndExpand" />

Viste che visualizzano le raccolteViews that display collections

CarouselViewCarouselView

Consente di visualizzare un elenco scorrevole di elementi di dati.Displays a scrollable list of data items.

Screenshot di un CarouselViewScreenshot of a CarouselView

GuidaGuide		 

<CarouselView ItemsSource="{Binding Monkeys}">
              ItemTemplate="{StaticResource MonkeyTemplate}" />

CollectionViewCollectionView

Consente di visualizzare un elenco scorrevole di elementi di dati selezionabili, utilizzando specifiche del layout diverse.Displays a scrollable list of selectable data items, using different layout specifications.

Screenshot di un CollectionViewScreenshot of a CollectionView

GuidaGuide		 

<CollectionView ItemsSource="{Binding Monkeys}">
                ItemTemplate="{StaticResource MonkeyTemplate}"
    <CollectionView.ItemsLayout>
       <GridItemsLayout Orientation="Vertical"
                        Span="2" />
    </CollectionView.ItemsLayout>
</CollectionView/>

ListViewListView

Consente di visualizzare un elenco scorrevole di elementi di dati selezionabili.Displays a scrollable list of selectable data items.

Screenshot di un controllo ListViewScreenshot of a ListView

Guida / APIAPI / Guide		 

<ListView ItemsSource="{Binding Monkeys}">
          ItemTemplate="{StaticResource MonkeyTemplate}" />

SelezionePicker

Visualizza un elemento SELECT da un elenco di stringhe di testo.Displays a select item from a list of text strings.

Screenshot di un selettoreScreenshot of a Picker

Guida / APIAPI / Guide		 

<Picker Title="Select a monkey"
        TitleColor="Red">
  <Picker.ItemsSource<
    <x:Array Type="{x:Type x:String}">
      <x:String>Baboon</x:String>
      <x:String>Capuchin Monkey</x:String>
      <x:String>Blue Monkey</x:String>
      <x:String>Squirrel Monkey</x:String>
      <x:String>Golden Lion Tamarin</x:String>
      <x:String>Howler Monkey</x:String>
      <x:String>Japanese Macaque</x:String>
    </x:Array>
  </Picker.ItemsSource>
</Picker>

TableViewTableView

Visualizza un elenco di righe interattive.Displays a list of interactive rows.

Screenshot di un TableViewScreenshot of a TableView

Guida / APIAPI / Guide		 

<TableView Intent="Settings">
    <TableRoot>
        <TableSection Title="Ring">
            <SwitchCell Text="New Voice Mail" />
            <SwitchCell Text="New Mail" On="true" />
        </TableSection>
    </TableRoot>
</TableView>