【Xcode】playgroundで下にだけ角丸が適用されているUIViewを作成する【Swift】

Yukimi Sato 577views 更新:2015年1月28日
// Playground - noun: a place where people can play

import UIKit

// ビューのサイズ
let size = CGSize(width: 200, height: 100)

// UIViewを生成
let view:UIView = UIView(frame: CGRect(origin: CGPointZero, size: size))
view.backgroundColor = UIColor(white: 0.9, alpha: 1.0)

// CoreGraphicsで描画する
UIGraphicsBeginImageContextWithOptions(size, false, 0)

// 角丸の半径
let cornerRadius: CGFloat = 15.0

// 上だけ角丸適用
//let corners = UIRectCorner.TopLeft | UIRectCorner.TopRight

// 下だけ角丸適用
let corners = UIRectCorner.BottomLeft | UIRectCorner.BottomRight

view.layoutIfNeeded()

let maskPath = UIBezierPath(
    roundedRect: view.bounds,
    byRoundingCorners: corners,
    cornerRadii: CGSizeMake(cornerRadius, cornerRadius))

let maskLayer = CAShapeLayer()
maskLayer.frame = view.bounds
maskLayer.path = maskPath.CGPath

view.layer.mask = maskLayer


// PlaygroundのTimelineに表示するためのview
let preview = view


参考: Swiftで遊んでますか?
CSS に慣れた人が iOS で見た目を少し変えたい時に少し面倒だった事例 × 2

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません