問題タブ [user-interface]

多くのツールが推奨するユーザーインターフェイスを構築するRAD （ドラッグアンドドロップと構成）の方法を超えて見ると、 Model-View-Controller、Model-View-Presenter、Model-View-ViewModelと呼ばれる3つのデザインパターンに出くわす可能性があります。私の質問には3つの部分があります。

1. これらのパターンはどのような問題に対処しますか？
2. それらはどのように似ていますか？
3. それらはどう違いますか？

Python は複数のプラットフォームで動作し、デスクトップおよび Web アプリケーションに使用できるため、Mac、Windows、および Linux 用の実行可能ファイルにコンパイルする方法があると結論付けています。

問題は、どこから始めればよいのか、GUI を作成する方法がわからないということです。だれかがこれに光を当てて、正しい方向に向けてください。

Tabテキスト ボックス内でキーを使用して、4 つのスペースをタブで移動できるようにしたいと考えています。今のやり方では、Tab キーはカーソルを次の入力にジャンプさせます。

UI にバブルアップする前に、テキスト ボックス内の Tab キーをキャプチャする JavaScript はありますか?

一部のブラウザ (FireFox など) ではこれが許可されない場合があることを理解しています。Shift+ Tab、またはCtrl+のようなカスタムキーコンボはどうQですか?

Visual Studio自体が使用するツリービューの設定ダイアログによく似た、基本的には単なる設定ダイアログであるアプリケーションを作成しています。アプリケーションの機能は、シリアルデバイスからファイルへのデータのパススルーにすぎません。データをファイルに書き込む前に、データに対して非常に多くの変換を実行するため、アプリケーションのGUIは、それらの変換がどうあるべきかを指示するすべての設定にすぎません。

ツリービュー設定ダイアログの設計/コーディングを行うための最良の方法は何ですか？私がこれまで行ってきた方法は、左側にドッキングされたツリーコントロールを備えたメインウィンドウを構築することです。次に、ツリーの各ノードに対応するコンテナコントロールを作成しています。ノードが選択されると、アプリはそのノードの対応するコンテナコントロールを前面に移動し、適切な位置に移動して、メインウィンドウで最大化します。それを設計している間、これは本当に、本当に不格好に思えます。これは基本的に、デザイン時にメインウィンドウの端を超えて大量のコンテナコントロールがあり、それらを操作するにはメインウィンドウをスクロールし続ける必要があることを意味します。これが私がこれを書いている方法で完全に理にかなっているのかどうかはわかりませんが、おそらく私が話していることのこのビジュアルはもっと理にかなっているでしょう：

基本的に、私はこの巨大なフォームを操作し、コンテナコントロールをいたるところに配置してから、実行時の再フォーマットを実行して、すべてを機能させる必要があります。これは多くの余分な作業のようです。私はこれを完全に愚かな方法でやっていますか？私が見逃している、これを行うための「明白な」簡単な方法はありますか？

顧客と一緒に最初のGUI機能のプロトタイプを作成するときは、ペン/紙の図面を使用するか、ツールを使用して何かをモックアップして表示する方がよいでしょうか。

ツールで生成された設計に対する反論は、顧客がGUI全体の高レベルの機能ビューを取得するのではなく、モックアップの低レベルの詳細に集中できる場合があるというものです。

私は C# を初めて使用し、既存のアプリケーションでいくつかの作業を行っています。矢印キーを使用して配置できるコンポーネントを含む DirectX ビューポートがあります。

現在、ProcessCmdKey をオーバーライドして矢印入力をキャッチし、OnKeyPress イベントを送信しています。ALTこれは機能しますが、修飾子（ + CTRL+SHIFT ）を使用できるようにしたいです。モディファイアを持って矢印を押すとすぐに、聞いているイベントがトリガーされません。

これでどこに行くべきかについて誰かアイデアや提案はありますか?

VS2008、C#、.Net 2、および Winforms を使用して、通常のボタンを「押された」ように見せるにはどうすればよいですか? このボタンがオン/オフ スイッチであると想像してください。 ToolStripButtonには Checked プロパティがありますが、通常の Button にはありません。

特に Web アプリケーションの情報に興味がありますが、デスクトップ アプリケーションの開発にも少し興味があります。この質問は、私の個人的な Web サイトでの作業と、いくつかの機能を開発したが、サイトのルック アンド フィールに統合するために他の人に任せた私の仕事に起因しています。

配色、レイアウト、フォーマットなどに関するガイドや経験則はありますか? 訪問者にとって読みやすさと明確さを確保したいのですが、同時に当たり障りのない、鈍いものであってはなりません。

この分野に関する私の知識について言えば、写真を渡された場合、それを画面上で再現するのに十分な知識がありますが、新しいインターフェースを設計したり、既存のインターフェースを再設計したりするように依頼された場合、どこから始めればよいかわかりません。 .

ビジュアルインターフェイスの見栄えを良くするためにかなりの時間を費やしていると思います。使いやすさとスタイルの適切な一致を見つけるのはかなり得意ですが、見栄えの良いアイコンを作成することはできません。

この（私は確かに一般的な）問題をどのように克服しますか？ボタンの画像や、おそらく最も重要なのは、実際のアプリケーションアイコンのようなものを考えています。

家の内外を問わず、サードパーティのデザイナーに依存していますか？または、私たちが使用できるアイコンをたくさん提供している隠されたWebサイトを知っていますか？私はGoogleを試しましたが、非常に特殊な高価なパッケージ、何百万ものスタートレックアイコン、またはアプリケーション内ボタンで私の好みのサイズである16x16でひどく見えるアイコンのいずれかを見つけたようです。

どんな助け/アドバイスもありがたいです。

私が現在働いている会社は、ユーザーインターフェイスの統合テストにSeleniumを使用しています。Web UIの単体テストに何を使用し、どの程度効果的だと思いますか？