WPF: ¿centrando contenido en un scrollviewer?

Question

Tengo un scrollviewer que contiene un panel de elementos de textblock (en realidad, estos son tabitems, estoy usando un panel de distribución dentro de un scrollviewer para anular el tabpanel predeterminado en una plantilla de tabcontrol). Lo que me gustaría poder hacer es, cuando se cambie la pestaña seleccionada, mover la pestaña recién seleccionada al centro del área visible del visualizador de desplazamiento. Idealmente, esto funcionaría para todas las pestañas, incluso las de los lados lejanos, pero me conformaría con poder decirle al scrollviewer que se desplace de manera que un elemento en particular esté lo más cerca posible del centro.

¿Hay alguna manera obvia de lograr esto en WPF? Todas las soluciones en las que puedo pensar ahora implican mucho trabajo en controles personalizados.

Answer 1

ScrollViewer.ScrollToHorizontalOffset() es lo que busca. Solo necesita calcular cuál es el desplazamiento del elemento seleccionado en relación con el panel de distribución. Puede hacer eso con algo como selectedElement.TranslatePoint(new Point(), stackPanel)

Para hacer que esto funcione para elementos en los extremos, necesitará agregar algunos elementos 'en blanco' al comienzo y al final de su desplazador de desplazamiento para ocupar la cantidad apropiada de espacio .

Para hacer esto se vea bonito, llame ScrollToHorizontalOffset en un temporizador para que el 'animado' desplazamiento en lugar de salto

Answer 2

podrá ajustar fácilmente el contenido en el centro mediante el siguiente código;

scrollviewer.ScrollToVerticalOffset(scrollviewer.ScrollableHeight/2); 
scrollviewer.ScrollToHorizontalOffset(scrollviewer.ScrollableWidth/2); 

Answer 3

Esto funcionó para mí:

//for ScrollViewer s; 
s.ScrollToHorizontalOffset((s.ExtentWidth - s.ViewportWidth)/2); 
s.ScrollToVerticalOffset((s.ExtentHeight - s.ViewportHeight)/2);