自定義列表框不拉伸的項目

如何讓mainGrid水平拉伸到列表框的大小？我已經將列表框設置爲拉伸和自動寬度，mainGrid設置爲拉伸和自動，但不能拉伸到列表框的大小。自定義列表框不拉伸的項目

<DataTemplate x:Key="AccountItem"> 
       <Grid Name="mainGrid" ShowGridLines="True"> 
        <Grid.Background> 
         <LinearGradientBrush EndPoint="0.5,1" MappingMode="RelativeToBoundingBox" StartPoint="0.5,0"> 
          <GradientStop Color="#FFFFFFF3"/> 
          <GradientStop Color="DarkGray" Offset="0.672"/> 
         </LinearGradientBrush> 
        </Grid.Background> 
        <Grid.RowDefinitions> 
         <RowDefinition/> 
         <RowDefinition/> 
         <RowDefinition/> 
        </Grid.RowDefinitions> 
        <Grid VerticalAlignment="Top" Grid.Row="0" > 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition/> 
          <ColumnDefinition/> 
         </Grid.ColumnDefinitions> 
         <TextBlock x:Name="accountName" TextWrapping="Wrap" Text="{Binding Name}" HorizontalAlignment="Left" Foreground="White"/> 
         <TextBlock x:Name="accountType" TextWrapping="Wrap" Text="{Binding Type}" Foreground="White" HorizontalAlignment="Right" Grid.Column="1"/> 
        </Grid> 
        <Grid VerticalAlignment="Center" Grid.Row="1" > 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition/> 
          <ColumnDefinition/> 
         </Grid.ColumnDefinitions> 
         <TextBlock TextWrapping="Wrap" Text="Balance:" HorizontalAlignment="Left" Foreground="White"/> 
         <TextBlock x:Name="accountBalance" TextWrapping="Wrap" Text="{Binding Balance}" HorizontalAlignment="Right" Foreground="White" Grid.Column="1"/> 
        </Grid> 
        <Grid VerticalAlignment="Bottom" Grid.Row="2" > 
         <Grid.ColumnDefinitions> 
          <ColumnDefinition/> 
          <ColumnDefinition/> 
         </Grid.ColumnDefinitions> 
         <TextBlock TextWrapping="Wrap" Text="Available Balance:" HorizontalAlignment="Left" Foreground="White"/> 
         <TextBlock x:Name="accountAvailableBalance" TextWrapping="Wrap" Text="{Binding AvailableBalance}" HorizontalAlignment="Right" Foreground="White" Grid.Column="1"/> 
        </Grid> 
       </Grid> 
      </DataTemplate> 

<Grid x:Name="LayoutRoot"> 
     <Grid.Background> 
      <ImageBrush Stretch="Fill" ImageSource="/Assets/background.png"/> 
     </Grid.Background> 


     <ListBox x:Name="accountsList" Margin="20,136,20,0" ItemTemplate="{StaticResource AccountItem}" /> 

    </Grid>

來源

2013-12-22 shady

「但我遇到了麻煩要顯示的數據」 - 這是不是一個真正的問題。 –

嘗試設置HorizontalContentAlignment到Strecth：

<ListBox x:Name="accountsList" Margin="20,136,20,0" ItemTemplate="{StaticResource AccountItem}"> 
    <ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 
</ListBox>

來源

2013-12-22 04:39:50 har07

自定義列表框不拉伸的項目

回答

相關問題