LoginSignup
9
9

More than 5 years have passed since last update.

UIの下だけボーダーを描く

Last updated at Posted at 2016-03-28

pic.png

上のアプリのButtonのように
一部だけBorderの線を足したい…。
ちょっと、試しに下線だけやってみました。

hoge.swift
extension CALayer {

    // 下だけBorder
    class func drawUnderBorder(borderWidth: CGFloat, borderColor: UIColor, ui:AnyObject) -> CALayer{
        let border = CALayer()
        border.frame = CGRectMake(0.0, ui.frame.size.height-borderWidth, ui.frame.size.width, borderWidth)
        border.backgroundColor = borderColor.CGColor
        return border
    }
}

これで、赤い下線が足されるかと思います。

HogeViewController.swift
"下にボーダーを足したいUI".layer.addSublayer(CALayer.drawUnderBorder(1.0, borderColor: UIColor.redColor(), ui: "下にボーダーを足したいUI"))

9
9
1

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
9
9