Viste Novell. FormsXamarin.Forms Views

Scaricare esempio Scaricare l'esempioDownload Sample Download the sample

Le visualizzazioni Novell. Forms sono i blocchi predefiniti delle interfacce utente per dispositivi mobili multipiattaforma.Xamarin.Forms views are the building blocks of cross-platform mobile user interfaces.

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. Possono essere suddivise in diverse categorie:They can be divided into several categories:

Visualizzazioni per la presentazioneViews for presentation

LabelLabel

Label Visualizza le stringhe di testo a riga singola o i blocchi di testo a più righe, con formattazione costante o variabile.Label displays single-line text strings or multi-line blocks of text, either with constant or variable formatting. Impostare la proprietà Text su una stringa per la formattazione costante oppure impostare la proprietà FormattedText su un oggetto FormattedString per la formattazione delle variabili.Set the Text property to a string for constant formatting, or set the FormattedText property to a FormattedString object for variable formatting.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di etichettaLabel Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

ImmagineImage

Image Visualizza una bitmap.Image displays a bitmap. Le bitmap possono essere scaricate sul Web, incorporate come risorse nel progetto comune o nei progetti di piattaforma oppure create usando un oggetto Stream .NET.Bitmaps can be downloaded over the Web, embedded as resources in the common project or platform projects, or created using a .NET Stream object.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di immagineImage Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

BoxViewBoxView

BoxView Visualizza un rettangolo a tinta unita colorato dalla proprietà Color .BoxView displays a solid rectangle colored by the Color property. BoxView ha una richiesta di dimensioni predefinite di 40x40.BoxView has a default size request of 40x40. Per altre dimensioni, assegnare le proprietà WidthRequest e HeightRequest .For other sizes, assign the WidthRequest and HeightRequest properties.

Documentazione dell'API / Guida / esempio 1, 2, 3, 4, 5e 6API Documentation / Guide / Sample 1, 2, 3, 4, 5, and 6
Esempio di BoxViewBoxView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

WebViewWebView

WebView Visualizza pagine Web o contenuto HTML, a seconda che la proprietà Source sia impostata su un UriWebViewSource o un oggetto HtmlWebViewSource .WebView displays Web pages or HTML content, based on whether the Source property is set to a UriWebViewSource or an HtmlWebViewSource object.

Documentazione dell'API / Guida / esempio 1 e 2API Documentation / Guide / Sample 1 and 2
Esempio di WebViewWebView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

OpenGLViewOpenGLView

OpenGLView Visualizza la grafica OpenGL nei progetti iOS e Android.OpenGLView displays OpenGL graphics in iOS and Android projects. Il piattaforma UWP (Universal Windows Platform) non è supportato.There is no support for the Universal Windows Platform. Per i progetti iOS e Android è necessario un riferimento all'assembly OpenTK-1,0 o OpenTK versione 1.0.0.0.The iOS and Android projects require a reference to the OpenTK-1.0 assembly or the OpenTK version 1.0.0.0 assembly. OpenGLView è più facile da usare in un progetto condiviso. Se usato in una libreria di .NET Standard, sarà necessario anche un servizio di dipendenza (come illustrato nel codice di esempio).OpenGLView is easier to use in a Shared Project; if used in a .NET Standard library, then a Dependency Service will also be required (as shown in the sample code).

Si tratta dell'unica funzionalità grafica incorporata in Novell. Forms, ma un'applicazione Novell. Forms può anche eseguire il rendering della grafica usando SkiaSharpo UrhoSharp.This is the only graphics facility that is built into Xamarin.Forms, but a Xamarin.Forms application can also render graphics using SkiaSharp, or UrhoSharp.

Documentazione delle APIAPI Documentation

Esempio di OpenGLViewOpenGLView Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

MappaMap

Map Visualizza una mappa.Map displays a map. È necessario installare il pacchetto NuGet Novell. Forms. Maps .The Xamarin.Forms.Maps Nuget package must be installed. Android e piattaforma UWP (Universal Windows Platform) richiedono una chiave di autorizzazione map.Android and Universal Windows Platform require a map authorization key.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di mappaMap Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

Viste che avviano comandiViews that initiate commands

ButtonButton

Button è un oggetto rettangolare che Visualizza il testo e genera un evento di Clicked quando è stato premuto.Button is a rectangular object that displays text, and which fires a Clicked event when it's been pressed.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di pulsanteButton Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

ImageButtonImageButton

ImageButton è un oggetto rettangolare che visualizza un'immagine e che genera un evento di Clicked quando è stato premuto.ImageButton is a rectangular object that displays an image, and which fires a Clicked event when it's been pressed.

Guida / esempioGuide / Sample
Esempio di ImageButtonImageButton Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

RefreshViewRefreshView

RefreshView è un controllo contenitore che fornisce funzionalità pull-to-refresh per il contenuto scorrevole.RefreshView is a container control that provides pull-to-refresh functionality for scrollable content. Il ICommand definito dalla proprietà Command viene eseguito quando viene attivato un aggiornamento e la proprietà IsRefreshing indica lo stato corrente del controllo.The ICommand defined by the Command property is executed when a refresh is triggered, and the IsRefreshing property indicates the current state of the control.

