2011-03-13 8 views
6

実際のUIView自体から約5pxのUIViewの周りにグロー・アイ・ボーダーを描きたいと思います。UIViewの周りに輝きを作成する

これをどのように達成できるか教えてください。

答えて

13

おそらく最も簡単な方法は、影を作成することですが、暗い色の代わりに明るい色を使用することが考えられます。影の詳細はHow do I draw a shadow under a UIView?hereです。このような

何かがボール転がりを取得する必要があります:

- (void)drawRect:(CGRect)rect 
{ 
    CGContextRef context = UIGraphicsGetCurrentContext(); 
    CGContextSaveGState(context); 
    CGContextSetShadowWithColor(context, CGSizeMake(0, 0), 10, 
           [UIColor whiteColor].CGColor); 
    [super drawRect:rect]; 
    CGContextRestoreGState(context); 
} 

更新:私はこれを試してみました。このコードを正しく表示するには、光るビューのスーパービューでこのコードを使用する必要があります。

3

私が試みる最初のことは、グロー画像を持つUIView内にUIViewを埋め込むことです。グローエフェクトが単なる画像の場合、囲まれているUIViewよりも10px大きく広がるグロー画像を含むUIViewを作成します。これにより、4面すべてに5pxの拡張が可能になります。 Interface Builderを使用して、これをすばやく簡単に行うことができます。

グロウ効果を本当に涼しく見せたい場合は、シーケンスとして表示されたグロー画像のコレクションを作成すると、移動するグロー効果の種類が表示されます。この画像のコレクションをUIViewで使用し、アニメーションをオンにすることができます。すべてのUIViewコントロールにはアニメーションサポートが組み込まれています。

がんばろう。

関連する問題