开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

如何在TreeView中获取TreeViewItem的可用(可见)宽度

在TreeView中获取TreeViewItem的可用(可见)宽度，可以通过以下方法：

使用ActualWidth属性：

ActualWidth属性表示TreeViewItem的实际宽度，可以通过以下代码获取：

TreeViewItem item = (TreeViewItem)treeView.ItemContainerGenerator.ContainerFromItem(itemDataContext);
double actualWidth = item.ActualWidth;

使用VisualTreeHelper类：

VisualTreeHelper类可以帮助我们获取TreeViewItem的可用宽度。以下是一个示例代码：

TreeViewItem item = (TreeViewItem)treeView.ItemContainerGenerator.ContainerFromItem(itemDataContext);
FrameworkElement element = VisualTreeHelper.GetChild(item, 0) as FrameworkElement;
double availableWidth = element.ActualWidth - element.Margin.Left - element.Margin.Right;

使用TreeViewItem的Header属性：

TreeViewItem的Header属性表示TreeViewItem的内容，可以通过以下代码获取：

TreeViewItem item = (TreeViewItem)treeView.ItemContainerGenerator.ContainerFromItem(itemDataContext);
FrameworkElement header = item.Header as FrameworkElement;
double availableWidth = header.ActualWidth - header.Margin.Left - header.Margin.Right;

使用TreeViewItem的Template属性：

TreeViewItem的Template属性表示TreeViewItem的模板，可以通过以下代码获取：

TreeViewItem item = (TreeViewItem)treeView.ItemContainerGenerator.ContainerFromItem(itemDataContext);
ControlTemplate template = item.Template as ControlTemplate;
FrameworkElement element = template.FindName("PART_Header", item) as FrameworkElement;
double availableWidth = element.ActualWidth - element.Margin.Left - element.Margin.Right;

以上是四种获取TreeViewItem可用宽度的方法，可以根据实际情况选择合适的方法。

相关搜索:获取TreeView中的所有可见节点如何在Reactjs中获取孩子的宽度如何在iOS中仅获取可见的日历如何在OrientDB中获取可用的连通顶点如何在Svelte中获取div的偏移宽度？如何在XAML中的容器(如dll)中获取特定图标？如何在Treeview / Tkinter (SQLite)中从不同的表中获取不同的值？如何在viewpager中获取图像的宽度和高度？如何在Firebase中获取所有可用孩子的孩子总数？如何在webrtc中获取远程视频的宽度和高度如何在HarmonyOS中获取设备的屏幕宽度和高度？如何在Laravel框架中获取图像的宽度和高度？如何在回调中获取不可见的序列数据值如何在Cosmos Graph DB中获取可用的Graph容器列表？如何在 JavaScript 中获取单个字符的最大宽度？如何在javascript中获取动态加载图像的宽度和高度？如何在onBindViewHolder中获取RecyclerView单元格的高度/宽度？如何在图库android studio中获取图片的宽度和高度？如何在查看器中获取仅可见对象的dbId？如何在.net中获取可用的WiFi AP及其信号强度？

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

如何在onCreate中获取View的高度和宽度

如何在onCreate中获取View的高度和宽度在开发过程中经常需要获取到View的宽和高，可以通过View.getWidth()和View.getHeight()来得到宽高。...然而新手们经常在onCreate方法中直接调用上面两个方法得到的值是0！这是为什么呢？因为View绘制是通过两个遍历来完成的，一个measure过程，一个layout过程。...而这一切是发生在onCreate方法之后的。所以在onCreate中直接使用View.getWidth()和View.getHeight()是无法得到正确的值的。...那应该怎么onCreate中获取View的宽高呢?...开发者可以通过View.post()方法来获取到View的宽高，该方法传递一个Runnable参数，然后将其添加到消息队列中，最后在UI线程中执行。

5.3K2 0

【愚公系列】2023年10月 WPF控件专题 TreeView控件详解

