ListViewItem nie zostanie rozciągnięta do szerokości ListView

81

Obecnie projektuję aplikację sklepu dla systemu Windows 8 przy użyciu XAML, ale mam niewielki problem z rozmiarami. Mam ListView z DataTemple.

Kod mojego ListView i DataTemplate znajduje się poniżej:

<ListView x:Name="listPageItems"
          Grid.Row="1"
          SelectionMode="Extended"
          IsSwipeEnabled="False"
          ItemsSource="{Binding Mode=OneWay, Source={StaticResource items}}"
          ItemTemplate="{StaticResource NavigationItemTemplate}"
          ScrollViewer.VerticalScrollBarVisibility="Visible">

</ListView>

<DataTemplate x:Key="NavigationItemTemplate">    
        <Grid Height="75">
            <Grid.RowDefinitions>
                <RowDefinition Height="1.6*" />
                <RowDefinition Height="*" />
            </Grid.RowDefinitions>
            <Rectangle Fill="White" />
            <Rectangle Fill="{StaticResource SSEGreenBrush}"
                       Grid.Row="1" />
            <Border BorderThickness="2"
                    BorderBrush="{StaticResource SSEGreenBrush}"
                    Grid.RowSpan="2" />
            <TextBlock x:Name="textTitle"
                       Text="{Binding ClientName}"
                       Style="{StaticResource TitleTextStyle}"
                       Foreground="{StaticResource SSEBlueBrush}"
                       Margin="10,5,5,5" />
            <StackPanel Orientation="Horizontal"
                        Grid.Row="1"
                        HorizontalAlignment="Stretch">
                <TextBlock Text="Last Edit :"
                           Style="{StaticResource SubtitleTextStyle}"
                           Foreground="{StaticResource SSEBlueBrush}"
                           Margin="3,0,0,3"
                           VerticalAlignment="Center" />
                <TextBlock Text="SurveyDate"
                           Style="{StaticResource SubtitleTextStyle}"
                           Foreground="{StaticResource SSEBlueBrush}"
                           Margin="3,0,0,3"
                           VerticalAlignment="Center" />
            </StackPanel>
        </Grid>
    </DataTemplate>

Widok listy znajduje się w kolumnie siatki o stałej szerokości 240.

Gdy widok jest wyświetlany, ListViewItems nie jest rozciągany do szerokości ListView. Próbowałem ustawić wiele właściwości, w tym HorizontalContentAlignment, ale nie mogę rozciągnąć ListViewItem!

Czy ktoś może pomóc?

Z góry dziękuję.

Używam Visual Studio 2012, C # 4.5 i rozwijam aplikację Windows Store.

Słońce
źródło

Odpowiedzi:

197

Spróbuj dodać następujące elementy do definicji ListView

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
</ListView.ItemContainerStyle>
Jim O'Neil
źródło
1
Błąd: błąd ścieżki BindingExpression: nie znaleziono właściwości „Width” w Project.CustomElement, Project.WindowsPhone, Version = 1.0.0.0, Culture = neutral, PublicKeyToken = null '. BindingExpression: Path = 'Width' DataItem = Project.CustomElement, Project.WindowsPhone, Version = 1.0.0.0, Culture = neutral, PublicKeyToken = null '; element docelowy to „Windows.UI.Xaml.Controls.Grid” (Name = „null”); docelowa właściwość to „Szerokość” (typ „Podwójna”)
Czarny Cid
2
W przypadku elementów w DataTemplate, które nie są automatycznie rozciągane do pełnej szerokości, jak na przykład Grid, musisz dodatkowo ustawić HorizontalAlignment = "Stretch"
tipa
Chciałbym również dodać komentarz, że nie mogłem tego uruchomić, kiedy ustawiłem również HorizontalAlignment = "Left", ale kiedy to usunąłem, działało jak urok!
Andreas Forslöw