:::no-loc(Xamarin.Forms):::Ansichten:::no-loc(Xamarin.Forms)::: Views

Beispiel herunterladen Das Beispiel herunterladenDownload Sample Download the sample

:::no-loc(Xamarin.Forms):::Ansichten sind die Bausteine von plattformübergreifenden mobilen Benutzeroberflächen.:::no-loc(Xamarin.Forms)::: views are the building blocks of cross-platform mobile user interfaces.

Sichten sind Benutzeroberflächen Objekte, wie z. b. Bezeichnungen, Schaltflächen und Schieberegler, die in anderen grafischen Programmierumgebungen häufig als Steuer Elemente oder Widgets bezeichnet werden.Views are user-interface objects such as labels, buttons, and sliders that are commonly known as controls or widgets in other graphical programming environments. Die von allen unterstützten Sichten werden :::no-loc(Xamarin.Forms)::: von der- View Klasse abgeleitet.The views supported by :::no-loc(Xamarin.Forms)::: all derive from the View class. Sie können in verschiedene Kategorien unterteilt werden:They can be divided into several categories:

Ansichten für die PräsentationViews for presentation

TypType BeschreibungDescription DarstellungAppearance
BoxView BoxViewzeigt ein durch die-Eigenschaft farbiges solides Rechteck an Color .BoxView displays a solid rectangle colored by the Color property. BoxViewhat eine Standardgröße von 40 x 40 Anforderungen.BoxView has a default size request of 40x40. Weisen Sie für andere Größen die WidthRequest Eigenschaften und zu HeightRequest .For other sizes, assign the WidthRequest and HeightRequest properties.