原生控件是由Microsoft提供的内置控件，如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。...一、TreeView控件详解WPF中的TreeView控件是用于显示分层数据结构的控件，通常用于展示树形结构。...TreeView控件的基本用法如下：在XAML中添加TreeView控件：添加根节点和子节点： e){ // 获取选中节点 var selectedItem = treeView.SelectedItem as TreeViewItem; ...}1.属性介绍WPF中TreeView...2.常用场景WPF中TreeView控件常用场景有：文件和文件夹结构展示——TreeView控件可以很好的展示文件和文件夹的层级结构，这对于文件管理和文档管理应用程序非常有用。

7660 0

【翻译】WPF 中附加行为的介绍 Introduction to Attached Behaviors in WPF

解释附加行为的概念并展示如何在 MVVM 模式上下文中使用它们。...本文解释了什么是附加行为，以及您如何在 WPF 应用程序中实现它们。本文的读者需要稍微熟悉 WPF、XAML、附加属性、以及 MVVM 模式。...我们可以创建一个 TreeViewItem 子类，该类拥有当被选中时将自己带到视野中的内建支持，但是，在 WPF 的世界中，这肯定就是杀鸡用牛刀了。...我做了些修改，例如，往 TreeView 中添加了更多的项，增大了字体大小，添加了附加行为。附加行为在一个叫做 TreeViewItemBehavior 的新的静态类中。...这个披萨的最后一块就是看看 TreeViewItemBehavior 类如何获得 TreeView 中的每个 TreeViewItem 。

1.5K1 0

C# WPF MVVM项目实战(进阶②)

01 — 重要的知识点本篇内容基于CM框架编写，涉及以下知识点： ①实现 INotifyPropertyChanged：在mvvm开发模式中，为了前台和后台更好的解耦合，前台界面一般通过绑定属性的方式获取属性值...但是我们添加的窗体ImageProcessViewModel除了它的构造函数是在StartViewModel中实例化（拥有了INotifyPropertyChanged），其它想要实现这个接口有两种方式... ... 后台代码，重点是如何获取当前选择的Item： public void item_SelectedItemChanged(object sender, RoutedEventArgs

1.3K2 0

精通 WPF UI Virtualization

本篇博客主要说明如何使用 UI Virtualization（以下简称为 UIV）来提升 OEA 框架中 TreeGrid 控件的性能，同时，给出了一些学习 UIV 的资源。...解决方案其实，相关的 UIV 知识点有那么几个： WPF 中的 VirtualizingStackPanel 只支持一层数据的 UIV。...WPF3.5 SP1 以前的 TreeView 是不支持 UIV的。而之后的 TreeView 在默认情况下 UIV 处于关闭状态，需要手动打开。...》、《Problem: ListView Virtualization》《Virtualizing TreeViewItem》：其中的最佳答案说到几个知识点：VirtualizingStackPanel...MS 自己的相关资源：《MSDN Control Performance》、《How to: Find a TreeViewItem in a TreeView》（如何在 UIV 的情况下找到控件）、

2.4K9 0

MVVM绑定多层级数据到TreeView并设置项目展开

要用MVVM模式在程序中将层级数据绑定到TreeView上，通常我们定义的数据是形如文件夹和文件的结构，如： folder- 　　file1 　　folder1- 　　　　file2 　　　　folder2...foreach(var f in this.Files) 8 　　　　 items.Add(f);　　　 9 return items; 10 } 11 } 我们在Folder类中定义这个...数据绑定做完后，我还想在一开始加载就屏开TreeView中的所有项，其实这个只需要设置一下ItemContainerStyle的Style就可以了，如下大家还有更好的办法绑定多层级数据吗？

1.1K2 0

WPF TreeGrid MVVM 模式下自定义表格带展开缩放效果，并且可以获取点击行的数据

我的理解就是：就是前后端分离，通过数据绑定或双向绑定的形式来更新界面切入正题，怎么用MVVM实现[自定义表格带展开缩放效果，并且可以获取点击行的数据，还可以单独更新某列或行数据] 先来看一下界面...选中节点的展开与收缩 /// /// TreeView控件 /// <...：{ex.ToString()}"); } } /// /// WPF TreeView 所有节点的展开与收缩...if (treeViewItem !...typeof(int), typeof(DynamicData), new PropertyMetadata(_height)); /// /// 拖动条宽度

5.6K3 0

WPFC#：如何显示具有层级关系的数据

在WPF中我们该如何显示这种具有层级关系的数据呢？今天给大家介绍的是用TreeView与HierarchicalDataTemplate进行显示。...xaml： HierarchicalDataTemplate...介绍 HierarchicalDataTemplate是WPF（Windows Presentation Foundation）中的一种数据模板，用于在树状结构或层次结构中显示数据。...这使得在TreeView等控件中轻松显示复杂的数据结构，如文件夹和文件、组织架构等。...查看实现效果最后实现的效果如下所示：总结在日常开发过程中，我们可能也会有显示层级数据的需求，本文通过一个简单的Demo，介绍了在WPF中通过TreeView控件与HierarchicalDataTemplate

1781 0

动态生成RDLC报表

前段时间，做了RDLC报表，主要是三块功能： 1、从DataGrid提取（包括最新的增删改）数据，自动生成对应的RDLC报表文件(以流的形式驻存在内存中)，用ReportViewer类来展示、打印、排版...和其它必需信息，填充到报表里，自动调整报表格式 3、做了一个TreeView，很简单；根据报表文件名称，切换左侧TreeView的Item，就加载不同的报表，显示数据。...1、根据DataGrid每列的宽度，按百分比，重新设置每列的宽度。...反射那块——功能三 1 /// 2 /// TreeView上选择的项发生变化时，根据所选TreeViewItem的Header信息和Tag里所存储的信息...is TreeViewItem) 12 { 13 TreeViewItem tempItem = (sender as TreeView

