调整列表中控件的大小以填充可用空间WPF

Question

我正在尝试找到一种在WPF中显示水平项目列表的方法，诀窍是包含该列表的窗口将以各种屏幕尺寸显示，并且列表中的所有项目都需要调整大小以填充可用的不使用滚动条的空间。

我发现可以使用ViewBox控件来实现所需的效果，但是只有当我设置<RowDefinition Height="300"/> ，ViewBox才能<RowDefinition Height="300"/> 。这种方法不起作用，因为如果您有一定数量的项在清单中，他们开始被切断 。

如果我删除<RowDefinition Height="300"/>则列表中的第一项将填满屏幕，其余部分将被切除

关于如何使列表中的所有项目调整大小以填充可用空间的任何建议，无论屏幕分辨率是多少？

XAML：

<Window x:Class="ViewBoxExample.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" WindowState="Maximized">
    <ItemsControl ItemsSource="{Binding Path=Employees}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="3*" />
                        <ColumnDefinition Width="3*" />
                        <ColumnDefinition Width="3*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="300"/>
                    </Grid.RowDefinitions>
                    <Viewbox Grid.Row="0" Grid.Column="0">
                        <TextBlock Text="{Binding Path=Name}" />
                    </Viewbox>
                    <Viewbox Grid.Row="0" Grid.Column="1">
                        <TextBlock Text="{Binding Path=Surname}" />
                    </Viewbox>
                    <Viewbox Grid.Row="0" Grid.Column="2">
                        <TextBlock Text="{Binding Path=Age}" />
                    </Viewbox>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Window>

C＃：

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

namespace ViewBoxExample
{
    public partial class MainWindow : Window
    {
        public List<Employee> _employees = new List<Employee>();
        public List<Employee> Employees 
        {
            get { return _employees; }
            set { _employees = value; }
        }

        public MainWindow()
        {
            InitializeComponent();

            Employees = new List<Employee>()
            {
                new Employee{ Name="Name1",Surname="Surname1",Age=20},
                new Employee{ Name="Name2",Surname="Surname2",Age=30},
                new Employee{ Name="Name3",Surname="Surname3",Age=40},
                new Employee{ Name="Name4",Surname="Surname4",Age=50},
                new Employee{ Name="Name5",Surname="Surname5",Age=60},
            };
            this.DataContext = this;
        }
    }

    public class Employee
    {
        public string Name { get; set; }
        public string Surname { get; set; }
        public int Age { get; set; }
    }
}

Answer 1

只需将您的ItemsControl放在ViewBox

<Viewbox>
    <ItemsControl ItemsSource="{Binding Path=Employees}">
        <ItemsControl.ItemTemplate>
            <DataTemplate>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="3*" />
                        <ColumnDefinition Width="3*" />
                        <ColumnDefinition Width="3*" />
                    </Grid.ColumnDefinitions>
                    <Viewbox Grid.Row="0" Grid.Column="0">
                        <TextBlock Text="{Binding Path=Name}" />
                    </Viewbox>
                    <Viewbox Grid.Row="0" Grid.Column="1">
                        <TextBlock Text="{Binding Path=Surname}" />
                    </Viewbox>
                    <Viewbox Grid.Row="0" Grid.Column="2">
                        <TextBlock Text="{Binding Path=Age}" />
                    </Viewbox>
                </Grid>
            </DataTemplate>
        </ItemsControl.ItemTemplate>
    </ItemsControl>
</Viewbox>

编辑：如果我正在做相同类型的事情，我将使用肯特·布加加特在此答案中解释的实际高度和宽度方法