AI导航网
微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦！

ItemsControl 的布局控件实例

分类：C#作者：编程之家
示例

1、ItemsstackPanel 的示例
Controls/CollectionControl/ItemsControlDemo/LayoutControl/ItemsstackPanelDemo.xaml

<Pagex:Class=Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControl.ItemsstackPanelDemoxmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:x=http://schemas.microsoft.com/winfx/2006/xamlxmlns:local=using:Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControlxmlns:d=http://schemas.microsoft.com/expression/blend/2008xmlns:mc=http://schemas.openxmlformats.org/markup-compatibility/2006mc:Ignorable=d
    xmlns:common=using:Windows10.Common><Grid Background=Transparent><StackPanel Margin=10 0 10 10 Orientation=Horizontal><StackPanel Margin=5><!--ItemsstackPanel - 虚拟化布局控件，ListView 的默认布局控件
                        Orientation - 子元素的排列方向
                            Vertical - 垂直排列，默认值
                            Horizontal - 水平排列
                        CacheLength - 可见区外的需要缓存的数据的大小（以可见区条数大小的倍数为单位），默认值为 4.0
                            比如当可见区可以显示 10 条数据，CacheLength 为 4 时，可见区外的需要缓存的数据的大小则为 4 * 10 = 40，也就是说整个缓存数据的大小为 10 + 4 * 10 = 50
                            实际测试发现，可能会有一定的偏差，但是大体是准确的--><ListView Name=listView1 Margin=5 Width=400 Height=400 HorizontalAlignment=Left ItemsSource={x:Bind MyData.View}><ListView.ItemTemplate><DataTemplate x:DataType=common:NavigationModel><Grid Background=Blue><TextBlock Text={x:Bind Title} /></Grid></DataTemplate></ListView.ItemTemplate><ListView.ItemsPanel><ItemsPanelTemplate><ItemsstackPanel Orientation=Vertical CacheLength=4 /></ItemsPanelTemplate></ListView.ItemsPanel></ListView><TextBlock Name=lblMsg1 Margin=5 /></StackPanel><StackPanel Margin=5><!--ItemsstackPanel - 虚拟化布局控件，ListView 的默认布局控件
                        GroupPadding - 每一个数据组的 padding
                        GroupHeaderPlacement - 每一个数据组的 header 的显示位置
                            Top - 顶部。默认值
                            Left - 左侧
                        AreStickyGroupHeadersEnabled - 组 header 是否是固定的，即不随组数据的滚动而滚动。默认值为 true--><ListView Name=listView2 Margin=5 Width=400 Height=400 HorizontalAlignment=Left ItemsSource={x:Bind MyData.View}><ListView.GroupStyle><GroupStyle><GroupStyle.HeaderTemplate><DataTemplate><TextBlock Text={Binding Title} /></DataTemplate></GroupStyle.HeaderTemplate></GroupStyle></ListView.GroupStyle><ListView.ItemTemplate><DataTemplate><TextBlock Text={Binding Title} /></DataTemplate></ListView.ItemTemplate><ListView.ItemsPanel><ItemsPanelTemplate><ItemsstackPanel GroupPadding=4  
                                             GroupHeaderPlacement=Top 
                                             AreStickyGroupHeadersEnabled={Binding IsChecked, ElementName=chkAreStickyGroupHeadersEnabled} /></ItemsPanelTemplate></ListView.ItemsPanel></ListView><ComboBox x:Name=cmbGroupHeaderPlacement Margin=5 PlaceholderText=GroupHeaderPlacement SelectionChanged=cmbGroupHeaderPlacement_SelectionChanged><ComboBoxItem>Top</ComboBoxItem><ComboBoxItem>Left</ComboBoxItem></ComboBox><CheckBox Name=chkAreStickyGroupHeadersEnabled Content=AreStickyGroupHeadersEnabled IsChecked=True Margin=5 /></StackPanel></StackPanel></Grid></Page>

