ListViewItem не растягивается до ширины ListView


81

В настоящее время я разрабатываю приложение для магазина Windows 8 с использованием XAML, но у меня есть небольшая проблема с размером. У меня есть ListView с DataTemple.

Код для моего ListView и DataTemplate ниже:

<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>

Список находится в столбце сетки с фиксированной шириной 240.

Когда представление отображается, ListViewItems не растягивается до ширины ListView. Я пробовал устанавливать множество свойств, включая HorizontalContentAlignment, но мне кажется, что ListViewItem не растягивается!

Кто-нибудь может помочь?

Заранее спасибо.

Я использую Visual Studio 2012, C # 4.5 и разрабатываю приложение для магазина Windows.

Ответы:


197

Попробуйте добавить следующее в определение ListView

<ListView.ItemContainerStyle>
    <Style TargetType="ListViewItem">
        <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    </Style>
</ListView.ItemContainerStyle>

1
Ошибка: ошибка пути BindingExpression: свойство «Ширина» не найдено в Project.CustomElement, Project.WindowsPhone, Version = 1.0.0.0, культура = нейтральный, PublicKeyToken = null '. BindingExpression: Path = 'Width' DataItem = Project.CustomElement, Project.WindowsPhone, Version = 1.0.0.0, Culture = нейтральный, PublicKeyToken = null '; целевой элемент - 'Windows.UI.Xaml.Controls.Grid' (Name = 'null'); целевым свойством является «Ширина» (тип «Двойной»)
Блэк Сид

2
На элементах в DataTemplate , которые автоматически не растягиваются на всю ширину , как Сетка делает, например, вы должны дополнительно установить HorizontalAlignment = «Stretch»
TIPA

Я также хотел бы добавить комментарий, что я не мог заставить это работать, когда я также установил HorizontalAlignment = "Left", но когда я удалил его, он работал как шарм!
Андреас Форслёв 08
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.