問題タブ [ui-patterns]

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 に答える
539 参照

android - 部分的なレコード情報をデータベースに保存するためのAndroidUIパターン

私は毎月の経費を追跡する簡単な経費アプリを設計しています。経費には、名前、金額、およびカテゴリがあります。カテゴリは自由に追加/削除できます。カテゴリと経費をデータベースに保存しています。

現在、カテゴリの追加機能を公開する方法は、「経費の追加」アクティビティでeditTextと「カテゴリの追加」というボタンを保持することです。

したがって、ユーザーが経費について何も入力せず、カテゴリを追加するだけのようなユーザーシナリオでは、データベースに保存する必要があります。

カテゴリの保存は、AsyncTaskを使用してデータベースヘルパーを呼び出してテーブルに値を挿入することにより、データベースですぐに実行できます。

その間、私は何かを保存していることをユーザーに伝えるために、または他のフィールドに情報を入力させるために、progressDialogを配置する必要があるかどうかについて混乱しています。

レコードの部分的な情報をデータベースに保存する際のUIパターンまたは一般的に実行される戦略とは正確には何ですか。また、データベースにカテゴリを追加するとエラーが発生した場合は、別のアクティビティに移動する必要がありますか?

また、副次的な質問ですが、[カテゴリの追加]ボタンを[経費の追加]ボタンとは別のアクティビティに配置する必要がありますか?

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

android - これをそれほど一般的ではないAndroidUIパターンにするにはどうすればよいでしょうか。

最近、興味深いUIパターンを含むAndroidアプリケーションを使用しました。私が話していることを示すために、2つのスクリーンショットを作成しました。

初期状態(画面の右側にある青い長方形を見てください):

ここに画像の説明を入力してください

その青い長方形をクリックすると、左にスムーズにスライドし、次の画面が表示されます。

ここに画像の説明を入力してください

私の質問は単純ですが、これはどのように達成できると思いますか?また、このパターンの名前は何ですか?スライドペイン?

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

android - カスタムActionBarを使用したActionBarタブナビゲーションは奇妙な動作を表示します

アクションバーの上に表示されているアクションアクションバータブで、この奇妙な動作が発生しています。これは、ActionBarのカスタムビューを設定しているときに発生します。ここでは、RomanNurikの例を使用してDone-Discardパターンを実装しています。

これは、setDisplayOptions()のActionBar.DISPLAY_SHOW_HOMEのマスキングが原因で発生しています。

画面は次のようになります。 ここに画像の説明を入力してください

しかし、ActionBar.DISPLAY_SHOW_HOMEをマスクしないと、正常に機能しますが、アプリのロゴは表示されます。このような。

ここに画像の説明を入力してください

これはバグのようです。修正を提案してください。ロゴを表示したくありません。

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

ibm-mobilefirst - IBM Worklight 6.1 - カスタム UI パターン

私はモバイル パターンを試しており、現在 Worklight 6.1 でサポートされていると思われる独自のカスタム パターンを作成しようとしています。

jquery UI パターンを作成しようとしたとき、いくつかの問題が発生しました。2. カスタム UI パターンに基づいて (jquery ハイブリッド アプリに) 新しいページを追加すると、新しいページが作成されません。コンテンツ コードを index.html に追加するだけで、自分でページを作成する必要がありました。これは正しい動作ですか?

Dojo > pattern.html ファイルを開いたときに Dojo コンポーネントがパレットに表示されないため、Dojo UI パターンの作成にも苦労しています。ライブラリとコードを手動で追加する必要はありますか (つまり、ドラッグ アンド ドロップは必要ありません)?

これについての指針に感謝します。

PS: Eclipse Juno R2 を使用しています。

0 投票する
0 に答える
446 参照

javascript - 段階的開示 - jquery - 要素ごと

JQuery を使用して漸進的開示を作成する必要があります。

画面が読み込まれると、すべての要素が無効になります。ユーザーが 1 つの要素を埋めると、次の要素が有効になります。順次発生するはずです。

この問題は、ユーザーがラジオ ボタンなどの一部の HTML 入力要素をクリックすると、セクション/div が更新され、デフォルトで div 内のすべての要素が更新されると有効になります。

私の要件は、コントロールにコードを追加することではなく、イベントリスナーをグローバルに設定し、部分的な画面の更新があるたびにトリガーされるコールバックを用意することです (div は ajax 呼び出しを使用して更新されます)。

フィドル

0 投票する
0 に答える
816 参照

android - Google マップのような検索結果を表示する UI を作成するには?

Google マップの検索結果

Google マップの検索結果ビューはマテリアル デザインのカードのような外観ですが、カード自体はリストのようなものです。

ユーザーが入力すると、最初のカードにユーザーの履歴から一致する結果が表示され、2 番目のカードに Google Places API によって返された結果が一覧表示される、同様の検索ページを実装したいと考えています。このために、CardViews ( ref ) を LinearLayout (垂直 ScrollView 内にある) に配置するつもりです。

ただし、これらのリストのようにカードを表示するにはどうすればよいかわかりません。