0

My partner and I are trying to figure out how best to create scaling, colored performance bars for one of our mobile exam-prep apps. The goal is to create a horizontal bar that graphically represents a scale of 0 - 100% using Photoshop or something similar. We had hired a professional graphics designer but we're left holding the bag trying to figure out how to make the graphics actually "fill the bar" in the actual app.

(I can't post pictures yet, but you can see a link to the picture here): http://www.productionplanningpro.com/wp-content/uploads/2012/06/Screen-Shot-2012-06-25-at-9.47.24-PM.png

As the bar would reach certain percentages, it would change color from Red to Green appropriately. I'm trying to figure out how to give this to my contractor without handing him 100 files, each showing 1% more of the bar (and even then, I'm not a graphics artist, so this whole thing is above my head). I've done as much research as I can stand, and I've seen the fancy iOS graphing APIs - we're just looking to fill in these two bars.

Any insight or help is SUPER appreciated!! Thanks! Jotuned

4

1 に答える 1

0

この問題にはかなりの数の解決策があります。プログラムでその領域をその影で埋める方法があると確信しています。また、誰かが遅かれ早かれマスキングソリューションを提供することも確信しています。

ただし、最も迅速で簡単な方法は、アーティストに赤いフィラー バーを 1 回だけ作成してもらい、スペース全体を埋める (つまり、100% で描画する) ことです。次に、バーの「外側」であるグラフィックで、赤いバーがあるべきスペースがアルファチャンネルであることを確認します。

実際にコーディングするときは、画面に描画しているすべてのオブジェクトの一番下に赤いバーを配置します。UI の残りの部分は完全に非表示にする必要があります。次に、進行状況が 0% から 100% に移動するにつれて、バーをゆっくりと右に動かし、スペースを埋めます (そして、「バー ホルダー」のアルファ ホールを通して表示します。

すばやく簡単に、これまで何度もこれを行ってきました。マスキングも同様に機能しますが、あなたの状況では少しやり過ぎのようです (また、iOS での経験がないため、サポートを提供できません!)これを実装してください:)

于 2012-06-26T01:59:38.213 に答える