Guida / esempioGuide / Sample
Esempio di RefreshViewRefreshView Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind
SearchBar Visualizza un'area in cui l'utente deve digitare una stringa di testo e un pulsante (o un tasto della tastiera) che segnala all'applicazione di eseguire una ricerca.SearchBar displays an area for the user to type a text string, and a button (or a keyboard key) that signals the application to perform a search. La proprietà Text fornisce l'accesso al testo e l'evento SearchButtonPressed indica che è stato premuto il pulsante.The Text property provides access to the text, and the SearchButtonPressed event indicates that the button has been pressed.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di SearchBarSearchBar Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

Visualizzazioni per l'impostazione di valoriViews for setting values

CheckBoxCheckBox

CheckBox consente all'utente di selezionare un valore booleano usando un tipo di pulsante che può essere selezionato o vuoto.CheckBox allows the user to select a Boolean value using a type of button that can either be checked or empty. La proprietà IsChecked è lo stato della CheckBox e l'evento CheckedChanged viene generato quando lo stato cambia.The IsChecked property is the state of the CheckBox, and the CheckedChanged event is fired when the state changes.

Documentazione dell'API/ guida / esempioAPI Documentation / Guide / Sample
Esempio di casella di controlloCheckBox Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

SliderSlider

Slider consente all'utente di selezionare un valore double da un intervallo continuo specificato con le proprietà Minimum e Maximum .Slider allows the user to select a double value from a continuous range specified with the Minimum and Maximum properties.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di dispositivo di scorrimentoSlider Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

Gestore di istruzioniStepper

Stepper consente all'utente di selezionare un valore double da un intervallo di valori incrementali specificati con le proprietà Minimum, Maximume Increment .Stepper allows the user to select a double value from a range of incremental values specified with the Minimum, Maximum, and Increment properties.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di stepperStepper Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

OpzioneSwitch

Switch assume la forma di un'opzione di attivazione/disattivazione per consentire all'utente di selezionare un valore booleano.Switch takes the form of an on/off switch to allow the user to select a Boolean value. La proprietà IsToggled è lo stato dell'opzione e l'evento Toggled viene generato quando lo stato cambia.The IsToggled property is the state of the switch, and the Toggled event is fired when the state changes.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di switchSwitch Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

DatePickerDatePicker

DatePicker consente all'utente di selezionare una data con il selettore di data della piattaforma.DatePicker allows the user to select a date with the platform date picker. Impostare un intervallo di date consentite con le proprietà MinimumDate e MaximumDate .Set a range of allowable dates with the MinimumDate and MaximumDate properties. La proprietà Date è la data selezionata e l'evento DateSelected viene generato quando la proprietà viene modificata.The Date property is the selected date, and the DateSelected event is fired when that property changes.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di DatePickerDatePicker Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

TimePickerTimePicker

TimePicker consente all'utente di selezionare un'ora con la selezione ora piattaforma.TimePicker allows the user to select a time with the platform time picker. La proprietà Time è l'ora selezionata.The Time property is the selected time. Un'applicazione può monitorare le modifiche apportate alla proprietà Time installando un gestore per l'evento PropertyChanged .An application can monitor changes in the Time property by installing a handler for the PropertyChanged event.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di TimePickerTimePicker Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

Visualizzazioni per la modifica del testoViews for editing text

Queste due classi derivano dalla classe InputView , che definisce la proprietà Keyboard .These two classes derive from the InputView class, which defines the Keyboard property.

VoceEntry

Entry consente all'utente di immettere e modificare una singola riga di testo.Entry allows the user to enter and edit a single line of text. Il testo è disponibile come proprietà Text e gli eventi TextChanged e Completed vengono generati quando il testo viene modificato o l'utente segnala il completamento toccando il tasto INVIO.The text is available as the Text property, and the TextChanged and Completed events are fired when the text changes or the user signals completion by tapping the enter key.

Usare un Editor per l'immissione e la modifica di più righe di testo.Use an Editor for entering and editing multiple lines of text.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di voceEntry Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

EditorEditor

Editor consente all'utente di immettere e modificare più righe di testo.Editor allows the user to enter and edit multiple lines of text. Il testo è disponibile come proprietà Text e gli eventi TextChanged e Completed vengono generati quando il testo viene modificato o l'utente segnala il completamento.The text is available as the Text property, and the TextChanged and Completed events are fired when the text changes or the user signals completion.

Utilizzare una visualizzazione Entry per l'immissione e la modifica di una singola riga di testo.Use an Entry view for entering and editing a single line of text.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di voceEntry Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

Visualizzazioni per indicare l'attivitàViews to indicate activity

ActivityIndicatorActivityIndicator

ActivityIndicator usa un'animazione per indicare che l'applicazione è impegnata in un'attività di lunga durata senza fornire alcuna indicazione dello stato di avanzamento.ActivityIndicator uses an animation to show that the application is engaged in a lengthy activity without giving any indication of progress. La proprietà IsRunning controlla l'animazione.The IsRunning property controls the animation.

