如何設計在ListBox中的多個列在XAML

我需要在底部多列和2個按鈕和一個線列表框，如：如何設計在ListBox中的多個列在XAML

項目1項目2項目3項目4 Button1的Button2的
------- ----------------------------------------------

感謝

------更新

有一個行對每一列
顯示標題

標題1標題2 TITLE3 TITLE4

項目1項目2項目3項目4 Button1的Button2的
----------------------------- ------------------------

 

-- Update 
 

<ListBox HorizontalAlignment="Left" VerticalAlignment="Top" Margin="700,210,0,0" Name="listBox1" Width="650" Height="532" ScrollViewer.VerticalScrollBarVisibility="Auto"> 

     <ListBox.ItemTemplate> 
     <DataTemplate> 
      <Grid Width="650"> 

      <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="80"> 
      <ColumnDefinition Width="*"> 
      <ColumnDefinition Width="*"> 
      <ColumnDefinition Width="*"> 
      <ColumnDefinition Width="*"> 
      </Grid.ColumnDefinitions> 


     <StackPanel> 


<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Item code"/> 
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Description"  TextWrapping="Wrap"/> 
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Unit Price"/> 
<TextBlock Margin="8,3,0,0" FontSize="22" Foreground="DarkGray" Text="Amount"/> 

     </StackPanel> 



<TextBlock Margin="3,3,10,0" FontSize="22" FontWeight="SemiBold" Foreground="DarkBlue" Text="{Binding No}" Grid.Column="0" /> 
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding Description}" TextWrapping="Wrap" Grid.Column="1" /> 
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding UnitPrice}" TextWrapping="Wrap" Grid.Column="2" /> 
<TextBlock Margin="8,3,10,0" FontSize="22" Foreground="DarkBlue" Text="{Binding LineAmount}" TextWrapping="Wrap" Grid.Column="3" /> 
<Button x:Name="btnTransEdit" Margin="20,3,0,0" Content="Edit" FontSize="23" HorizontalAlignment="Left" VerticalAlignment="Top" Height="59" Width="130" Grid.Column="4" /> 

     </Grid> 


    </DataTemplate> 

</ListBox.ItemTemplate>

來源

2013-10-16 MilkBottle

看看DataGrid。它就像一個有多列和多行的表格。 – Jehof

你想要選擇還是隻想以表格方式顯示數據？ – Xyroid

@Xyroid，剛剛更新如上。一行描述每列的標題。 Item1到Item4，我會分別綁定它們。 – MilkBottle

如果使用LongListSelector而非ListBox你可以做到這一點很容易。

<phone:LongListSelector ItemsSource="{Binding Items}"> 
    <phone:LongListSelector.ListHeader> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
       <ColumnDefinition Width="*" /> 
      </Grid.ColumnDefinitions> 

      <TextBlock Text="Item code" Grid.Column="0" TextWrapping="Wrap" /> 
      <TextBlock Text="Desc" Grid.Column="1" TextWrapping="Wrap" /> 
      <TextBlock Text="Unit Price" Grid.Column="2" TextWrapping="Wrap" /> 
      <TextBlock Text="Amount" Grid.Column="3" /> 
     </Grid> 
    </phone:LongListSelector.ListHeader> 

    <phone:LongListSelector.ItemTemplate> 
     <DataTemplate> 
      <Grid> 
       <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
        <ColumnDefinition Width="*" /> 
       </Grid.ColumnDefinitions> 

       <TextBlock Text="{Binding No}" Grid.Column="0" TextWrapping="Wrap" /> 
       <TextBlock Text="{Binding Description}" Grid.Column="1" TextWrapping="Wrap" /> 
       <TextBlock Text="{Binding UnitPrice}" Grid.Column="2" TextWrapping="Wrap" /> 
       <TextBlock Text="{Binding LineAmount}" Grid.Column="3" TextWrapping="Wrap" /> 

       <Button Content="Edit" Grid.Column="4" /> 
       <Button Content="Delete" Grid.Column="5" /> 
      </Grid> 
     </DataTemplate> 
    </phone:LongListSelector.ItemTemplate> 

    <phone:LongListSelector.ListFooter> 
     <Grid Background="white" Height="2" Margin="0,12" /> 
    </phone:LongListSelector.ListFooter> 
</phone:LongListSelector>

來源

2013-10-16 13:34:09

如何設計在ListBox中的多個列在XAML

回答

相關問題