WP8__实现ListBox横向滑动及子项绑定图片等控件

 

<!--实现绑定的图片等信息 ListBox水平滚动-->

          <Grid>

              <Grid.Resources>

                  <Style x:Key="horizontalListBoxStyle" TargetType="ListBox">

                      <Setter Property="ItemsPanel">

                          <Setter.Value>

                              <ItemsPanelTemplate>

                                  <StackPanel Orientation="Horizontal"

            VerticalAlignment="Center"

            HorizontalAlignment="Center"/>

                              </ItemsPanelTemplate>

                          </Setter.Value>

                      </Setter>

                  </Style> 

              </Grid.Resources>

              <ListBox Height="auto" Name="imglist1"  HorizontalContentAlignment="Left" 

                ScrollViewer.HorizontalScrollBarVisibility="Auto"  

                       Style="{StaticResource horizontalListBoxStyle}">

                  <ListBox.ItemTemplate>

                      <DataTemplate>

                          <Grid>

                              <Grid.RowDefinitions>

                                  <RowDefinition Height="auto"></RowDefinition>

                                  <RowDefinition Height="60"></RowDefinition>

                                  <RowDefinition Height="*"></RowDefinition>

                              </Grid.RowDefinitions>

                              <Image Name="imgShow" Source="{Binding Path}" Tag="{Binding Id}" Grid.Row="0" Width="420" Height="400" Margin="30,30,30,30" Stretch="Fill" MouseLeftButtonUp="imgShow_MouseLeftButtonUp"></Image>

                              <StackPanel Orientation="Horizontal" VerticalAlignment="Center" Grid.Row="1">

                                  <Button Name="btnZan" Tag="{Binding Id}" Content="赞" Height="70" Width="150" FontSize="26" Margin="20,0,10,0" Click="btnZan_Click"></Button>

                                  <Button Name="btnCai" Tag="{Binding Id}" Content="踩" Height="70" Width="150" FontSize="26" Margin="10,0,20,0" Click="btnCai_Click"></Button>

                              </StackPanel>

                              <Grid Grid.Row="2" ></Grid>

                          </Grid>

                      </DataTemplate>

                  </ListBox.ItemTemplate>

              </ListBox>

          </Grid>

 

 

 

实现：

即将跳转到页面A，在页面A中有一个listbox，在跳转的时候，接收参数，自动选中listbox中的某项

 

/// <summary>

      /// 接收参数，定位当前选中项

      /// </summary> 

      protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs args)

      {

          IDictionary<string, string> parameters = this.NavigationContext.QueryString;

          if (parameters.ContainsKey("Id"))

          {

              string id = parameters["Id"];//图片Id

              int index = 0;

              for (int i = 0; i < imglist1.Items.Count; i++)

              {

//ImgInfoBase为listbox的Item项; imglist1.ItemsSource=(List<ImgInfoBase>) ...

                  ImgInfoBase item = (ImgInfoBase)imglist1.Items[i];

                  if (item.Id == id)

                  {

                      index = i;

                      break;

                  }

              }

              if (imglist1.Items.Count > index)

              {

                  UpdateLayout();

                  imglist1.SelectedIndex = index;//使listbox滚动到指定的位置项上

                  //imglist1.ScrollIntoView(imglist1.Items[index]);

              }

          }

          base.OnNavigatedTo(args);

      }