我的應用程序中有一個重複的用戶界面模式。一個例子是收集5年的地址數據。我需要收集5年的數據,然後繼續。任何人都可以指向我的任何良好的UI設計網站來實現這種功能。目前,我有頂部的窗體視圖和底部的細節視圖,這是笨重的,並希望更有用。UI模式
Q
UI模式
1
A
回答
0
最好的UI模式實際上涉及UserControl(如果使用VS/.Net)。它允許你創建一個可重用的控件。假設你需要5年的工作時間。而不是單獨創建每個控件5年,創建一個UserControl並重復使用它5次。
This pattern給出了很大的靈活性,因爲您不僅可以在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);
}
}
0
重複使用相同的控件是一個明智的想法。但我的假設是,你想知道如何顯示n個地址的條目。
從一個UI點,開始只有一個地址條目形式(控制),並具有在必要時添加其他的功能(按鈕?)。儘管不要刪除按鈕 - 每個需要的附加地址(以及有效日期)都需要。
將每個新的地址控件立即放置在現有的地址下,並在任何可能的情況下避免頁面刷新等。如果需要滾動,以確保新控件可見。根據需要使用其他方法來指示已添加新控件,但爲了您的用戶 - 請勿使用消息/對話框。
您可能還想考慮自動填充連續的入住日期。
0
如果我理解正確,你需要有一個「添加UI」,它可以是N個條目。
在您的示例中,您將在過去的5年中添加任意數量的地址。
的StackOverflow的回答UI是一個例子(添加的響應的任意數量的一個問題),並且將其提供,而不是通過一個單獨的屏幕/ UI插件去「添加」機制內聯。
你可以找到的Infragistics木瓜網站here類似的東西。
0
至於簡單地指向了幾個不錯的UI設計圖樣頁面,這裏是我的名單:
- Infragistics Quince
- UI patterns
- Yahoo Design Pattern Library
- welie.com
- Smashing Magazine has a couple of articles on UI design patterns了。
您還可以查看網頁,以供O'Reilly出版
相關問題
- 1. Textbox生成器UI模式類似於listbuilder UI模式
- 2. 什麼是UI模式?
- 3. Jquery UI模式對話框
- 4. Android UI設計模式
- 5. ASP.NET MVC的UI模式
- 6. JavaScript中的UI模式
- 7. UI代碼級別模式?
- 8. jQuery UI模式問題
- 9. 在Swagger UI中,如何自定義身體輸入UI(模型模式UI)
- 10. 無法獲得jQuery UI的模式對話框是模式
- 11. jquery ui模式對話框:給模式按鈕一個ID
- 12. 模式上的UI自舉類型
- 13. jQuery UI模式對話框不阻止
- 14. jQuery UI的設計模式問題
- 15. jQuery的UI,模態形式和IE8
- 16. 在語義UI模式中使用TinyMCE
- 17. jQuery UI模式輸入按鈕值
- 18. UWA上的異步UI模式
- 19. 標籤在Android中設計UI模式
- 20. JavaFX和Observer模式 - 更新UI
- 21. JQuery UI自定義模式對話框
- 22. 具有語義UI的多種模式
- 23. 角ui路徑隱藏模式
- 24. 溫泉UI myNavigator.pushPage()不是模式
- 25. Visual Studio UI改進OCD模式
- 26. 如何使用Immersive模式隱藏UI?
- 27. 模式來構建複雜的web UI
- 28. ASP .NET和Silverlight UI的架構模式
- 29. Angular UI Bootstrap模式不起作用
- 30. 角UI自舉模式全屏
@ chugh97:UR描述不清。也許給我們一個屏幕截圖或更清晰的描述?乾杯 – Forer 2009-07-13 12:02:11