これについてどうすればいいのか少し迷っています。その背後にある理論を本当に探していますが、タイトルが正しいかどうか100％確信が持てません。
私は現在iOSアプリに取り組んでおり、下にその画像を添付して設計された進行状況インジケーターに少しこだわっています
ユーザーがチャレンジのステージを進むとわかるように、この画像の背景は白で塗りつぶされます。そのため、5 ステージのチャレンジのステージ 1 にいる場合は、20% が塗りつぶされ、ステージ 2 は 40% などになります。
私が抱えている問題は、これについて 100% 確信が持てないことです。HTML でこれを行っている場合、背景が緑色の画像を作成し、ウサギと形状の領域を透明のままにし、その背後に div を作成します。その高さを変更します。
同じ原則を iOS 開発に適用するべきなのか、それとももっとプログラム的で効率的な方法で構築すべきなのか。
助けてくれてありがとう
あなたが話している解決策はうまく聞こえます。多くのプログラムによるソリューションにはマスキングが含まれ、おそらくパフォーマンスが低下します (マスキングは実際には非常にコストがかかります)。他のプログラムによるソリューションには、さまざまなベクトル パスのストロークが含まれますが、それらをすべて同じ行で切り取りたい場合は複雑になります。
だから、あなたのアイデアをビューに変換します。明るい緑色の背景を持つコンテナー UIView を作成し、それに白い UIView と UIImageView を追加します (この順序で画像が一番上に表示されるようにします)。画像ビューには、透明度が として設定された緑色の画像が表示されますimage。白いビューは薄緑色のビューの下に配置され始め (フレームの y 値が高くなります)、段階が進むにつれて、centerまたはframeプロパティを変更して白いビューを上に移動するだけです。(y は下に向かって増加することに注意してください)。