問題タブ [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 投票する
3 に答える
1143 参照

android - Android-レイアウトが正しく機能しない

私はmain.xmlAndroidでUIを設計するためにファイルを使用しています。最後のTextView(id:ImageDescription)が機能しない理由がわかりません。タグを削除するImageViewと、最後のタグTextViewが再び機能します。これが私のスクリーンショットです。タグがない場合の最初のインImageView、およびタグがある場合の2番目のインImageView

<code> ImageView</code>タグではありません <code> ImageView</code>タグ付き

ご覧のように、画像があると線が見えませんImage descriptor: a cartoon tiger。これが私のmain.xml

助けてくれてありがとう:)

0 投票する
3 に答える
1218 参照

android - ListView エディターの UI デザイン

複数行の ListView で項目を編集する方法が必要です。編集が必要なのは 2 つのテキスト フィールドだけです。

設計上、これを行う最善の方法は何でしょうか? まったく新しいアクティビティは画面スペースを浪費しすぎて見栄えが悪いと思いますが、2 つのフィールドといくつかの確認ボタンを含むポップアップだけでも見栄えが悪いかもしれません。

0 投票する
3 に答える
374 参照

wpf - すべての子要素をWPFの境界内に保持するには、どのXAMLコントロールを使用する必要がありますか?

UIデザインの問題が発生しています。これは、アプリウィンドウのコンテンツをウィンドウの最小サイズに合わせて縮小したいものです。

以下のXAMLを使用すると、ウィンドウが狭すぎると、コンテンツが縮小されて収まりません。完全。私の問題は、ウィンドウが短すぎると、次のようにコンテンツが下部から外れることです。

ItemsControlがデフォルトのitemspanelとしてStackPanelを使用し、StackPanelが私が見ているように動作するという同様の質問への回答を読みました。私のような問題を克服するためにグリッドが推奨されています。

そこで、ItemsControlにグリッドを使用するように指示してみました。

どちらの方向にも拘束されるとコンテンツのサイズが変更されるため、より適切です。さらに悪いことに、コレクションの最後のアイテムで更新されるViewBox-> ListBox要素が1つしかないようです(アプリの起動時に、コレクションサイクルの3つのアイテムが表示されます)。コレクション内のすべてのアイテムが画面に表示されるわけではなく、最後のアイテムのみが表示されます。

DockPanelが私を救うことができることも読みました...

その時、物事はおかしくなり、私はこの質問を書くことにしました。これでコレクション内のすべてのアイテムが表示されますが、ウィンドウを水平方向に展開すると1つずつ表示され、既存のアイテムがウィンドウの垂直方向に拡大すると、新しいアイテムが1つずつ表示されます。

最初の画像のように見えるが、ウィンドウの最小寸法に収まるように縮小するレイアウトを取得するにはどうすればよいですか?

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

javascript - ブックマークレット ポップアップ: JS または iframe 経由で div を生成しますか?

「偽のポップアップ」を開くブックマークレット (Amazon のウィッシュリストやピンタレストなどに似ています) を作成するとき、すべての要素を生成してそれらからすべてのページ スタイルを削除する代わりに、なぜ人々は iframe を使用しないのでしょうか? 私の知る限り:

iframe の利点:

  • パスワードなどを記憶するためにブラウザメカニズムを使用できます
  • サードパーティの Cookie の問題はありません
  • フォームの送信ははるかに簡単です
  • ページ上のスクリプトなどによって壊れている可能性があるJavaScriptははるかに少ない

iframe 短所:

  • ポップアップを自動的に閉じることができません (ブックマークレットは iframe コンテンツを読み取ることができません)
  • すべてのページ スクリプトは iframe の外部で実行する必要があり、結果は GET パラメータを介して渡されます (iframe はページ コンテンツを読み取ることができません)。
  • ???

自動的に閉じる必要がない場合は、iframe の方がはるかに優れているように思えます。しかし、誰もこれをしていないようです。なぜだめですか?

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

ipad - iPad のユーザー インターフェース デザインの提案

