LoginSignup
18
22

More than 5 years have passed since last update.

角丸で枠線のボタンをハイライトで反転させる

Posted at

ButtonNormal.png

ButtonHighlited.png

こちらで作った角丸で枠線のボタンをハイライトで反転させる
http://qiita.com/hatapu/items/99e6a8b19f890f0fec9f

BorderButton.h
@property (nonatomic) IBInspectable UIColor *normalBackgroundColor;
@property (nonatomic) IBInspectable UIColor *highlitedBackgroundColor;

と書くとストーリーボードに下記のような項目が追加される

StoryboardParams.png

ここで通常時の背景色とハイライト時の背景色を設定して、ハイライト時に呼ばれるUIButtonのメソッド`- (void)setHighlighted:(BOOL)highlighted'をオーバーロードする

BorderButton.m
- (void)setHighlighted:(BOOL)highlighted
{
    [super setHighlighted:highlighted];
    if (highlighted) {
        self.layer.backgroundColor = self.highlitedBackgroundColor.CGColor;
    } else {
        self.layer.backgroundColor = self.normalBackgroundColor.CGColor;
    }

}

ハイライト時の文字色はStoryboardで普通に設定できる

StoryboardHighlitedParams.png

これでタップ時に色が反転するようになる。

18
22
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
18
22