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:代码没有加其他的一些验证