初めてのネイティブ iPad アプリを作成していますが、一般的な UI に関する質問があります。私はユーザー インターフェイスの設計が苦手で、レイアウトに何を使用するかについての一般的なガイダンスを探しています。具体的には、XCode が提供する汎用アプリ テンプレートにうまく適合する非常に単純なマスター ディテール アプリがあります。アプリは、機器の検査日を追跡します。特定のデバイスに関する情報 (メーカー、モデル、シリアル番号、名前、場所、連絡先、電子メール、電話など) を入力するマスター ビューがあります。マスター ビューには、場所と名前だけが表示されます。マスターをクリックすると、すべてのデータが詳細ビューに表示されます。

各デバイスには年次検査が必要であり、記入する標準フォームがあります。検査する項目は 20 あり、ラベル (検査ステップ)、ステータス (合格/不合格など)、一般的なテキストのコメント フィールドを収集/表示する必要があります。

そのため、検査を実行する必要があります。20 個の uilabel、20 個の ON/OFF スイッチ (または 3 ポジション)、および 20 個の UITextView をレイアウトすることはできましたが、それは非常に厄介に思えます。3 つの項目をカスタム UITableViewCell に配置することもできますが、それが適切な UI アプローチであることに満足していません。

既存の紙のプロセス (印刷された PDF として開始) を iPad アプリにどのようにマッピングしますか? できるだけ古紙に近づけていただけませんか?

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

android - gmailのようにAndroidでプッシュして更新します(iPhoneのようにプルして更新しないでください)

Android のウィジェットライブラリを更新するためのプッシュを求める要望が多数ありましたが、それはあまり良い UI パターンではないと考える人もいます(私はこの陣営に属していると言わざるを得ません)。

しかし、「プルして更新」、またはより正確に言うと、Android 4 の gmail で使用されるメカニズムはどうでしょうか。リストの一番下に到達すると、最後の要素が取得されます。しかし、もう一度上にスクロール (プッシュ) すると、新しいリスト項目が表示され、無限の進行状況バーが表示され、次のメールが読み込まれてリストがいっぱいになります。

他の android コーダーと UI デザイナーはそれに気付きましたが、このパターンについての良い議論を見つけることができず、リストを埋めるためのこの機能の実装も見つけることができません。

この問題に対する興味深い解決策を見た人はいますか?

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

image - 画像の動的コンテンツ変更

私は Web サイトのプロジェクトに取り組んでおり、必要なほどデザインが得意ではありません。http://www.proptiger.com/images/banners/Top-–-generic-ad-for-Sai-Proviso-County-251x81.gifにある画像を作成する必要があります。

これは.gif画像で、変更可能なテキストがあります。最初は、これらは 2 つの画像または FLASH のものだと思っていましたが、そうではありません。また、コンテンツやテキストを変更するためのコードもありません。Photoshop などにあまり詳しくありません。設計ツール。それらはここで必要ですか、それとも別の方法で実行できますか?

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

ms-access - MS Access フォームはどの程度テーマ化できますか?

約 12 か月以内に、ユーザーに Web ベースのビジネス管理システムを提供する予定です (当社の企業インフラストラクチャの準備にはそれだけの時間がかかります)。

足がかりとして、MS Access ソリューションが開発されています。

典型的な最新の html5/css テーマである、アプリ用に定義された使用可能な Web UI があります。来年の Web ベースのソリューションへのユーザーの移行を容易にするために、MS Access ソリューションをできる限り Web UI に近づけたいと考えています。そのため、使用されている色とスタイルを複製したいと思います。

でも、どうやって狙えばいいのかわからない。

最新レベルの Web デザインにアプローチする MS Access フォームのリンク/例を提供できる人はいますか? 丸みを帯びた角、グラデーション、「行動喚起」ボタンについて考えていると思います。

2003 年か 2007 年をターゲットにするかどうかは、現時点ではわかりません。

乾杯、イアン

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

cordova - すべてのデバイスで最良の結果を得るには、phonegapアプリの開発にどのタイプの画像を選択しますか。

すべての小型または大型のAndroidデバイスで高速に読み込まれるような画像を使用したいと思います。

小さなデバイスでは、ロードが速くなります。大きなデバイスでは、画質は良好になります。

このような場合、ベストプラクティスとしてどのサイズまたはタイプの画像を使用しますか?

ありがとう

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

ios - ナビゲーションバーのツイートボタン

ナビゲーションバーにカスタムボタンを配置することは、iOSインターフェイスガイドラインに違反しますか?ナビゲーションバーの右側にTwitterアイコンが付いたツイートボタンがあります。確認したかっただけです。ありがとう。