問題タブ [ui-design]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
2456 参照

perl - Perl 用の GUI デザイナーを備えた IDE はありますか?

Ubuntu の GUI 設計サポートを備えた、使いやすい Perl 言語 IDE を提案してもらえますか。

0 投票する
1 に答える
470 参照

c# - WinForms UI デザイン: 現在表示されている階層レベルのみのコントロールを表示する

ユーザーが MSSQL データベースに格納されたデータを表示および編集できるようにする WinForms アプリケーションを作成しようとしています。変更されるデータは階層的であり、階層の単一レベル内では、変更される可能性のあるプロパティは同一です。つまり、階層の 1 つのレベルのコントロールは同じですが、他のレベルとは異なる場合があります。

ユーザーが表示しているアイテムの階層レベルに基づいて更新されるコントロールを備えた単一のフォームのみが存在するように、アプリケーションを作成しようとしています。これは、すべてのレベルのすべてのコントロールを単一のフォームに配置し、それらの「Visible」プロパティを更新することで可能になることを理解していますが、その方法では、混乱のためにフォームのデザインが難しくなります...もっとエレガント/少ないものを見つけた人はいますか醜い解決策?

0 投票する
1 に答える
552 参照

user-interface - Code::Blocks の UI デザインに関する初心者向けの問題

私は C::B と wxWidgets が初めてです。次のような簡単な画面を作成しようとしました。

ここに画像の説明を入力

しかし、実行すると次のようになります。

ここに画像の説明を入力

次のようないくつかのプロパティを変更しましたが、これが正しいことであったかどうかはわかりません。

  1. フォームにフレックス グリッドを配置しました。1列3行にしました
  2. BoxSizer を 3 つ配置しました。だから、彼らはお互いの下にいます。expand プロパティを true に設定します。
  3. 最初の 2 つのボクサーサイザーに StaticText 要素と TextCtrl 要素 (それぞれ 1 つ) を配置しました
  4. 3番目のボックスサイザーにスペーサーとボタンを配置
  5. 住所テキスト ボックスでは、multiline プロパティを true (チェック ボックス) 5 に設定します。

しかし、実行すると、成長しないようです。下部にボタンがありません。

これを修正する方法についてのアイデアをお願いします...ありがとう!

以下は、フォーム用に生成されたデフォルト コード (の一部) です。

0 投票する
1 に答える
30155 参照

android - Android UI 設計ツール

Android用のUIデザイナーツールを探しています。多くのサイトを試しましたが、役立つものは見つかりませんでした。

http://www.fluidui.comのようにワイヤーフレーム専用のデザイナー ツールもありますが 、XML レイアウト ソースは提供されません。

http://www.droiddraw.org/について知ってい ます が、このツールは非常に古く、非推奨の AbsoluteLayout を使用しています。

私の意見では、Eclipse UI デザイナー ツールは使いにくいです。要素のボタンのドラッグ アンド ドロップが正しく機能しません。私は Visual Studio の Form Designer が好きです。C# に最適なデザイナー ツールだと思います。特に配置については、必要なものをドラッグして必要な場所にドロップします。非常に簡単で便利です。

Visual Studio の Form Designer のような Android 用の優れたデザイナー ツールはありますか?

0 投票する
2 に答える
15949 参照

python - tkinter で 2 つの列のラベルを、その下と中央に 1 つのラベルを持つことは可能ですか?

例

写真は基本的に私がやりたいことを示していますが、

  1. すべてのラベルは同じサイズの完全な正方形である必要があります
  2. 2 列のラベルは完全に揃える必要があります
  3. 下部のラベルは、他の 2 つのラベルの完全に下と中央にある必要があります。
  4. 実際のラベルは無地で、ラベルのテキストの周りに少しスペースが必要です (テキストがラベル全体を占めるべきではありません)。

可能であれば、グリッドを使用する必要があります。私はpython3を使用します

0 投票する
4 に答える
679 参照

android - mm などの標準的な物理的な長さの単位がタッチ UI レイアウトに使用されないのはなぜですか?

ボタンなどのインタラクティブなタッチ UI 要素をレイアウトする場合は、ユーザーが快適に操作できるように、適切な物理サイズが必要です。このように、タッチ UI を配置することは、電子デバイスの物理的なボタンやノブを配置するのと同じです。そして、この種の物理工学では、ミリメートル (またはインチ) が最適な単位です。

何らかの理由で、これはタッチ UI 設計には当てはまらないようです。私はこのテーマについてあまりよく読んでいるとは思いませんが、正直なところ、たとえば Android レイアウト ファイルで mm を単位として使用している人を見たことがありません。しかし、「px」対「dp」対「sp」対誰が何を知っているかについての果てしない議論を見てきました。

「デバイスに依存しないピクセル」(Android では物理的な長さで定義されます - 1dp ≈ 0.16mm) は、長さを指定するための非常に複雑な方法のようです。

なぜミリしか使わないのですか?

これらのユニットを適切にサポートしていないデバイスに問題がありますか? それは文化的なものですか (プログラマーは、物理的な単位ではなく、「ある種のピクセル」で考えることに慣れている可能性があります)。どうしたの?

0 投票する
1 に答える
379 参照

winforms - プレゼンテーション ロジックの UML 描画、画面ナビゲーション、検証

UML でコントロールのプレゼンテーション ロジック、画面ナビゲーション、および検証ロジックをどのように描画しますか?

新しい画面が必要な場合や既存の画面を変更する場合は、MS ペイントを使用して新しい画面レイアウトの承認を得ます。私は、プレゼンテーション ロジック、画面ナビゲーション、およびコントロールの検証ロジックをどのように描画するのが最善かという状況に陥っています。

現在、アクティビティ図とシーケンス図を使用しており、コントロールの横にハイパーリンクを配置し、これら 2 つ (コントロールとハイパーリンク) の間にリンクを配置しています。

これらの作品をより良い方法で改善し、表現するにはどうすればよいか教えてください。

私は Windows ベースのアプリケーションで作業しています。