Projekt-Anfragen: Tel: 07022/9319004 info@CodeDocu.de Software Entwicklung in C# WPF Asp.Net Core Vba Excel Word SQL-Server EF Linq, UWP Net
#

UWP: ScrollViewer mit FixedColumn und FixedRow Header

 

Mit Scrollviewer kann man in einer Windows 10 Universal App UWP in einem Grid UIElment auch FixedColums und FixedRows einstellen.

Ein gutes Beispiel hierfür findet man in einem alten Win 8.1 XAML Beispiel

 

 

 

Der Download des MSDN Beispiels XAML input and manipulations - advanced concepts

Zeigt die Einstellungsmöglichkeiten eines ScrollViewer.

Man muss nur unter dem unteren Link das Beispiel herunterladen und Entpacken und anschließend die Projektdatei in Visual Studio öffnen starten.

Die App AdvancedManipulations C# sample, Windows SDK Samples muss man dann im Input umschalten auf

Select Scenario: 5: Configuring headers for ScrollViewer

 

 

ScrollViewer control's Header properties (TopLeftHeader, TopHeader and LeftHeader), allow defining "frozen" areas that contain content participating in layout. The contents in these headers either do not scroll at all or scroll in one direction in tandem with the primary content of the ScrollViewer.

 

In the below example, the content of the panel in white are the primary contents of the containing ScrollViewer. Notice how the top header elements (contents of the panel in green) pan horizontally bound to the primary content. Similarly, the left header elements (contents of the panel in blue) pan vertically bound to the primary content whereas the top left corner (contents of the panel in orange) does not participate in panning at all.

 

You can configure ScrollViewers with one or more headers as shown. All properties of the ScrollViewer (like SnapPoints, RTL etc.,) apply to the contents of the headers as well.

 

Deutsch:

Kopfeigenschaften Scrollviewer-Steuerelement ist (oben links Steckleiste, um Kopf- und Leftheader), erlauben die Definition "eingefroren" Bereiche, die Inhalte enthalten, die an das Layout. Der Inhalt dieser Header entweder überhaupt nicht zu rollen oder zu blättern in einer Richtung zusammen mit dem Hauptinhalt der Scroll.

Im Beispiel unten wird der Inhalt des Bereichs in Weiß sind die Hauptinhaltsstoffe des enthaltenden Scroll. Beachten Sie, wie die Top-Header-Elemente (Inhalte des Panel in grün) schwenken horizontal zum Hauptinhalt gebunden. Ebenso Schwenken Sie die linke Kopfelemente (Inhalt des Panel in blau) vertikal zu der Hauptinhalt der Erwägung, dass die obere linke Ecke gebunden (Inhalt der Platte in orange) nicht in Panning haupt teilzunehmen.

Sie Scroll mit einem oder mehreren Headern konfigurieren, wie gezeigt. Alle Eigenschaften des Scroll (wie SnapPoints, RTL usw.), um die Inhalte der Header gelten ebenso.

 

Quelle: https://code.msdn.microsoft.com/windowsapps/XAML-input-and-manipulation-44125241

XAML input and manipulations - advanced concepts

Programmatic smooth pan and zoom.

Predictive view information for ongoing manipulation.

Mixing custom and system manipulation.

Canceling ongoing system manipulation.

Configuring headers for the ScrollViewer control.

 

 

Mobile
»
UWP: Hintergrund von Windows 10 Desktop ändern
»
UWP Sample: ContextMenu als XAML Flyout in Page Resources
»
UWP Sample: Context-Menu PopupMenu
»
UWP Sample: MediaEditing Bearbeiten von Videos
»
UWP Beispiel: Drawing Lines Ink
»
UWP Beispiel: Simple Imaging, Images Pictures
»
Win10 Sample: Title bar sample
»
Face Detection Sample #Win10
»
Win10 Sample: CameraGetPreviewFrame
»
Win10 Samples: CameraResolution Video and Photo

.

Jobs, Projekte, Angebote für Freiberufler, Selbstständig an Info@CodeDocu.de