¿Cómo puedo saber cuándo un ListBox ha terminado de renderizarse en Silverlight?

Question

Necesito saber cuando un ListBox ha terminado de renderizar por primera vez para que pueda desplazarlo hacia arriba para presentar al usuario el primer elemento en la lista.

Tengo un ListBox que utiliza RichTextBox en que es DataTemplate:

<DataTemplate x:Key="HelpTextTemplate"> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*"/> 
      <ColumnDefinition Width="Auto"/> 
     </Grid.ColumnDefinitions> 
     ... 
     <ContentControl> 
      ... 
      <RichTextBox x:Name="HelpTextContent" Grid.Row="1" 
         Tag="{Binding Path=HelpObject.Text, Mode=TwoWay}" 
         TextWrapping="Wrap" 
         HorizontalAlignment="Stretch" 
         Margin="0,0,20,0" 
         Loaded="RichTextBox_Loaded" 
         ContentChanged="RichTextBox_ContentChanged" 
         SelectionChanged="RichTextBox_SelectionChanged"/> 
      ... 
     </ContentControl> 
     ... 
    </Grid> 
</DataTemplate> 

El ListBox se une a un ObservableCollection.

que tenía un problema con el desplazamiento de la ListBox - si la altura de la RichTextBox fue mayor que el de la ListBox el usuario no podía desplazarse a la parte inferior de la RichTextBox. El ListBox pasaría al siguiente elemento de la lista. La altura del control deslizante de la barra de desplazamiento también cambiará. Esto se debe a que la altura real del RichTextBox solo se calcula cuando se representa en realidad. Cuando está fuera de la pantalla, la altura vuelve a un valor menor (creo que el código supone que el texto puede caber en una sola línea en lugar de tener que ser envuelto).

Seguí estos problemas hasta el uso de VirtualisingStackPanel para dibujar los elementos. Cuando reemplacé eso con un simple StackPanel esos problemas desaparecieron.

Esto creó el problema que tengo ahora que es que el ListBox se desplaza al final de la lista en la carga inicial. Los eventos Loaded y LayoutUpdated en ListBox se producen antes de que se carguen los datos. He intentado escuchar a cabo para el evento PropertyChanged en el modelo de vista cuando el ObservableCollection se inicializa:

void editViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e) 
{ 
    switch (e.PropertyName) 
    { 
     case "ListDataSource": 
      // Try to scroll to the top of the ListBox 
      break; 
    } 
} 

este dispara demasiado pronto también. La lista se representa después de este evento se dispara y hace que el ListBox se desplace hacia la parte inferior.

Answer 1

Al final tuve que usar una chapuza:

private System.Threading.Timer timer; 
void editViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e) 
{ 
    switch (e.PropertyName) 
    { 
     case "ListDataSource": 
      TimerCallback callback = TimerResult; 
      timer = new Timer(callback, null, 750, 0); 
      break; 
    } 
} 

private void TimerResult(Object stateInfo) 
{ 
    Dispatcher.BeginInvoke(() => 
    { 
     if (this.ItemsList.Items.Count > 0) 
     { 
      this.ItemsList.UpdateLayout(); 
      this.ItemsList.SelectedIndex = 0; 
      this.ItemsList.ScrollIntoView(this.ItemsList.Items[0]); 
     } 
    }); 

    timer.Dispose(); 
} 

Si alguien sabe una mejor manera por favor enviar su respuesta ahora.

Answer 2

Intenta desplazarte en el controlador Cargado, pero diferirlo un poco por Dispatcher. Algo así

void OnLoaded(...) 
{ 
    Dispatcher.BeginInvoke(() => {/*Scroll your ListBox here*/}); 
} 

Podría ayudar.

Answer 3

public class AutoScrollBehavior : Behavior<ListBox> 
    { 
     #region Properties 

     public object ItemToScroll 
     { 
      get { return GetValue(ItemToScrollProperty); } 
      set { SetValue(ItemToScrollProperty, value); } 
     } 

     public static readonly DependencyProperty ItemToScrollProperty = DependencyProperty.Register("ItemToScroll", typeof(object), typeof(AutoScrollBehavior), new PropertyMetadata(ItemToScrollPropertyChanged)); 

     private static void ItemToScrollPropertyChanged(DependencyObject d, DependencyPropertyChangedEventArgs e) 
     { 
      ListBox lb = ((AutoScrollBehavior)d).AssociatedObject; 
      lb.UpdateLayout(); 
      ((AutoScrollBehavior)d).AssociatedObject.ScrollIntoView(e.NewValue); 
     } 
     #endregion 
    } 

luego usar en el XAML como

<ListBox SelectedItem="{Binding SelectedItemFromModel, Mode=TwoWay}"> 
<i:Interaction.Behaviors> 
                   <Behaviors:AutoScrollBehavior ItemToScroll="{Binding SelectedItemFromModel}"/> 
                  </i:Interaction.Behaviors> 
</ListBox> 

en algún comando que debe ser capaz de controlar y establecer SelectedItemFromModel propiedad de su modelo de vista.