1

iOS 開発者がプロ​​グラムを使用して、2 つの UIView 間のエッジ/境界/境界線の見栄えを良くする方法に興味があります。ビューをストーリー ボードにドロップすると、ビュー間の接続が非常にシャープになります。たとえば、次のスクリーンショットを考えてみてください。

マイアプリ

灰色のヘッダーとその下のグラデーションの境界線は非常にシャープで、2 つのビューの間の遷移が見やすくなる方法を考えています。左側のパネルの周りに丸みを帯びた角の影を追加するには、多くの作業と実験が必要でしたが、ボタンはまだ完全にはブレンドされていません.

これは iOS6 App Store のスクリーンショットです。2 つのビューの境界で追加の効果が適用される場所の周りに赤い点を追加しました。

アプリストア

  • 詳細ボタンの周囲の境界には、ある種の内側の影があります
  • 上部パネルと下部パネルの間の水平線には、ある種の影の効果があるようです

  • スクリーンショットの周りに非常に薄い境界線/影があります

    このようなルック アンド フィールをプログラムで実現するにはどうすればよいですか? CALayer の shadowPaths と border 属性を試してみましたが、多くの作業が必要であり、非常に反復的に実行する必要があります。スーパービューを見て、スーパービューとより自然に融合するためにどのエフェクトを適用するかを決定するオープンソースの UIView サブクラスはありますか?

別の例を次に示します。Adobe Ideas for iPad。ボタンとパネルの周囲に微妙な境界線があり、Retina ディスプレイを搭載した iPad でトランジションが非常によく表示されるのが本当に気に入っています。

ここに画像の説明を入力

4

2 に答える 2

0

画像をより自然にブレンドする 1 つの方法を見つけました -ビューの周りに半透明の境界線を割り当てます。白い背景に溶け込むには、下の色に白を追加し、暗い背景に溶け込むには、白を少なくします。その結果、幅 1 ピクセルの半透明の境界線によって、2 つのはっきりと対照的な色の間の境界線が弱くなります。

この方法の利点は、特定の色の境界線でコーディングする必要がないことです。境界線の透明度は、ビューの境界線のピクセルを明るい/暗い色合いに変換します。

#import <QuartzCore/QuartzCore.h>

view.layer.borderColor =[UIColor colorWithWhite:0.7 alpha:0.7].CGColor;
view.layer.borderWidth = 1;
于 2013-04-14T14:11:44.650 に答える