API-Dokumentation / Leitfaden / Beispiel 1, 2, 3, 4, 5und 6API Documentation / Guide / Sample 1, 2, 3, 4, 5, and 6
Boxview-BeispielBoxView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Ellipse Ellipsezeigt eine Ellipse oder einen Kreis der Größe WidthRequest x an HeightRequest .Ellipse displays an ellipse or circle of size WidthRequest x HeightRequest. Um das Innere der Ellipse zu zeichnen, legen Sie die zugehörige- Fill Eigenschaft auf fest Color .To paint the inside of the ellipse, set its Fill property to a Color. Um der Ellipse einen Umriss zuzuweisen, legen Sie die zugehörige- Stroke Eigenschaft auf fest Color .To give the ellipse an outline, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für EllipseEllipse Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Expander Expanderstellt einen erweiterbaren Container zum Hosten beliebiger Inhalte bereit und besteht aus einem Header und Inhalt.Expander provides an expandable container to host any content, and is comprised of a header and content. Legen Header Sie die-Eigenschaft auf einen fest, der View als-Header angezeigt wird, und die- Content Eigenschaft auf einen View , der angezeigt wird, wenn der Header durch Tippen erweitert wird.Set the Header property to a View that will be displayed as the header, and the Content property to a View that will be displayed when the header is expanded by a tap.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Expander-BeispielExpander Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Label Labelzeigt einzeilige Text Zeichenfolgen oder mehrzeilige Textblöcke an, entweder mit konstanter oder variabler Formatierung.Label displays single-line text strings or multi-line blocks of text, either with constant or variable formatting. Legen Sie die- Text Eigenschaft auf eine Zeichenfolge für die Konstante Formatierung fest, oder legen Sie die- FormattedText Eigenschaft auf ein- FormattedString Objekt zur Variablen Formatierung festSet the Text property to a string for constant formatting, or set the FormattedText property to a FormattedString object for variable formatting.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für eine BezeichnungLabel Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Line Linezeigt eine Linie von einem Startpunkt bis zu einem Endpunkt an.Line displays a line from a start point to an end point. Der Startpunkt wird durch die-Eigenschaft und die-Eigenschaft dargestellt X1 Y1 , während der Endpunkt durch die X2 Eigenschaften und dargestellt wird Y2 .The start point is represented by the X1 and Y1 properties, while the end point is represented by the X2 and Y2 properties. Um die Linie zu färben, legen Sie die zugehörige- Stroke Eigenschaft auf fest Color .To color the line, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Zeilen BeispielLine Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Image Imagezeigt eine Bitmap an.Image displays a bitmap. Bitmaps können über das Internet heruntergeladen, als Ressourcen in die gängigen Projekt-oder Platt Form Projekte eingebettet oder mithilfe eines .NET-Objekts erstellt werden Stream .Bitmaps can be downloaded over the Web, embedded as resources in the common project or platform projects, or created using a .NET Stream object.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
BildbeispielImage Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Map Mapzeigt eine Karte an.Map displays a map. Die ** :::no-loc(Xamarin.Forms)::: . Das Karten** -nuget-Paket muss installiert sein.The :::no-loc(Xamarin.Forms):::.Maps NuGet package must be installed. Android und universelle Windows-Plattform erfordern einen Karten Autorisierungs Schlüssel.Android and Universal Windows Platform require a map authorization key.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Map-BeispielMap Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
MediaElement MediaElementgibt Video oder Audiodatei wieder.MediaElement plays video or audio. Medien können über eine URL oder eine lokale Datei abgespielt werden, je nachdem, ob die- Source Eigenschaft auf oder festgelegt ist UriMediaSource FileMediaSource .Media can be played from a URL or from a local file, based on whether the Source property is set to a UriMediaSource or a FileMediaSource.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Media Element-BeispielMediaElement Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
OpenGLView OpenGLViewzeigt OpenGL-Grafiken in IOS-und Android-Projekten an.OpenGLView displays OpenGL graphics in iOS and Android projects. Die universelle Windows-Plattform wird nicht unterstützt.There is no support for the Universal Windows Platform. Die IOS-und Android-Projekte erfordern einen Verweis auf die opentk-1,0- Assembly oder die opentk -Version 1.0.0.0 Assembly.The iOS and Android projects require a reference to the OpenTK-1.0 assembly or the OpenTK version 1.0.0.0 assembly. OpenGLViewist in einem freigegebenen Projekt einfacher zu verwenden. Wenn Sie in einer .NET Standard Bibliothek verwendet wird, ist auch ein Abhängigkeits Dienst erforderlich (wie im Beispielcode gezeigt).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).

Dies ist die einzige Grafik Funktion, die in integriert ist :::no-loc(Xamarin.Forms)::: . eine- :::no-loc(Xamarin.Forms)::: Anwendung kann jedoch auch Grafiken mithilfe von SkiaSharp , oder renderrender. UrhoSharpThis is the only graphics facility that is built into :::no-loc(Xamarin.Forms):::, but a :::no-loc(Xamarin.Forms)::: application can also render graphics using SkiaSharp, or UrhoSharp.

API-DokumentationAPI Documentation

