ListBox的ScrollIntoView方法

Silverlight中可以通过ScrollIntoView方法来定位具体的某一项。

前台界面定义一个ListBox，一个TextBox和一个Button，在TextBox中输入数字，点击Button定位到TextBox中指定的位置。

<StackPanel x:Name="LayoutRoot" Background="White" Height="400" Orientation="Vertical">
        <ListBox x:Name="lbRApproach" Grid.Row="1" Width="290" Height="200" Margin="0,33,0,0" Style="{StaticResource ListStyle}">
            <ListBox.ItemTemplate>
                <DataTemplate>
                    <Canvas Height="30">
                        <TextBlock Text="{Binding TicketName}" Foreground="#FF333333" FontSize="12" Canvas.Left="13" Canvas.Top="7" />
                        <TextBox x:Name="txtCash" Height="28" Width="180" TextWrapping="Wrap" BorderThickness="0" Style="{StaticResource jiesuanTextBoxStyle01}" Text="{Binding Amount}" Foreground="#FF4B4B4B" FontSize="16" FontWeight="Bold" Canvas.Left="63" Canvas.Top="1" />
                    </Canvas>
                </DataTemplate>
            </ListBox.ItemTemplate>
        </ListBox>
        <TextBox x:Name="txtView" Width="150" Height="50" />
        <Button x:Name="btnClick" Width="150" Height="50" Content="Click" />
    </StackPanel>

按钮事件

代码

   
     

    
      
    
       
    
      void
    
       btnClick_Click(
    
      object
    
       sender, RoutedEventArgs e)
 {
 
    
      int
    
       currentRow 
    
      =
    
       Convert.ToInt32(txtView.Text);
 
    
      if
    
       (currentRow 
    
      >
    
       lbRApproach.Items.Count)
 {
 MessageBox.Show(
    
      "
    
      超出范围，请重新输入
    
      "
    
      );
 
    
      return
    
      ;
 }
 lbRApproach.SelectedIndex 
    
      =
    
       Convert.ToInt32(txtView.Text)
    
      -
    
      1
    
      ;
 lbRApproach.ScrollIntoView(lbRApproach.SelectedItem);
 }
   
     

效果

如果ListBox的数据源发生改变的时候，如添加或是删除一条数据，要先UpdateLayout，否则用ScrollIntoView不管用。

在界面上添加一个按钮，用来给ListBox添加一条数据，并定位到当条数据。

后台代码

 

代码

   
     

    
      
    
       
    
      void
    
       btnAdd_Click(
    
      object
    
       sender, RoutedEventArgs e)
 {
 TicketTest t 
    
      =
    
       
    
      new
    
       TicketTest()
 {
 TicketName
    
      =
    
      "
    
      Test
    
      "
    
      ,
 Amount
    
      =
    
      "
    
      90
    
      "
    
      ,
 TicketType
    
      =
    
      ""
    
      
 };

 ticket.Add(t);
 
    
      this
    
      .lbRApproach.ItemsSource 
    
      =
    
       
    
      null
    
      ;
 
    
      this
    
      .lbRApproach.ItemsSource 
    
      =
    
       ticket;
 lbRApproach.SelectedIndex 
    
      =
    
       lbRApproach.Items.Count
    
      -
    
      1
    
      ;
 
    
      //
    
      lbRApproach.UpdateLayout();
    
      

    
       lbRApproach.ScrollIntoView(lbRApproach.SelectedItem);
 }
   
     

没用用UpdateLayout方法，点击后数据添加了，虽然也用了ScrollIntoView方法，但是并没有想要的效果。

采用LayoutUpdate方法后

PS:代码没有加其他的一些验证