当我水平排列ListViewItem时，项目在VerticalAlignment上居中排列，如何设置顶部VerticalAlignment？

Question

正如我要使用listView来排列项目Horizo​​ntal。 因此，我将ItemsPanel设置为StackPanel ，并将Orientation设置为Horizo​​ntal。

<ListView x:Name="lv" ItemsSource="{Binding}" >
        <ListView.ItemTemplate>
            <DataTemplate>
                <Grid Background="Salmon" VerticalAlignment="Top">
                    <ListView ItemsSource="{Binding Items}" Height="Auto">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding StudentName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
    </ListView>

结果是这样的：

如何设置顶部对齐？

后台代码是：

            namespace WpfApplication2
            {
                public partial class MainWindow : Window
                {
                    ObservableCollection<Group> school;

                    public ObservableCollection<Group> Schools
                    {
                        get { return school; }
                        set { school = value; }
                    }
                    public MainWindow()
                    {
                        InitializeComponent();
                        Schools = new ObservableCollection<Group>();
                        Group g1 = new Group();
                        g1.Items = new ObservableCollection<Student>();
                        g1.Items.Add(new Student() { StudentName = "a" });
                        g1.Items.Add(new Student() { StudentName = "b" });
                        Schools.Add(g1);

                        Group g2 = new Group();
                        g2.Items = new ObservableCollection<Student>();
                        g2.Items.Add(new Student() { StudentName = "g2a" });
                        g2.Items.Add(new Student() { StudentName = "g2b" });
                        g2.Items.Add(new Student() { StudentName = "g2c" });
                        g2.Items.Add(new Student() { StudentName = "g2c" });
                        g2.Items.Add(new Student() { StudentName = "g2c" });
                        g2.Items.Add(new Student() { StudentName = "g2c" });
                        g2.Items.Add(new Student() { StudentName = "g2c" });
                        Schools.Add(g2);
                        lv.DataContext = Schools;
                    }
                }
                public class Group : ModelBase
                {


                    private ObservableCollection<Student> item;

                    public ObservableCollection<Student> Items
                    {
                        get { return item; }
                        set { item = value; }
                    }

                }
                public class Student : ModelBase
                {
                    private string sName;

                    public string StudentName
                    {
                        get { return sName; }
                        set { sName = value; }
                    }
                }

                public class ModelBase : INotifyPropertyChanged, IDisposable
                {
                    public event PropertyChangedEventHandler PropertyChanged;

                    protected void OnPropertyChanged(string propertyName = null)
                    {
                        if (PropertyChanged != null)
                        {
                            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
                        }
                    }

                    public void Dispose()
                    {
                        this.OnDispose();
                    }

                    protected virtual void OnDispose()
                    {

                    }
                }
            }

Answer 1

我认为您所需要做的就是将ListView也包装在网格中，并将网格的VerticalAlignment设置为Top 。 现在，默认情况下，该窗口在垂直方向上居中对齐其内容。

<Grid VerticalAlignment="Top">
    <ListView x:Name="lv" ItemsSource="{Binding}" >
        <ListView.ItemTemplate>
            <DataTemplate>
                <Grid Background="Salmon" VerticalAlignment="Top">
                    <ListView ItemsSource="{Binding Items}" Height="Auto">
                        <ListView.ItemTemplate>
                            <DataTemplate>
                                <TextBlock Text="{Binding StudentName}"/>
                            </DataTemplate>
                        </ListView.ItemTemplate>
                    </ListView>
                </Grid>
            </DataTemplate>
        </ListView.ItemTemplate>
        <ListView.ItemsPanel>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal" />
            </ItemsPanelTemplate>
        </ListView.ItemsPanel>
    </ListView>
</Grid>

Answer 2

好的，我找到了解决方案。 只需将itemContainerStyle设置为工作即可。 霍尔普对他人有帮助。

<ListView.ItemContainerStyle>
      <Style>
           <Setter Property="Control.VerticalAlignment" Value="Top"/>
      </Style>
</ListView.ItemContainerStyle>

Answer 3

您可以通过ListView.ItemContainerStyle属性（如您在答案中指出的那样）来实现，但是有一种更短（更简单？）的方法-通过设置ListView.VerticalContentAlignment ：

<ListView VerticalContentAlignment="Top" (...)>
    (...)
</ListView>

确切地说ListViewItem.VerticalAlignment是通过绑定到最接近ItemsControl祖先的ItemsControl.VerticalContentAlignment的默认样式进行的-如果将ListViewItem放置在任何ItemsControl之外，则可以在输出窗口中看到适当的错误消息。 自然，水平对齐方式也类似。