Controls/CollectionControl/ItemsControlDemo/LayoutControl/ItemsstackPanelDemo.xaml.cs

/*
 * ItemsstackPanel - 虚拟化布局控件，ListView 的默认布局控件（继承自 Panel, 请参见 /Controls/LayoutControl/PanelDemo.xaml）
 *     FirstCacheIndex - 缓存中的第一项在全部数据中的索引位置
 *     FirstVisibleIndex - 屏幕上显示的第一项在全部数据中的索引位置
 *     LastCacheIndex - 缓存中的最后一项在全部数据中的索引位置
 *     LastVisibleIndex - 屏幕上显示的最后一项在全部数据中的索引位置
 *     CacheLength - 可见区外的需要缓存的数据的大小（以可见区条数大小的倍数为单位），默认值为 4.0
 *         比如当可见区可以显示 10 条数据，CacheLength 为 4 时，可见区外的需要缓存的数据的大小则为 4 * 10 = 40，也就是说整个缓存数据的大小为 10 + 4 * 10 = 50
 *         实际测试发现，可能会有一定的偏差，但是大体是准确的 */using System;using System.Collections.Generic;using System.Linq;using System.Xml.Linq;using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Controls.Primitives;using Windows.UI.Xaml.Data;using Windows10.Common;namespace Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControl
{public sealed partial class ItemsstackPanelDemo : Page
    {public CollectionViewSource MyData
        {get{
                XElement root = XElement.Load(SiteMap.xml);var items = LoadData(root);// 构造数据源CollectionViewSource source = new CollectionViewSource();
                source.IsSourceGrouped = true;
                source.source = items;
                source.ItemsPath = new PropertyPath(Items);return source;
            }
        }        private ItemsstackPanel _itemsstackPanel1 = null;private ItemsstackPanel _itemsstackPanel2 = null;public ItemsstackPanelDemo()
        {this.InitializeComponent();this.Loaded += ItemsstackPanelDemo_Loaded;
        }private void ItemsstackPanelDemo_Loaded(object sender, RoutedEventArgs e)
        {
            dispatcherTimer dTimer = new dispatcherTimer();
            dTimer.Interval = TimeSpan.Zero;
            dTimer.Tick += DTimer_Tick;
            dTimer.Start();// 获取 ListView 中的 ItemsstackPanel 控件_itemsstackPanel1 = listView1.ItemsPanelRoot as ItemsstackPanel;
            _itemsstackPanel2 = listView2.ItemsPanelRoot as ItemsstackPanel;// 获取 ListView 中的 ItemsstackPanel 控件// _itemsstackPanel1 = Helper.GetVisualChild<ItemsstackPanel>(listView1);// _itemsstackPanel2 = Helper.GetVisualChild<ItemsstackPanel>(listView2);        }private void DTimer_Tick(object sender, object e)
        {
            lblMsg1.Text = FirstCacheIndex:  + _itemsstackPanel1.FirstCacheIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += FirstVisibleIndex:  + _itemsstackPanel1.FirstVisibleIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += LastCacheIndex:  + _itemsstackPanel1.LastCacheIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += LastVisibleIndex:  + _itemsstackPanel1.LastVisibleIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += CacheLength:  + _itemsstackPanel1.CacheLength.ToString();
        }private void cmbGroupHeaderPlacement_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            _itemsstackPanel2.GroupHeaderPlacement = (GroupHeaderPlacement)Enum.Parse(typeof(GroupHeaderPlacement), (e.AddedItems[0] as ComboBoxItem).Content.ToString());
        }// 解析 xml 数据private List<NavigationModel> LoadData(XElement root)
        {if (root == null)return null;var items = from n in root.Elements(node)select new NavigationModel
                        {
                            Title = (string)n.Attribute(title),
                            Url = (string)n.Attribute(url),
                            Items = LoadData(n)
                        };return items.ToList();
        }
    }
}


2、ItemsWrapGrid 的示例
Controls/CollectionControl/ItemsControlDemo/LayoutControl/ItemsWrapGridDemo.xaml

<Pagex:Class=Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControl.ItemsWrapGridDemoxmlns=http://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:x=http://schemas.microsoft.com/winfx/2006/xamlxmlns:local=using:Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControlxmlns:d=http://schemas.microsoft.com/expression/blend/2008xmlns:mc=http://schemas.openxmlformats.org/markup-compatibility/2006mc:Ignorable=d
    xmlns:common=using:Windows10.Common><Grid Background=Transparent><StackPanel Margin=10 0 10 10 Orientation=Horizontal><StackPanel Margin=5><!--ItemsWrapGrid - 虚拟化布局控件，GridView 的默认布局控件
                        Orientation - 子元素的排列方向
                            Vertical - 垂直排列，默认值
                            Horizontal - 水平排列
                        ItemWidth - 每个 item 的宽
                        ItemHeight - 每个 item 的高
                        MaximumRowsOrColumns - 最大行数或最大列数（默认值为 -1）
                        CacheLength - 可见区外的需要缓存的数据的大小（以可见区条数大小的倍数为单位），默认值为 4.0
                            比如当可见区可以显示 10 条数据，CacheLength 为 4 时，可见区外的需要缓存的数据的大小则为 4 * 10 = 40，也就是说整个缓存数据的大小为 10 + 4 * 10 = 50
                            实际测试发现，可能会有一定的偏差，但是大体是准确的--><GridView Name=gridView1 Margin=5 Width=400 Height=400 HorizontalAlignment=Left ItemsSource={x:Bind MyData.View}><GridView.ItemTemplate><DataTemplate x:DataType=common:NavigationModel><Grid Background=Blue><TextBlock Text={x:Bind Title} /></Grid></DataTemplate></GridView.ItemTemplate><GridView.ItemsPanel><ItemsPanelTemplate><ItemsWrapGrid Orientation=Horizontal ItemWidth=120 ItemHeight=50 MaximumRowsOrColumns=3 CacheLength=4 /></ItemsPanelTemplate></GridView.ItemsPanel></GridView><TextBlock Name=lblMsg1 Margin=5 /></StackPanel><StackPanel Margin=5><!--ItemsWrapGrid - 虚拟化布局控件，GridView 的默认布局控件
                        GroupPadding - 每一个数据组的 padding
                        GroupHeaderPlacement - 每一个数据组的 header 的显示位置
                            Top - 顶部。默认值
                            Left - 左侧
                        AreStickyGroupHeadersEnabled - 组 header 是否是固定的，即不随组数据的滚动而滚动。默认值为 true--><ListView Name=gridView2 Margin=5 Width=400 Height=400 HorizontalAlignment=Left ItemsSource={x:Bind MyData.View}><ListView.GroupStyle><GroupStyle><GroupStyle.HeaderTemplate><DataTemplate><TextBlock Text={Binding Title} /></DataTemplate></GroupStyle.HeaderTemplate></GroupStyle></ListView.GroupStyle><ListView.ItemTemplate><DataTemplate><TextBlock Text={Binding Title} Width=100 /></DataTemplate></ListView.ItemTemplate><ListView.ItemsPanel><ItemsPanelTemplate><ItemsWrapGrid Orientation=Horizontal MaximumRowsOrColumns=3   GroupPadding=4   GroupHeaderPlacement=Top 
                                           AreStickyGroupHeadersEnabled={Binding IsChecked, ElementName=chkAreStickyGroupHeadersEnabled} /></ItemsPanelTemplate></ListView.ItemsPanel></ListView><ComboBox x:Name=cmbGroupHeaderPlacement Margin=5 PlaceholderText=GroupHeaderPlacement SelectionChanged=cmbGroupHeaderPlacement_SelectionChanged><ComboBoxItem>Top</ComboBoxItem><ComboBoxItem>Left</ComboBoxItem></ComboBox><CheckBox Name=chkAreStickyGroupHeadersEnabled Content=AreStickyGroupHeadersEnabled IsChecked=True Margin=5 /></StackPanel></StackPanel></Grid></Page>

