Wie Blättern Sie zu element in den UWP

Eine bessere Lösung ist die Verwendung ChangeView statt ScrollToVerticalOffset/ScrollToHorizontalOffset da letztere ist veraltet, in Windows 10.

MyScrollView.ChangeView(null, abosulatePosition.Y, null, true);

Können Sie auch aktivieren scrolling-animation-Einstellung den letzten parameter false.

Update

Zur Vervollständigung, ich habe eine extension-Methode für diese.

public static void ScrollToElement(this ScrollViewer scrollViewer, UIElement element, 
    bool isVerticalScrolling = true, bool smoothScrolling = true, float? zoomFactor = null)
{
    var transform = element.TransformToVisual((UIElement)scrollViewer.Content);
    var position = transform.TransformPoint(new Point(0, 0));

    if (isVerticalScrolling)
    {
        scrollViewer.ChangeView(null, position.Y, zoomFactor, !smoothScrolling);
    }
    else
    {
        scrollViewer.ChangeView(position.X, null, zoomFactor, !smoothScrolling);
    }
}

So, in diesem Fall brauchen nur zu rufen

this.MyScrollView.ScrollToElement(otherTb);

Hier ist ein Demo-Video der unten beschriebenen Methode umgesetzt.

Nutzte ich die ScrollViewerOffsetMediator, eine Erweiterung Methode, die stützte sich auf die ScrollToVerticalOffset Methode, um reibungslos animieren, scrollen des ScrollViewer-Inhalte. Allerdings ScrollToVerticalOffset wurde, laufen in Windows 10, und zwar arbeitete er in einigen früheren Versionen von Windows 10, es funktioniert nicht mehr.

Den neuen ChangeView-Methode wird nicht entweder glatt noch steuerbare animation der ScrollViewer-Inhalte. So, hier ist die Lösung, die ich gefunden habe:

Platzieren Sie ein Raster innerhalb des ScrollViewer-Element. Animieren Sie den Inhalt des Rasters mit einer RenderTransform. Verwenden Sie die neue ChangeView-Methode, um Ihre letzten gewünschte vertikale und horizontale ScrollViewer-Positionen an der Zeit, Sie setzen Ihre animation der Netz-Inhalte über die transformation. Und in Ihrem raster-transformation den offset der ersten Werte durch die letzten gewünschte ChangeView-offset, so dass die animation zu starten, Referenz korrigiert für das sofortige springen, die verursacht werden durch die ChangeView-Methode.

XAML:

         <ScrollViewer x:Name="MyScrollView">
            <Grid Name="MyGrid">
                <Grid.RenderTransform>
                    <TransformGroup>
                        <ScaleTransform ScaleX="1" ScaleY="1"/>
                        <TranslateTransform X="0" Y="0"/>
                    </TransformGroup>
                </Grid.RenderTransform>
                <!-- Original ScrollViewer Contents Here... -->
            </Grid>
         </ScrollViewer>

Code:

Public Sub AnimateProperty(Obj As DependencyObject, PropPath As String, StartValue As Double, EndValue As Double, Optional PeriodMS As Integer = 350)

    Dim Storya As New Storyboard

    Dim DA1 As New DoubleAnimationUsingKeyFrames With {.BeginTime = New TimeSpan(0, 0, 0)}

    Storyboard.SetTarget(DA1, Obj)
    Storyboard.SetTargetProperty(DA1, PropPath)


    Dim ddkf1 As New DiscreteDoubleKeyFrame With {.KeyTime = New TimeSpan(0, 0, 0), .Value = StartValue}
    Dim edkf1 As New EasingDoubleKeyFrame With {.Value = EndValue, .KeyTime = New TimeSpan(0, 0, 0, 0, PeriodMS)}

    Dim pe1 As New PowerEase With {.EasingMode = EasingMode.EaseIn}
    edkf1.EasingFunction = pe1


    DA1.KeyFrames.Add(ddkf1)
    DA1.KeyFrames.Add(edkf1)

    Storya.Children.Add(DA1)
    Storya.Begin()

End Sub

Beispiel:

        AnimateProperty(MyGrid, "(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleX)", 1, 1.4, 350)
        AnimateProperty(MyGrid, "(UIElement.RenderTransform).(TransformGroup.Children)[0].(ScaleTransform.ScaleY)", 1, 1.4, 350)
        AnimateProperty(MyGrid, "(UIElement.RenderTransform).(TransformGroup.Children)[1].(TranslateTransform.Y)", -MyScrollView.VerticalOffset, -120, 350)
        MyScrollView.ChangeView(Nothing, 0, Nothing, True)

In diesem Beispiel, egal, was die anfängliche vertikale position des ScrollView, wird der Inhalt sanft animierte zu einer festen vertikalen position und zoom.