8.3K5 0

技术总结：自动扩张WPF树型表格列宽

一开始的时候，要解决这个问题，想到的最直接的方案是这样的：找到第一列中的Expander控件（加号：），然后监听它的“Expanded”事件；在事件处理程序中，计算所需要的宽度，然后设置为控件的宽度。...我先在TreeListView的OnExpanded事件处理程序中尝试编写代码获取每一个TreeListView，但是发现这个事件在发生时，所有的子节点并没有生成，所以不能通过ItemContainerGenerator.GetContainerForItem...方法获取到窗口，此方案失败。...，才会触发调整宽度的代码。 ...其中学到了以下内容：熟悉了TreeView、TreeViewItem、ItemsControl的使用及树型控件的原理。树型表格控件TreeListView的设计过程（见之前的文章）。

1.4K5 0

WPF中非递归（无后台代码）动态实现TreeView

在UI界面中，树形视图是比较常用的表示层级结构的方式，WPF中提供了TreeView控件。对于TreeView控件的基本使用已经有很多文章。...大都是介绍如何在XAML中使用硬编码的固定信息填充Treeview控件，或者是后台代码递归遍历数据源，动态创建TreeView。...这是因为TreeView支持开启虚拟化（默认是关闭的，设置 VirtualizingPanel.IsVirtualizing="True"开启虚拟化），渲染界面是不会一次把所有UI元素全部创建好，而是根据屏幕上可见区域计算需要渲染的元素个数...例如本例中有100w条数据，可见区能显示20条，TreeView只创建了41个UI元素。为什么不是创建20个呢？这是由于为了确保良好的滚动性能，实际会多创建一些UI元素。...TreeView 默认关闭虚拟化，是因为早期的WPF发布版本中的VirtualizingStackPanel不支持层次化数据，虽然现在已支持，但是TreeView默认关闭虚拟化确保兼容性。

3294 0

PyQt5-Qt Designer中控件的尺寸相关设置（sizePolicy策略）

期望尺寸：图片图片print(f"获取控件textEdit的期望尺寸的高度：{self.textEdit.sizeHint().height()}")print(f"获取控件textEdit的期望尺寸的宽度...().height()}")print(f"获取控件pushButton的期望尺寸的宽度：{self.pushButton.sizeHint().width()}")获取pushButton_2的期望尺寸...：图片获取控件textEdit的期望尺寸的高度：192获取控件textEdit的期望尺寸的宽度：256获取控件pushButton的期望尺寸的高度：34获取控件pushButton的期望尺寸的宽度：47...获取控件pushButton_2的期望尺寸的高度：34获取控件pushButton_2的期望尺寸的宽度：47大部分控件的最小期望尺寸和期望尺寸是一样的，获取方法为：self.控件.minimumSize...，主要是来描述可用空间的占用比例的。

2.5K5 0

CC++ Qt TreeWidget 单层树形组件应用

TreeWidget 目录树组件，该组件适用于创建和管理目录树结构，在开发中我们经常会把它当作一个升级版的ListView组件使用，因为ListView每次只能显示一列数据集，而使用TableWidget...1.通过TreeView组件实现一个只读属性的树形目录，该目录中指定三个字段，分别用来表示ID,IP地址,用户名字段....属性 ui->treeView->setColumnWidth(0,300); // 设置最后一列宽度自适应 ui->treeView...col = ui->treeWidget->currentColumn(); std::cout << col << std::endl; }); // 绑定槽函数: 获取选中的第...treeWidget->addTopLevelItem(item); } } MainWindow::~MainWindow() { delete ui; } // 当treeWidget中的右键被点击时则触发

8984 0

CC++ Qt TreeWidget 单层树形组件应用

TreeWidget 目录树组件，该组件适用于创建和管理目录树结构，在开发中我们经常会把它当作一个升级版的ListView组件使用，因为ListView每次只能显示一列数据集，而使用TableWidget...1.通过TreeView组件实现一个只读属性的树形目录，该目录中指定三个字段，分别用来表示ID,IP地址,用户名字段.初始化Tree组件1.初始化并设置treeView属性2.设置列头长度3.设置列头数据...属性 ui->treeView->setColumnWidth(0,300); // 设置最后一列宽度自适应 ui->treeView...int col = ui->treeWidget->currentColumn(); std::cout treeWidget->addTopLevelItem(item); }}MainWindow::~MainWindow(){ delete ui;}// 当treeWidget中的右键被点击时则触发

9581 0

Qt树形控件QTreeView使用1——节点的添加删除操作