Controls/CollectionControl/ItemsControlDemo/LayoutControl/ItemsWrapGridDemo.xaml.cs

/*
 * ItemsWrapGrid - 虚拟化布局控件，GridView 的默认布局控件（继承自 Panel, 请参见 /Controls/LayoutControl/PanelDemo.xaml）
 *     FirstCacheIndex - 缓存中的第一项在全部数据中的索引位置
 *     FirstVisibleIndex - 屏幕上显示的第一项在全部数据中的索引位置
 *     LastCacheIndex - 缓存中的最后一项在全部数据中的索引位置
 *     LastVisibleIndex - 屏幕上显示的最后一项在全部数据中的索引位置
 *     CacheLength - 可见区外的需要缓存的数据的大小（以可见区条数大小的倍数为单位），默认值为 4.0
 *         比如当可见区可以显示 10 条数据，CacheLength 为 4 时，可见区外的需要缓存的数据的大小则为 4 * 10 = 40，也就是说整个缓存数据的大小为 10 + 4 * 10 = 50
 *         实际测试发现，可能会有一定的偏差，但是大体是准确的 */using System;using System.Collections.Generic;using System.Linq;using System.Xml.Linq;using Windows.UI.Xaml;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Controls.Primitives;using Windows.UI.Xaml.Data;using Windows10.Common;namespace Windows10.Controls.CollectionControl.ItemsControlDemo.LayoutControl
{public sealed partial class ItemsWrapGridDemo : Page
    {public CollectionViewSource MyData
        {get{
                XElement root = XElement.Load(SiteMap.xml);var items = LoadData(root);// 构造数据源CollectionViewSource source = new CollectionViewSource();
                source.IsSourceGrouped = true;
                source.source = items;
                source.ItemsPath = new PropertyPath(Items);return source;
            }
        }private ItemsWrapGrid _itemsWrapGrid1 = null;private ItemsWrapGrid _itemsWrapGrid2 = null;public ItemsWrapGridDemo()
        {this.InitializeComponent();this.Loaded += ItemsWrapGridDemo_Loaded;
        }private void ItemsWrapGridDemo_Loaded(object sender, RoutedEventArgs e)
        {
            dispatcherTimer dTimer = new dispatcherTimer();
            dTimer.Interval = TimeSpan.Zero;
            dTimer.Tick += DTimer_Tick;
            dTimer.Start();// 获取 GridView 中的 ItemsWrapGrid 控件_itemsWrapGrid1 = gridView1.ItemsPanelRoot as ItemsWrapGrid;
            _itemsWrapGrid2 = gridView2.ItemsPanelRoot as ItemsWrapGrid;// 获取 GridView 中的 ItemsWrapGrid 控件// _itemsWrapGrid1 = Helper.GetVisualChild<ItemsWrapGrid>(gridView1);// _itemsWrapGrid2 = Helper.GetVisualChild<ItemsWrapGrid>(gridView2);        }private void DTimer_Tick(object sender, object e)
        {
            lblMsg1.Text = FirstCacheIndex:  + _itemsWrapGrid1.FirstCacheIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += FirstVisibleIndex:  + _itemsWrapGrid1.FirstVisibleIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += LastCacheIndex:  + _itemsWrapGrid1.LastCacheIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += LastVisibleIndex:  + _itemsWrapGrid1.LastVisibleIndex.ToString();
            lblMsg1.Text += Environment.NewLine;
            lblMsg1.Text += CacheLength:  + _itemsWrapGrid1.CacheLength.ToString();
        }private void cmbGroupHeaderPlacement_SelectionChanged(object sender, SelectionChangedEventArgs e)
        {
            _itemsWrapGrid2.GroupHeaderPlacement = (GroupHeaderPlacement)Enum.Parse(typeof(GroupHeaderPlacement), (e.AddedItems[0] as ComboBoxItem).Content.ToString());
        }// 解析 xml 数据private List<NavigationModel> LoadData(XElement root)
        {if (root == null)return null;var items = from n in root.Elements(node)select new NavigationModel
                        {
                            Title = (string)n.Attribute(title),
                            Url = (string)n.Attribute(url),
                            Items = LoadData(n)
                        };return items.ToList();
        }
    }
}



OK
[源码下载]

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。

控件控件集合集合

相关推荐

Blazor 调用 Clipboard API 读写剪贴板数据
目录简介使用JS互操作使用ClipLazor库创建项目使用方法简单测试参考链接 简介 Clipboard API 是一种允许网页读取剪贴板数据或向其中写入数据的API，主要有两个方法： navigator.clipboard.writeText() ：用于将文本写...
C# 轻量级 ORM 框架 NPoco 的简单应用
目录简介快速入门安装 NuGet 包实体类User数据库类DbFactory增删改查InsertSelectUpdateDelete总结 简介 NPoco 是 PetaPoco 的一个分支，具有一些额外的功能，截至现在 github 星数 839。NPoco 中文资料没多少，我是...
C#简单配置类及数据绑定
本文实现一个简单的配置类，原理比较简单，适用于一些小型项目。主要实现以下功能：保存配置到json文件、从文件或实例加载配置类的属性值、数据绑定到界面控件。&#xA;一般情况下，项目都会提供配置的设置界面，很...
C#获取Description特性的扩展类
C#中Description特性主要用于枚举和属性，方法比较简单，记录一下以便后期使用。 扩展类DescriptionExtension代码如下： using System; using System.ComponentModel; using System.Reflection; /// &lt;
C#实现软件开机自启动（不需要管理员权限）
[TOC] # 原理简介 本文参考[C#/WPF/WinForm/程序实现软件开机自动启动的两种常用方法](https://blog.csdn.net/weixin_42288432/article/details/120059296)，将里面中的第一种方法做了封装成**AutoStart**类，使
C#爬取动态网页上的信息：B站主页
目录简介获取 HTML 文档解析 HTML 文档测试补充：使用 CSS 选择器参考文章 简介 动态内容网站使用 JavaScript 脚本动态检索和渲染数据，爬取信息时需要模拟浏览器行为，否则获取到的源码基本是空的。 本文使用的爬取...
C#项目管理引用的dll文件
这篇文章主要简单记录一下C#项目的dll文件管理方法，以便后期使用。 设置dll路径 参考C#开发奇技淫巧三：把dll放在不同的目录让你的程序更整洁中间的 方法一：配置App.config文件的privatePath ： &lt;runtime&a...
C# 常用特性(Attribute)
使用特性，可以有效地将元数据或声明性信息与代码（程序集、类型、方法、属性等）相关联。 将特性与程序实体相关联后，可以在运行时使用反射这项技术查询特性。&#xA;在 C# 中，通过用方括号 ([]) 将特性名称括起...
C#事件总线
事件总线是对发布-订阅模式的一种实现，是一种集中式事件处理机制，允许不同的组件之间进行彼此通信而又不需要相互依赖，达到一种解耦的目的。&#xA;EventBus维护一个事件的字典，发布者、订阅者在事件总线中获取...
C#中使用jieba.NET、WordCloudSharp制作词云图
词云”由美国西北大学新闻学副教授、新媒体专业主任里奇·戈登（Rich Gordon）于2006年最先使用，是通过形成“关键词云层”或“关键词渲染”，对文本中出现频率较高的“关键词”的视觉上的突出。词云图过滤掉大量的文...
    pythonJavaScriptjavaHTMLreactjsC#AndroidCSSNode.jssqlrpython-3.xMysqLjQueryc++pandasFlutterangularIOSdjangolinuxswifttypescript路由器JSON路由器设置无线路由器h3c华三华三路由器设置华三路由器电脑软件教程arraysdocker软件图文教程Cvue.jslaravelspring-bootreact-native