web-dev-qa-db-ja.com

モバイルのユーザー数と競争終了日を示す進行状況バー

これが私のシナリオです。特定の時間に終了するプロモーションがあります。エントリー数が特定のしきい値に達した場合にのみ、プロモーションが行われます。したがって、ユーザーには2つのイベントの進行状況を示す必要があります。1)完了までの時間2)プロモーションを行うために参加する必要があるユーザーの数。

この情報をios、Androidモバイルプラットフォームで表示するにはどうすればよいですか?

プロモーションはカードビューになります。同時に複数のプロモーションが発生する可能性があり、画面には現時点で複数のカードビューが表示されます。

4
Sai

Kickstarterのようなものが動作しますか?

あなたの状況と同様に、彼らはユーザーに伝えなければなりません:

  • それらがどれだけ資金に近いか(お金の関数。ユーザーは1対nです)
  • 資金調達の期間が終了したとき(プロジェクトには資金調達のための固定期間があります)

異なる点は、必要なユーザーの最小数を表示する必要があるように見えることです。必要な数に近づくと、グラフィック処理によって注意が喚起される可能性があります(「あと2つだけ!」).

モバイルのKickstarterには、資金調達のための単純な進行状況バーと、日数を示す数字があります。それが1日を下回ったときにカウントダウン時間の時計を実行することもできます。

enter image description here

3
Mike M

2つのイベントのprogressを表示する必要があります」と言いますが、これを表すための鍵は、これらの指標の "進捗状況"(ユーザー数)であり、他の指標は "リソース"(残り時間)が減少しています。次に、両方のメジャーを単一のコンポーネントに組み合わせることができます。

mockup

download bmml sourceBalsamiq Mockups で作成されたワイヤーフレーム

  • 左側の部分のshadingは、取得したユーザーの最小数にどれだけ近いかを示します(最小に近づくにつれて、色が赤からオレンジ/黄色に変わる可能性があります)。最小値に達した後は、graphicallyを超えていることを示す必要はないと思います(100%フルで、おそらく緑色で表示するだけです)続行できます合計数を下の凡例に反映します。

  • 右側の部分のwidthは、ユーザーを引き付けるまでの残り時間を表すために減少します(この場合も、時間がなくなるとニュートラルカラーからオレンジ/赤に変わります(最小カウントがまだないと仮定して) tに既に達しています)。

0
TripeHound