2018-5-28-win10-uwp-动态修改ListView元素布局

title	author	date	CreateTime	categories
win10 uwp 动态修改ListView元素布局	lindexi	2018-05-28 15:15:54 +0800	2018-05-28 14:45:51 +0800	Win10 UWP

本文告诉大家如何在代码动态修改 ListView 的元素布局，从垂直修改为水平，从水平修改为垂直

先给大家一张图看一下效果

如何需要从 cs 代码修改 ListView 的 ItemsPanel 的 ItemsPanelTemplate 从而修改元素布局是比较困难的。如修改下面代码的 Orientation 从 Horizontal 修改为 Vertical。

    <ListView.ItemsPanel>
        <ItemsPanelTemplate>
            <ItemsStackPanel Orientation="Horizontal"/>
        </ItemsPanelTemplate>
    </ListView.ItemsPanel>

因为无法通过后台代码直接创建一个 ItemsPanelTemplate ，除了使用 XamlReader 来做。

但是这样做比较复杂。

我期望的方式是直接通过代码修改。

在堆栈网发现c# - How to set ListView ItemsStackPanel orientation by code? - Stack Overflow，里面使用 ItemsPanelRoot 来设置

            if (xxListView.ItemsPanelRoot is ItemsStackPanel panel)
            {
                panel.Orientation = Orientation.Vertical;
            }

实际上的 ItemsPanelRoot 就是控制的 panel ，通过修改这个 panel 的值就可以修改列表的布局。