Openglview-BeispielOpenGLView Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
Path Pathzeigt Kurven und komplexe Formen an.Path displays curves and complex shapes. Die- Data Eigenschaft gibt die Form an, die gezeichnet werden soll.The Data property specifies the shape to be drawn. Um die Form zu färben, legen Sie die zugehörige- Stroke Eigenschaft auf fest Color .To color the shape, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Pfad BeispielPath Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Polygon Polygonzeigt ein Polygon an.Polygon displays a polygon. Die- Points Eigenschaft gibt die Scheitel Punkte des Polygons an, während die- FillRule Eigenschaft angibt, wie die innere Füllung des Polygons bestimmt wird.The Points property specifies the vertex points of the polygon, while the FillRule property specifies how the interior fill of the polygon is determined. Um den inneren Bereich des Polygons zu zeichnen, legen Sie seine- Fill Eigenschaft auf fest Color .To paint the inside of the polygon, set its Fill property to a Color. Um dem Polygon einen Umriss zuzuweisen, legen Sie seine- Stroke Eigenschaft auf fest Color .To give the polygon an outline, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Polygon-BeispielPolygon Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Polyline Polylinezeigt eine Reihe verbundener gerader Linien an.Polyline displays a series of connected straight lines. Die- Points Eigenschaft gibt die Scheitel Punkte der Polylinie an, während die- FillRule Eigenschaft angibt, wie die innere Füllung der Polylinie bestimmt wird.The Points property specifies the vertex points of the polyline, while the FillRule property specifies how the interior fill of the polyline is determined. Um den inneren Bereich der Polylinie zu zeichnen, legen Fill Sie seine-Eigenschaft auf fest Color .To paint the inside of the polyline, set its Fill property to a Color. Um der Polylinie einen Umriss zuzuweisen, legen Sie die zugehörige- Stroke Eigenschaft auf fest Color .To give the polyline an outline, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
PolylinienbeispielPolyline Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Rectangle Rectanglezeigt ein Rechteck oder ein Quadrat an.Rectangle displays a rectangle or square. Um den inneren Bereich des Rechtecks zu zeichnen, legen Sie seine- Fill Eigenschaft auf fest Color .To paint the inside of the rectangle, set its Fill property to a Color. Um dem Rechteck eine Kontur zuzuweisen, legen Sie dessen- Stroke Eigenschaft auf fest Color .To give the rectangle an outline, set its Stroke property to a Color.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Rechteck BeispielRectangle Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
WebView WebViewzeigt Webseiten oder HTML-Inhalt an, je nachdem, ob die- Source Eigenschaft auf ein- UriWebViewSource Objekt oder ein-Objekt festgelegt ist HtmlWebViewSource .WebView displays Web pages or HTML content, based on whether the Source property is set to a UriWebViewSource or an HtmlWebViewSource object.

API-Dokumentation / Leitfaden / Beispiel 1 und 2API Documentation / Guide / Sample 1 and 2
WebView-BeispielWebView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page

Ansichten, die Befehle initiierenViews that initiate commands

TypType BeschreibungDescription DarstellungAppearance
Button Buttonist ein rechteckiges Objekt, das Text anzeigt und das ein Clicked -Ereignis auslöst, wenn es gedrückt wird.Button is a rectangular object that displays text, and which fires a Clicked event when it's been pressed.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Schaltflächen BeispielButton Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
ImageButton ImageButtonist ein rechteckiges Objekt, das ein Bild anzeigt und ein Clicked -Ereignis auslöst, wenn es gedrückt wird.ImageButton is a rectangular object that displays an image, and which fires a Clicked event when it's been pressed.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
ImageButton-BeispielImageButton Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
RadioButton RadioButtonermöglicht die Auswahl einer Option aus einer Menge und löst ein-Ereignis aus, CheckedChanged Wenn die Auswahl erfolgt.RadioButton allows the selection of one option from a set, and fires a CheckedChanged event when selection occurs.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
RadioButton-BeispielRadioButton Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
RefreshView RefreshViewist ein Container Steuerelement, das Pull-to-Refresh-Funktionen für scrollbaren Inhalt bereitstellt.RefreshView is a container control that provides pull-to-refresh functionality for scrollable content. Der ICommand , der durch die- Command Eigenschaft definiert wird, wird ausgeführt, wenn eine Aktualisierung ausgelöst wird, und die- IsRefreshing Eigenschaft gibt den aktuellen Zustand des Steuer Elements an.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.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für eine aktuaktuRefreshView Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
SearchBar SearchBarzeigt einen Bereich an, in dem der Benutzer eine Text Zeichenfolge eingeben kann, sowie eine Schaltfläche (oder eine Tastatur Taste), die der Anwendung signalisiert, eine Suche auszuführen.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. Die Text -Eigenschaft ermöglicht den Zugriff auf den Text, und das- SearchButtonPressed Ereignis gibt an, dass die Schaltfläche gedrückt wurde.The Text property provides access to the text, and the SearchButtonPressed event indicates that the button has been pressed.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für eine SearchbarSearchBar Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
SwipeView SwipeViewist ein Container Steuerelement, das ein Element des Inhalts umschließt und Kontextmenü Elemente bereitstellt, die durch eine Schwenkbewegung angezeigt werden.SwipeView is a container control that wraps around an item of content, and provides context menu items that are revealed by a swipe gesture. Jedes Menü Element wird durch ein dargestellt SwipeItem , das über eine-Eigenschaft verfügt, die Command eine ausführt, ICommand Wenn das Element getippt wird.Each menu item is represented by a SwipeItem, which has a Command property that executes an ICommand when the item is tapped.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Swipeer View-BeispielSwipeView Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind

Ansichten zum Festlegen von WertenViews for setting values

TypType BeschreibungDescription DarstellungAppearance
CheckBox CheckBoxermöglicht dem Benutzer die Auswahl eines booleschen Werts mithilfe einer Schaltfläche, die entweder aktiviert oder leer ist.CheckBox allows the user to select a Boolean value using a type of button that can either be checked or empty. Die IsChecked -Eigenschaft ist der Zustand von CheckBox , und das- CheckedChanged Ereignis wird ausgelöst, wenn sich der Status ändert.The IsChecked property is the state of the CheckBox, and the CheckedChanged event is fired when the state changes.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
CheckBox-BeispielCheckBox Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Slider Sliderermöglicht dem Benutzer die Auswahl eines double Werts aus einem kontinuierlichen Bereich, der mit der-Eigenschaft und der-Eigenschaft angegeben wird Minimum Maximum .Slider allows the user to select a double value from a continuous range specified with the Minimum and Maximum properties.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für SchiebereglerSlider Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Stepper Stepperermöglicht dem Benutzer die Auswahl eines double Werts aus einem Bereich von inkrementellen Werten, die mit den Minimum Eigenschaften, und angegeben werden Maximum Increment .Stepper allows the user to select a double value from a range of incremental values specified with the Minimum, Maximum, and Increment properties.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für StepperStepper Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Switch Switchhat die Form eines ein-/ausschalten-Schalters, um dem Benutzer die Auswahl eines booleschen Werts zu ermöglichen.Switch takes the form of an on/off switch to allow the user to select a Boolean value. Die IsToggled -Eigenschaft stellt den Zustand des Schalters dar, und das- Toggled Ereignis wird ausgelöst, wenn sich der Status ändert.The IsToggled property is the state of the switch, and the Toggled event is fired when the state changes.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Switch-BeispielSwitch Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
DatePicker DatePickerermöglicht es dem Benutzer, ein Datum mit der Platt Form Datumsauswahl auszuwählen.DatePicker allows the user to select a date with the platform date picker. Legen Sie einen Bereich zulässiger Datumsangaben mit den MinimumDate Eigenschaften und fest MaximumDate .Set a range of allowable dates with the MinimumDate and MaximumDate properties. Die Date -Eigenschaft ist das ausgewählte Datum, und das- DateSelected Ereignis wird ausgelöst, wenn sich die Eigenschaft ändert.The Date property is the selected date, and the DateSelected event is fired when that property changes.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
DatePicker-BeispielDatePicker Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
TimePicker TimePickerermöglicht es dem Benutzer, eine Uhrzeit mit der Platt Form Zeitauswahl auszuwählen.TimePicker allows the user to select a time with the platform time picker. Die- Time Eigenschaft ist die ausgewählte Uhrzeit.The Time property is the selected time. Eine Anwendung kann Änderungen in der-Eigenschaft überwachen, Time indem Sie einen Handler für das- PropertyChanged Ereignis installiert.An application can monitor changes in the Time property by installing a handler for the PropertyChanged event.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
TimePicker-BeispielTimePicker Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page

Ansichten zum Bearbeiten von TextViews for editing text

