使用带有可变宽度元素的GridView

时间:2016-03-21 13:04:56

标签: c# wpf xaml gridview itemscontrol

我有一个GridView,需要将宽度元素设置为Stretch作为内容,现在我的Gridview看起来像这个图像

enter image description here

我想要这样的事情:

enter image description here

我认为将 ItemsTemplate 更改为StackPanel,但网上找到的一些示例对我来说还不够明确。

如何更改ItemsTemplate以获得我想要的行为?

还有另一个XAML控件可以让我得到这种行为吗?

注意:我正在使用VS 2015,执行UWP应用。

1 个答案:

答案 0 :(得分:1)

看看这个:

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfApplication1"
        mc:Ignorable="d"
        Title="MainWindow" Height="350" Width="525" Loaded="Window_Loaded">
    <Window.Resources>

        <DataTemplate x:Key="myTemplate"> 
            <StackPanel>
                <TextBlock Text="{Binding}"></TextBlock>
            </StackPanel>
        </DataTemplate>
    </Window.Resources>
    <ItemsControl  ItemTemplate="{StaticResource myTemplate}" ItemsSource="{Binding List}">
        <ItemsControl.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </ItemsControl.ItemsPanel>
    </ItemsControl>


</Window>

在代码背后,我有这个模拟:

using System.Collections.Generic;
using System.Windows;

namespace WpfApplication1
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.List = new List<string> { "Quien", "vie", "ne", "en", "su", "nom", "bre" };
            InitializeComponent();
            this.DataContext = this;
        }

        public List<string> List { get; set; }

        private void Window_Loaded(object sender, RoutedEventArgs e)
        {


        }
    }
}