Help us understand the problem. What is going on with this article?

UITextFieldのスタイルがRoundedRectの場合、背景色が変わらない(Core Animation)

More than 3 years have passed since last update.

問題

CoreAnimationを用いてUITextFieldのlayerの背景色を徐々に変えたい場合に、UITextFieldのborderStyleがRoundedRectの場合うまくいかない。

Core Animationを用いた例

CABasicAnimationを用いて、UITextFieldの背景色を2秒かけてclearColorからblackColorにアニメーションさせている。

Swift
    func animateBackgroundColor(textField: UITextField) {
        let backgroundColorAnimation: CABasicAnimation = CABasicAnimation(keyPath: "backgroundColor")
        backgroundColorAnimation.fromValue = UIColor.clearColor().CGColor
        backgroundColorAnimation.toValue = UIColor.blackColor().CGColor
        backgroundColorAnimation.duration = 2.0
        textField.layer.addAnimation(backgroundColorAnimation, forKey: "BackgroundColor")
    }
Objective-C
- (void)animateBackgroundColor:(UITextField *)textField {
    CABasicAnimation *backgroundColorAnimation = [CABasicAnimation animationWithKeyPath:@"backgroundColor"];
    backgroundColorAnimation.fromValue = [UIColor clearColor];
    backgroundColorAnimation.toValue = [UIColor blackColor];
    backgroundColorAnimation.duration = 2.0f;
    [textField.layer addAnimation:backgroundColorAnimation forKey:@"BackgroundColor"];
}

解決策

Swift
     textField.backgroundColor = UIColor.clearColor()
Objective-C
     textField.backgroundColor = [UIColor clearColor];

UITextFieldのbackgroundColorを透明にすることで、背景色が変わる。

shoheiyokoyama
【横山 祥平 / @shoheiyokoyama 】 CyberAgent, Inc / AbemaTV / CATS / iOS Engineer Medium: https://medium.com/@shoheiyokoyama
https://github.com/shoheiyokoyama
cyberagent
サイバーエージェントは「21世紀を代表する会社を創る」をビジョンに掲げ、インターネットテレビ局「AbemaTV」の運営や国内トップシェアを誇るインターネット広告事業を展開しています。インターネット産業の変化に合わせ新規事業を生み出しながら事業拡大を続けています。
http://www.cyberagent.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away