Как настроить LongListSelector или ListBox Дизайн в WP8

Question

я хотел бы настроить мой LongListSelector или ListBox по-своему, так может ли один помочь мне его дизайн ..
моего кода ..

<StackPanel HorizontalAlignment="Left" Height="345" Margin="10,234,0,0" VerticalAlignment="Top" Width="413"> 
       <phone:LongListSelector x:Name="list_organization" Height="340" Margin="10,0"/> 

</StackPanel> 

Этого мой код, чтобы связать длинный список ..

org = await client.searchOrganization(txtQuery.Text); 
      if (org != null) 
      { 
       var query = from c in org 
          select new { c.name,c.id,c.time,.. }; 
       list_organization.ItemsSource = query.ToList();//bind the query to longlist 
      } 

я хочу, как этот дизайн страницы ..

как это сделать ...?

Answer 1

Прежде всего, удалите явные ширины и высоты. И если у вас есть только LongListSelector внутри StackPanel, вы можете удалить StackPanel.

Отдельные предметы для контейнеров, подобных списком, производятся с использованием DataTemplate для замены ItemTemplate. Для получения дополнительной информации см. Следующую ссылку MSDN: ListBox Styles and Templates.

В принципе, вот как вы это делаете:

<phone:LongListSelector x:Name="list_organization" Height="340" Margin="10,0" 
         ItemsSource="{Binding People}"> 
    <phone:LongListSelector.ItemTemplate> 
     <DataTemplate> 
      <!-- your XAML for individual item goes here --> 
      <TextBlock Text="{Binding FirstName}" /> 
     </DataTemplate> 
    </phone:LongListSelector.ItemTemplate> 
</phone:LongListSelector>