私のアプリケーションには繰り返しユーザーインターフェイスパターンがあります。一例は5年間の住所データの収集です。私は5年間データを収集し、次に移動する必要があります。誰も私に良いUIデザインサイトを指摘することができますか?この瞬間に私は上部にフォームビューがあり、下部には細かいところがあり、より使いやすくなっています。UIパターン
UIパターン
答えて
最高のUIパターンは、実際にはUserControl(VS/.Netを使用している場合)です。再利用可能なコントロールを作成することができます。あなたが5年間の雇用を必要としているとします。各コントロールを5年ごとに個別に作成するのではなく、1つの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);
}
}
同じコントロールの再使用は分かりやすいアイデアです。しかし、私の前提は、n個のアドレスのエントリを表示する方法を知りたいということです。
から見ると、1つのアドレス入力フォーム(コントロール)から始まり、必要に応じて別のアドレスを追加する機能(ボタン?)があります。しかしボタンを取り除かないでください - それは必要とされる各追加アドレス(およびそれが有効だった日付期間)のために必要となります。
新しいアドレスコントロールを既存のアドレスコントロールの直下に配置し、ページの更新を避けるなどしてください。新しいコントロールが確実に表示されるようにする必要がある場合は、スクロールを検討してください。新しいコントロールが追加されたことを示すのに適切な方法を使用しますが、ユーザーのためにメッセージ/ダイアログボックスは使用しないでください。
連続した占有日付を自動入力することも検討してください。
私が正しく理解している場合は、N個のエントリが可能な「UIを追加」する必要があります。
この例では、過去5年間に任意の数の住所を追加しています。
StackOverflowのアンサーUIは1つの例です(質問に任意の数のレスポンスを追加する)、別の画面/ UIウィジェットを経由するのではなく、「追加」メカニズムをインラインで提供します。
Infragistics Quinceサイトhereに類似のものがあります。単に優れたUIデザインパターンページのカップルを指すについては
は、ここに私のリストです:
- Infragistics Quince
- UI patterns
- Yahoo Design Pattern Library
- welie.com
- Smashing Magazine has a couple of articles on UI design patterns、あまりにも。
また、オライリーの本chugh97 @
- 1. JavaScriptのUIパターン
- 2. ロングチェックリストuiパターンfor web
- 3. UWAの非同期UIパターン
- 4. タブAndroidのデザインUIパターン
- 5. ObservableCollection型のObservableCollection UIパターン
- 6. 数値データ入力UIパターンが重い?
- 7. MVVMパターンによる動的UI
- 8. winformsのMVPパターンを使用して動的に作成されたUIを持つMVPパターン
- 9. MVCパターン+ DDDパターン
- 10. StateパターンとFlyWeightパターン
- 11. 階層データよりもLOBアプリケーションを構築するためのエレガントなUIパターン?
- 12. イベントをトリガーすることなくUIの状態を更新するパターン
- 13. パターン
- 14. パターン
- 15. パターン
- 16. ユーザビリティのためのCLIパターン/反パターン
- 17. OCamlのネストされたパターン - 例外パターン
- 18. 委任パターンと間接パターンの違い
- 19. 戦略パターンと委任パターンの違い
- 20. パターンは
- 21. パターンは
- 22. Strategyパターン
- 23. HTML5パターン?
- 24. パターンは
- 25. ダイナミックUIとスタティックUI
- 26. scalaパターン一致
- 27. MVCパターンのバリデーションレイヤー
- 28. パターン認識アルゴリズム
- 29. てDecimalFormatパターン
- 30. MVCパターンのモデル
のためのホームページをチェックすることができます:ウル説明は不明です。多分私たちにスクリーンショットや明確な説明を与えるでしょうか?乾杯 – Forer