如何制作像下面这样的视图而不是使用 DataGridView?

Posted

技术标签:

【中文标题】如何制作像下面这样的视图而不是使用 DataGridView?【英文标题】:How to make a view like the one below instead of using DataGridView? 【发布时间】:2017-04-19 10:03:00 【问题描述】:

我正在用 C# 制作一个大学分级单元程序,它基本上是一个数据库管理软件。我想合并一个类似于我在 Photoshop 中制作的视图,而不是使用 DataGridView。

它是一个内容列表,哪些元素是可点击的,点击该元素后,其余部分被下推,更多细节显示在较暗的字段中。

这是它的完整图片:

有什么指导意见吗?

【问题讨论】:

我假设:WinForms?生成这样现代外观的 UI 是相当复杂的,切换到 WPF。 你试过searching in google吗? Winforms:没有现成的。 - 我会选择带有所有者/绘图的 ListView。也许我会让它托管一个用户控件。或者看看这个DGV implementation 正如@JanesAbouChleih 所说,使用 wpf 会更容易,例如使用 ListView,使用可折叠组 thejoyofcode.com/Reason_7._The_ListView.aspx 您还需要设置 ScrollBar codeproject.com/Articles/37366/… 和 nullskull.com/a/1525/styling-the-wpf-scrollviewer.aspx 的样式 Telerik 等第三方供应商的网格提供了一些类似的功能。 【参考方案1】:

如果您为此计划一个基于 Web 的应用程序,那么我建议您为此使用 knockout.js。我一直在使用 ASP.NET,我使用 knockout.js 来制作这样的表格。

有关 knockout.js 的信息,您可以在 http://knockoutjs.com/examples/collections.html 上结帐

【讨论】:

OP 已明确表示这不是基于网络的应用程序。

以上是关于如何制作像下面这样的视图而不是使用 DataGridView?的主要内容,如果未能解决你的问题,请参考以下文章

如何制作与搜索栏和设计一起使用的自定义表格视图

如何在android tv中使用像netflix这样的浏览片段制作侧边菜单?

如何像这样创建 iOS 表格视图?

像IOS 5一样裁剪UIImage时如何制作视图效果?

如何在Objective C中仅弯曲UIView的顶角而不是整个视图?

如何在Objective C中只绘制UIView的顶角而不是整个视图?