Diese beiden Klassen werden von der- InputView Klasse abgeleitet, die die- Keyboard Eigenschaft definiert:These two classes derive from the InputView class, which defines the Keyboard property:

TypType BeschreibungDescription DarstellungAppearance
Entry Entryermöglicht es dem Benutzer, eine einzelne Textzeile einzugeben und zu bearbeiten.Entry allows the user to enter and edit a single line of text. Der Text ist als Text -Eigenschaft verfügbar, und das TextChanged -Ereignis und das- Completed Ereignis werden ausgelöst, wenn der Text geändert wird, oder der Benutzer signalisiert den Abschluss durch Tippen auf die EINGABETASTE.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.

Verwenden Sie, Editor um mehrere Textzeilen einzugeben und zu bearbeiten.Use an Editor for entering and editing multiple lines of text.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für den EintragEntry Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Editor Editorermöglicht es dem Benutzer, mehrere Textzeilen einzugeben und zu bearbeiten.Editor allows the user to enter and edit multiple lines of text. Der Text ist als Text -Eigenschaft verfügbar, und das TextChanged -Ereignis und das- Completed Ereignis werden ausgelöst, wenn der Text geändert wird oder wenn der Benutzer den Abschluss signalisiert.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.

Verwenden Sie eine Entry Ansicht, um eine einzelne Textzeile einzugeben und zu bearbeiten.Use an Entry view for entering and editing a single line of text.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für den EintragEntry Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page

Ansichten zum Anzeigen einer AktivitätViews to indicate activity

TypType BeschreibungDescription DarstellungAppearance
ActivityIndicator ActivityIndicatorverwendet eine Animation, um anzuzeigen, dass die Anwendung mit einer langwierigen Aktivität beschäftigt ist, ohne dass der Fortschritt angegeben wird.ActivityIndicator uses an animation to show that the application is engaged in a lengthy activity without giving any indication of progress. Die- IsRunning Eigenschaft steuert die Animation.The IsRunning property controls the animation.

Wenn der Fortschritt der Aktivität bekannt ist, verwenden Sie ProgressBar stattdessen eine.If the activity's progress is known, use a ProgressBar instead.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für activityindicatorActivityIndicator Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
ProgressBar ProgressBarverwendet eine Animation, um anzuzeigen, dass die Anwendung durch eine lange Aktivität verläuft.ProgressBar uses an animation to show that the application is progressing through a lengthy activity. Legen Sie die- Progress Eigenschaft auf Werte zwischen 0 und 1 fest, um den Fortschritt anzuzeigen.Set the Progress property to values between 0 and 1 to indicate the progress.

Wenn der Fortschritt der Aktivität nicht bekannt ist, verwenden Sie ActivityIndicator stattdessen eine.If the activity's progress is not known, use an ActivityIndicator instead.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
ProgressBar-BeispielProgressBar Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind

Ansichten, die Sammlungen anzeigenViews that display collections

TypType BeschreibungDescription DarstellungAppearance
CarouselView CarouselViewzeigt eine scrollbare Liste von Datenelementen an.CarouselView displays a scrollable list of data items. Legen ItemsSource Sie die-Eigenschaft auf eine Auflistung von-Objekten fest, und legen Sie die- ItemTemplate Eigenschaft auf ein-Objekt fest, in dem die DataTemplate Formatierung der Elemente beschrieben wird.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. Das- CurrentItemChanged Ereignis signalisiert, dass sich das aktuell angezeigte Element geändert hat, das als-Eigenschaft verfügbar ist CurrentItem .The CurrentItemChanged event signals that the currently displayed item has changed, which is available as the CurrentItem property.

