Comment faites défiler vers le bas d'un ScrollViewer automatiquement avec Xaml et obligatoire?

Vous pouvez créer une propriété attachée à un comportement d'obtenir ce que vous voulez sans utiliser de code derrière. De toute façon vous aurez toujours besoin d'écrire du code.

Voici un exemple d'utilisation de la propriété attachée.

Propriété Attachée

public static class Helper
{
    public static bool GetAutoScroll(DependencyObject obj)
    {
        return (bool)obj.GetValue(AutoScrollProperty);
    }

    public static void SetAutoScroll(DependencyObject obj, bool value)
    {
        obj.SetValue(AutoScrollProperty, value);
    }

    public static readonly DependencyProperty AutoScrollProperty =
        DependencyProperty.RegisterAttached("AutoScroll", typeof(bool), typeof(Helper), new PropertyMetadata(false, AutoScrollPropertyChanged));

    private static void AutoScrollPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var scrollViewer = d as ScrollViewer;

        if (scrollViewer != null && (bool)e.NewValue)
        {
            scrollViewer.ScrollToBottom();
        }
    }
}

De Liaison Xaml

<ScrollViewer local:Helper.AutoScroll="{Binding IsLogsChangedPropertyInViewModel}" .../>

Vous aurez besoin pour créer une propriété booléenne IsLogsChangedPropertyInViewModel et attribuez la valeur true lorsque la chaîne de propriété est modifiée.

Espérons que cette aide! 🙂

De Geoff Blog sur ScrollViewer AutoScroll Comportement.

Ajouter cette classe:

namespace MyAttachedBehaviors
{
    ///<summary>
    ///    Intent: Behavior which means a scrollviewer will always scroll down to the bottom.
    ///</summary>
    public class AutoScrollBehavior : Behavior<ScrollViewer>
    {
        private double _height = 0.0d;
        private ScrollViewer _scrollViewer = null;

        protected override void OnAttached()
        {
            base.OnAttached();

            this._scrollViewer = base.AssociatedObject;
            this._scrollViewer.LayoutUpdated += new EventHandler(_scrollViewer_LayoutUpdated);
        }

        private void _scrollViewer_LayoutUpdated(object sender, EventArgs e)
        {
            if (Math.Abs(this._scrollViewer.ExtentHeight - _height) > 1)
            {
                this._scrollViewer.ScrollToVerticalOffset(this._scrollViewer.ExtentHeight);
                this._height = this._scrollViewer.ExtentHeight;
            }
        }

        protected override void OnDetaching()
        {
            base.OnDetaching();

            if (this._scrollViewer != null)
            {
                this._scrollViewer.LayoutUpdated -= new EventHandler(_scrollViewer_LayoutUpdated);
            }
        }
    }
}

Ce code dépend de Fusion des Comportements, qui nécessitent une référence à System.Windows.Interactivity. Voir d'aide sur l'ajout de System.De Windows.L'interactivité.

Si vous installez le MVVM Light package NuGet, vous pouvez ajouter une référence ici:

packages\MvvmLightLibs.4.2.30.0\lib\net45\System.Windows.Interactivity.dll

Assurer que vous avez cette propriété dans votre en-tête, qui pointe à System.Windows.Interactivity.dll:

xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

Ajouter un Mélange de Comportement dans les ScrollViewer:

<i:Interaction.Behaviors>
    <implementation:AutoScrollBehavior />
</i:Interaction.Behaviors>

Exemple:

<GroupBox Grid.Row="2" Header ="Log">
    <ScrollViewer>
        <i:Interaction.Behaviors>
            <implementation:AutoScrollBehavior />
        </i:Interaction.Behaviors>
        <TextBlock Margin="10" Text="{Binding Path=LogText, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" TextWrapping="Wrap"/>
    </ScrollViewer>
</GroupBox> 

Nous devons ajouter une définition de l'espace de noms, sinon ça ne savez pas où trouver de la classe C# nous venons d'ajouter. Ajouter cette propriété dans le <Window> tag. Si vous utilisez ReSharper, il suggère automatiquement pour vous.

xmlns:implementation="clr-namespace:MyAttachedBehaviors"

Maintenant, si tout va bien, le texte dans la zone seront toujours faites défiler vers le bas.

L'exemple de XAML avec de la volonté d'imprimer le contenu de la propriété liée LogText à l'écran, ce qui est parfait pour l'enregistrement.

Ici est une légère variation.

Ce sera faites défiler vers le bas lorsque le défilement de la visionneuse de hauteur (viewport) et la hauteur de défilement du présentateur de contenu (mesure) de changement.

Il est basé sur Roy T répondre, mais je n'étais pas en mesure de commenter si j'ai posté une réponse.

    public static class AutoScrollHelper
{
public static readonly DependencyProperty AutoScrollProperty =
DependencyProperty.RegisterAttached("AutoScroll", typeof(bool), typeof(AutoScrollHelper), new PropertyMetadata(false, AutoScrollPropertyChanged));
public static void AutoScrollPropertyChanged(DependencyObject obj, DependencyPropertyChangedEventArgs args)
{
var scrollViewer = obj as ScrollViewer;
if (scrollViewer == null) return;
if ((bool) args.NewValue)
{
scrollViewer.ScrollChanged += ScrollViewer_ScrollChanged;
scrollViewer.ScrollToEnd();
}
else
{
scrollViewer.ScrollChanged -= ScrollViewer_ScrollChanged;
}
}
static void ScrollViewer_ScrollChanged(object sender, ScrollChangedEventArgs e)
{
//Remove "|| e.ViewportHeightChange < 0 || e.ExtentHeightChange < 0" if you want it to only scroll to the bottom when it increases in size
if (e.ViewportHeightChange > 0 || e.ExtentHeightChange > 0 || e.ViewportHeightChange < 0 || e.ExtentHeightChange < 0)
{
var scrollViewer = sender as ScrollViewer;
scrollViewer?.ScrollToEnd();
}
}
public static bool GetAutoScroll(DependencyObject obj)
{
return (bool) obj.GetValue(AutoScrollProperty);
}
public static void SetAutoScroll(DependencyObject obj, bool value)
{
obj.SetValue(AutoScrollProperty, value);
}
}