ASP.NET 设计视图 - 移动控件

Posted 2023-04-01

【中文标题】ASP.NET 设计视图 - 移动控件

【英文标题】：ASP.NET Design View - Moving Controls

【发布时间】：2016-11-21 08:40:54

【问题描述】：

我最近决定创建一个 Web 应用程序来托管一些算法 - 我通常只是创建它们而不关心 UI。但是这次我需要深入研究 UI。熟悉bootstrap、css、asp.net，起步不错。

我发现在设计视图中处理 asp.net 控件非常困难，并且在尝试实现简单任务（例如将控件移动到网页的不同区域）时遇到太多麻烦。当我有两个文本框时，设计视图会强制一个在另一个之上，这让我很困惑。然后，当我尝试移动引导按钮时，它会随机创建段落并拒绝移动按钮！

我正在寻找一些真诚的建议，以了解在移动控件时如何处理 asp.net 上的设计视图以及最佳技术是什么。还有关于如何制作现代 UI、最佳技术（可能是引导程序提及）等的建议......

我正在 asp.net (visual studio 2015) 中创建一个相当简单的数据显示应用程序 - （大部分算法复杂性将在幕后进行，与 UI 无关）。全面而详细的建议将不胜感激。特别是与数据网格、用户输入文本框（作为参数）、下拉菜单相关的现代美观 UI - 您知道典型的数据应用程序。

我相信这也会对其他人有很大帮助！

【参考方案1】：

是的，作为我过去曾与 asp.net 合作过的网页设计师，我完全感受到了你的痛苦。获得现代外观并不容易，主要是因为 asp.net 不是一个现代工具，而且它有自己的视觉词汇。

也就是说，我发现我可以通过尽可能接近基于 CSS 的解决方案获得不错的结果。您可以在以下链接中看到其中一些结果：

http://www.design-experiments.com/ http://www.troyjnorris.com/shoppingcart/

我发现极简主义的方法往往会带来最好的结果。

遵循的良好流程： - 建造你想要建造的东西。 - 添加容器 div 以便在控件周围更轻松地选择元素。这将大大提高您以您想要的方式定位元素的能力。 - 使用您的浏览器检查器找出自动生成的元素名称，因为它们出现在屏幕上。获得好的选择器是 CSS 成功的一半。 - 撕掉你不喜欢的造型。标准重置样式表不会在这里做。您必须自己构建以将要设置样式的元素的所有内容归零，这样您就不会与控件的开箱即用外观作斗争。同样，您必须严重依赖 Web 浏览器中的检查器来查看所有内容都继承了哪些样式。 - 使用谷歌字体来定义页面的视觉风格。 - 坚持大部分黑色或白色背景。 - Bootstrap 对响应式网格很有帮助，但在尝试为页面上的大多数元素设置样式时效果不佳，因为它们不是为此而设计的。 - 正如您在上面的示例中可能已经注意到的那样，视觉兴趣来自与 asp.net 结构和限制无关的元素。所以有类似的东西，甚至是背景图像或一些视差，所以感觉页面上正在发生一些事情。

希望对您有所帮助。