Se lo stato dell'attività è noto, utilizzare invece un ProgressBar .If the activity's progress is known, use a ProgressBar instead.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di ActivityIndicatorActivityIndicator Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

ProgressBarProgressBar

ProgressBar usa un'animazione per mostrare che l'applicazione sta procedendo attraverso un'attività di lunga durata.ProgressBar uses an animation to show that the application is progressing through a lengthy activity. Impostare la proprietà Progress su valori compresi tra 0 e 1 per indicare lo stato di avanzamento.Set the Progress property to values between 0 and 1 to indicate the progress.

Se lo stato dell'attività non è noto, utilizzare invece un ActivityIndicator .If the activity's progress is not known, use an ActivityIndicator instead.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di ProgressBarProgressBar Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

Viste che visualizzano le raccolteViews that display collections

CarouselViewCarouselView

CarouselView Visualizza un elenco scorrevole di elementi di dati.CarouselView displays a scrollable list of data items. Impostare la proprietà ItemsSource su una raccolta di oggetti e impostare la proprietà ItemTemplate su un oggetto DataTemplate che descriva la modalità di formattazione degli elementi.Set the ItemsSource property to a collection of objects, and set the ItemTemplate property to a DataTemplate object describing how the items are to be formatted. L'evento CurrentItemChanged segnala che l'elemento attualmente visualizzato è stato modificato, disponibile come proprietà CurrentItem.The CurrentItemChanged event signals that the currently displayed item has changed, which is available as the CurrentItem property.

Guida / esempioGuide / Sample
Esempio di CarouselViewCarouselView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

CollectionViewCollectionView

CollectionView Visualizza un elenco scorrevole di elementi di dati selezionabili, utilizzando specifiche del layout diverse.CollectionView displays a scrollable list of selectable data items, using different layout specifications. Mira a offrire un'alternativa più flessibile ed efficiente ai ListView.It aims to provide a more flexible, and performant alternative to ListView. Impostare la proprietà ItemsSource su una raccolta di oggetti e impostare la proprietà ItemTemplate su un oggetto DataTemplate che descriva la modalità di formattazione degli elementi.Set the ItemsSource property to a collection of objects, and set the ItemTemplate property to a DataTemplate object describing how the items are to be formatted. L'evento SelectionChanged segnala che è stata effettuata una selezione, disponibile come proprietà SelectedItem.The SelectionChanged event signals that a selection has been made, which is available as the SelectedItem property.

Guida / esempioGuide / Sample
Esempio di CollectionViewCollectionView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

ListViewListView

ListView deriva da ItemsView e visualizza un elenco scorrevole di elementi di dati selezionabili.ListView derives from ItemsView and displays a scrollable list of selectable data items. Impostare la proprietà ItemsSource su una raccolta di oggetti e impostare la proprietà ItemTemplate su un oggetto DataTemplate che descriva la modalità di formattazione degli elementi.Set the ItemsSource property to a collection of objects, and set the ItemTemplate property to a DataTemplate object describing how the items are to be formatted. L'evento ItemSelected segnala che è stata effettuata una selezione, disponibile come proprietà SelectedItem .The ItemSelected event signals that a selection has been made, which is available as the SelectedItem property.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di ListViewListView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page

SelezionePicker

Picker Visualizza un elemento selezionato da un elenco di stringhe di testo e consente di selezionare tale elemento quando la visualizzazione viene toccata.Picker displays a selected item from a list of text strings, and allows selecting that item when the view is tapped. Impostare la proprietà Items su un elenco di stringhe o la proprietà ItemsSource su una raccolta di oggetti.Set the Items property to a list of strings, or the ItemsSource property to a collection of objects. L'evento SelectedIndexChanged viene generato quando viene selezionato un elemento.The SelectedIndexChanged event is fired when an item is selected.

Il Picker Visualizza l'elenco degli elementi solo quando viene selezionato.The Picker displays the list of items only when it's selected. Usare un ListView o TableView per un elenco scorrevole che rimane nella pagina.Use a ListView or TableView for a scrollable list that remains on the page.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di selezionePicker Example
codice per questa pagina / pagina XAML con code-behind C# C# code for this page / XAML page with code-behind

TableViewTableView

TableView Visualizza un elenco di righe di tipo Cell con intestazioni e sottotitoli facoltativi.TableView displays a list of rows of type Cell with optional headers and subheaders. Impostare la proprietà Root su un oggetto di tipo TableRoote aggiungere TableSection oggetti a tale TableRoot.Set the Root property to an object of type TableRoot, and add TableSection objects to that TableRoot. Ogni TableSection è una raccolta di oggetti Cell.Each TableSection is a collection of Cell objects.

Documentazione dell'API / Guida / esempioAPI Documentation / Guide / Sample
Esempio di TableViewTableView Example
codice per questa pagina / pagina XAML C# C# code for this page / XAML page