是ui中最常用的控件，Qt中QTreeWidget比QTreeView更简单，但没有QTreeView那么灵活（QTreeWidget封装的和MFC的CTreeCtrl很类似，没有mvc的特点）。...如： QStandardItemModel* model = static_cast< QStandardItemModel*>( ui-> treeView-> model...例如把 on_treeView_clicked ( const QModelIndex & index )的代码改一下，每点击一条目，无论点击哪里，都能获取它的“名称”和...所谓可见顶层是目录树的可见最顶层父节点，如下图红框所示 QStandardItem * QStandardItemModel::invisibleRootItem()函数并不是得到我们想要的这个顶层节点...，它得到的是所有节点的最终根节点，因此，得到顶层节点需要自己写操作，下面是根据任意一个节点获取其可见顶层节点的代码： QStandardItem* getTopParent(QStandardItem

6.1K3 0

基于 HTML5 Canvas 的工控机柜 U 位动态管理

首先将场景分为左右两个部分，左边为树，右边是列表和拓扑图的组合： treeView = this.treeView = new ht.widget.TreeView(),// 树组件 (http://www.hightopo.com...(treeView, null, 'h', 280);// 分割组件，将场景分为左右两个部分，左边为树组件，右边为空，左边的宽度为280，右边的组件先设置为空到时候根据具体情况分配 (http://www.hightopo.com...treeView.sm().ms(function(){// 监听选中变化事件 var ld = treeView.sm().ld();// 获取最后选中的节点 if (ld) self.updateForm...,// 指定对话框的宽度 height: 220,// 指定对话框的高度 draggable: true,// 指定对话框是否可拖拽调整位置 closable...这块代码非常简单，只需要对选中的类型进行过滤即可： listView.setVisibleFunc(function(data){// 设置可见过滤器 if (!

2.4K4 0

基于 HTML5 的工业互联网云平台监控机房 U 位顶

首先将场景分为左右两个部分，左边为树，右边是列表和拓扑图的组合： treeView = this.treeView = new ht.widget.TreeView(),// 树组件 (http://www.hightopo.com...(treeView, null, 'h', 280);// 分割组件，将场景分为左右两个部分，左边为树组件，右边为空，左边的宽度为280，右边的组件先设置为空到时候根据具体情况分配 (http://www.hightopo.com...treeView.sm().ms(function(){// 监听选中变化事件 var ld = treeView.sm().ld();// 获取最后选中的节点 if (ld) self.updateForm...,// 指定对话框的宽度 height: 220,// 指定对话框的高度 draggable: true,// 指定对话框是否可拖拽调整位置 closable...这块代码非常简单，只需要对选中的类型进行过滤即可： listView.setVisibleFunc(function(data){// 设置可见过滤器 if (!

1.5K3 0

记一次bootstrap-treeview的使用

该jQuery插件基于Twitter Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等等。 ? 插件依赖 Bootstrap v3.0.3 jQuery v2.0....2、直接使用treeview：你可以通过下面两种方法中的一种来获取treeview对象实例。...//该方法返回一个treeview的对象实例 $('#tree').treeview(true) .methodName(args); //对象实例也保存在DOM元素的data中， //可以使用'...$('#tree').treeview('getDisabled', nodeId); getEnabled()：返回可用节点的数组。..., options)：切换一个节点的可用和不可用状态。

6.7K3 0

D12-Android自定义控件之--二分搜索树

Node(null, v2(0, 0)); /** * 绘画者 */ private Painter mPainter; /** * 度量标尺=网格宽度...有一个很头疼的问题就是如果节点距离都相同，那么第三层开始就会出现点盖住点的情况所以打算维护一个节点的当前深度来让深层的连线变短，为变相获取当前节点的深度，维护father变量 /////...public Node(T el, Pos pos) { this(null, null, el, pos); } /** * 获取当前节点所在层数...super.onDraw(canvas); //绘制网格 CanvasUtils.drawGrid(getContext(), STEP, canvas); //获取绘图者...public void remove(T el) { mData.remove(el); root = removeNode(root, el); } Activity中测试

4724 0

C# WPF新版开源控件库：Newbeecoder.UI之NbTreeView

树状控件主要功能是显示分层结构可折叠的节点内容，在控件中可以使用ItemsSource作为数据源。有一个重要的属性HierarchicalDataTemplate对象用于设置层级数据模板。...在NbTreeView控件TreeViewItem填充内容项，当设置IsExpanded属性为true表示展开，如果想获取选中状态使用IsSelected。...Newbeecoder.UI开源控件Demo下载链接：https://share.weiyun.com/py6W1dcK 控件库根据产品原型图开发出一样的UI界面，先视频演示控件库效果：视频内容在自定义...NbTreeView增加几项属性，分别是MaskBackground（遮罩层背景色）、ShowIcon（显示展开图标）、ShowNoItemsIcon（无子项，是否显示展开图标）、IconWidth（项左侧展开图标宽度

7192 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