Mache XAML Page scrollable

Wer in Visual Studio XAML-Projekte bearbeitet, wird gelegentlich auch xaml-Pages verwenden.

XAML-Pages sind ähnlich wie XAML-Windows oder UserControls, nur mit dem Unterschied, dass diese bereits eine gute Möglichkeit der Navigation (vor und zurück) mitbringen.

Ist der Inhalt der Page aber größer als die Höhe oder Breite der Page selbst, dann verschwinden Inhaltselemente oder sind abgeschnitten. Deswegen sollte in solchen Fällen die xaml-Page scrollbar sein, also mit Scrollbalken versehen sein.

Dies erreicht man, indem man den gesamten Content der Page innerhalb eines “ScrollViewer” packt. Beim ScrollViewer kann man noch über die Parameter VerticalScrollBarVisibility und HorizontalScrollBarVisibility defineren, ob die senkrechte oder horizontale Scrollbar angezeigt werden soll. Man kann die Parameter auch auf “Auto” setzen. In diesem Fall wird die jeweilige Scrollbar nur angezeigt, wenn der Inhalt größer als das Page-Fenster ist.

Der Code sieht dann so aus:

<Page
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    mc:Ignorable="d" d:DesignHeight="600" d:DesignWidth="800"
    x:Name="PgCompanyData" Title="PageTitle">
    <ScrollViewer VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
        <Grid>
            <!-- GridDefinitions and further content-->
        </Grid>
    </ScrollViewer>
</Page>

Kommentar hinterlassen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert