【问题标题】:UI PatternUI Pattern
【发布时间】:2010-11-09 17:26:58
【问题描述】:

我的应用程序中有一个重复的用户界面模式。一个例子是收集 5 年的地址数据。我需要收集 5 年的数据,然后继续前进。谁能给我指点任何好的 UI 设计网站来实现这种功能。目前我在顶部有一个表单视图,在底部有一个详细信息视图,这很笨重,希望更有用。

【问题讨论】:

  • @chugh97:你的描述不清楚。也许给我们一个屏幕截图或更清晰的描述?欢呼

标签: user-interface ui-patterns


【解决方案1】:

重复使用相同的控件是一个明智的想法。但我的假设是您想知道如何显示 n 个地址的条目。

从 ui 的角度来看,从一个地址输入表单(控件)开始,并且能够(一个按钮?)在需要时添加另一个。不过不要去掉这个按钮 - 每个额外的地址(以及它的有效日期)都需要它。
将每个新地址控件直接放在现有地址控件下方,并尽可能避免页面刷新等。如果需要,请考虑滚动以确保新控件可见。使用其他适当的方法来表明新控件已添加,但为了您的用户 - 请不要使用消息/对话框。
您可能还需要考虑自动填充连续入住日期。

【讨论】:

    【解决方案2】:

    最好的 UI 模式实际上涉及到 UserControl(如果使用 VS / .Net)。它允许您创建可重用的控件。假设您需要 5 年的工作。与其为所有 5 年单独创建每个控件,不如创建一个 UserControl 并重复使用 5 次。

    模式提供了很大的灵活性,因为您不仅可以将特定于控件的代码放入 UserControl 中,还可以在包含 UserControl 的表单中编写其他方法。

    如果您无法使用 UserControl,我建议您将 UI 分成相关功能组。例如:

    class Employment : GroupControl // <-- inherit equivalent of whatever control group available
    {
        public TextBox Name {get; set; }
        public TextBox Employee {get; set; }
    
        private TextBox name;
        private TextBox employer;
        // more controls
    
        public Employment()
        {
            // set all control properties
            // equivalent InitializeComponents();
        }
    }
    
    class MainForm : Form // <-- inherit equivalent of whatever form container available
    {
        public Mainform()
        {
            // iterate 5 instances of Employment class
            this.Controls.Add(new Employment);
        }
    }
    

    【讨论】:

      【解决方案3】:

      如果我理解正确,你需要有一个可以是 N 个条目的“添加 UI”。

      在您的示例中,您添加了过去 5 年的任意数量的地址。

      StackOverflow 答案 UI 就是一个示例(向问题添加任意数量的响应),它提供内联“添加”机制,而不是通过单独的屏幕/UI 小部件。

      您可以在 Infragistics Quince 网站 here 上找到类似的内容。

      【讨论】:

        【解决方案4】:

        至于简单地指向几个好的 UI 设计模式页面,这是我的列表:

        您还可以查看 O'Reilly 书籍的主页

        【讨论】:

          猜你喜欢
          • 1970-01-01
          • 2012-06-02
          • 2020-01-28
          • 2013-02-03
          • 2019-02-24
          • 1970-01-01
          • 2011-09-14
          • 1970-01-01
          • 2019-12-27
          相关资源
          最近更新 更多