Leitfaden / BeispielGuide / Sample
Carouselview-BeispielCarouselView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
CollectionView CollectionViewzeigt eine Bild lauffähigen Liste auswählbarer Datenelemente mit unterschiedlichen layoutspezifikationen an.CollectionView displays a scrollable list of selectable data items, using different layout specifications. Es zielt darauf ab, eine flexiblere und leistungsfähigere Alternative zu bereitzustellen ListView .It aims to provide a more flexible, and performant alternative to ListView. Legen ItemsSource Sie die-Eigenschaft auf eine Auflistung von-Objekten fest, und legen Sie die- ItemTemplate Eigenschaft auf ein-Objekt fest, in dem die DataTemplate Formatierung der Elemente beschrieben wird.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. Das- SelectionChanged Ereignis signalisiert, dass eine Auswahl getroffen wurde, die als-Eigenschaft verfügbar ist SelectedItem .The SelectionChanged event signals that a selection has been made, which is available as the SelectedItem property.

Leitfaden / BeispielGuide / Sample
CollectionView-BeispielCollectionView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
IndicatorView IndicatorViewzeigt Indikatoren an, die die Anzahl der Elemente in einer darstellen CarouselView .IndicatorView displays indicators that represent the number of items in a CarouselView. Legen Sie die- CarouselView.IndicatorView Eigenschaft auf das- IndicatorView Objekt fest, um Indikatoren für den anzuzeigen CarouselView .Set the CarouselView.IndicatorView property to the IndicatorView object to display indicators for the CarouselView.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Beispiel für die Anzeige AnsichtIndicatorView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
ListView ListViewwird von abgeleitet ItemsView und zeigt eine scrollbare Liste auswählbarer Datenelemente an.ListView derives from ItemsView and displays a scrollable list of selectable data items. Legen ItemsSource Sie die-Eigenschaft auf eine Auflistung von-Objekten fest, und legen Sie die- ItemTemplate Eigenschaft auf ein-Objekt fest, in dem die DataTemplate Formatierung der Elemente beschrieben wird.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. Das- ItemSelected Ereignis signalisiert, dass eine Auswahl getroffen wurde, die als-Eigenschaft verfügbar ist SelectedItem .The ItemSelected event signals that a selection has been made, which is available as the SelectedItem property.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
ListView-BeispielListView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page
Picker Pickerzeigt ein ausgewähltes Element aus einer Liste von Text Zeichenfolgen an und ermöglicht das Auswählen dieses Elements, wenn die Ansicht getippt wird.Picker displays a selected item from a list of text strings, and allows selecting that item when the view is tapped. Legen Sie die- Items Eigenschaft auf eine Liste von Zeichen folgen oder die- ItemsSource Eigenschaft auf eine Auflistung von-Objekten fest.Set the Items property to a list of strings, or the ItemsSource property to a collection of objects. Das- SelectedIndexChanged Ereignis wird ausgelöst, wenn ein Element ausgewählt wird.The SelectedIndexChanged event is fired when an item is selected.

Die Picker zeigt die Liste der Elemente nur an, wenn Sie ausgewählt ist.The Picker displays the list of items only when it's selected. Verwenden Sie für eine Bild lauffähigen ListView TableView Liste, die auf der Seite verbleibtUse a ListView or TableView for a scrollable list that remains on the page.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
Auswahl BeispielPicker Example
C#-Code für diese Seite / XAML-Seite mit Code BehindC# code for this page / XAML page with code-behind
TableView TableViewzeigt eine Liste von Zeilen vom Typ Cell mit optionalen Headern und unter Headern an.TableView displays a list of rows of type Cell with optional headers and subheaders. Legen Sie die Root -Eigenschaft auf ein Objekt vom Typ fest TableRoot , und fügen Sie TableSection diesem Objekte hinzu TableRoot .Set the Root property to an object of type TableRoot, and add TableSection objects to that TableRoot. Jede TableSection ist eine Auflistung von- Cell Objekten.Each TableSection is a collection of Cell objects.

API-Dokumentation / Leitfaden / BeispielAPI Documentation / Guide / Sample
TableView-BeispielTableView Example
C#-Code für diese Seite / XAML-SeiteC# code for this page / XAML page