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

转载于:https://www.cnblogs.com/HellenTian/archive/2010/08/09/1795488.html