xyk blog

最近は iOS 開発の記事が多めです。

UIBezierPath

Swift - UIBezierPath でクーポン風画像のパスを描く

検証環境: Xcode 12.4 Swift 5.3.2 UIBezierPath のよるお絵描きシリーズ。 今回は UIBezierPath を使って、以下のようなクーポン用画像としてよく使われる図形をを描いてみる。 Playground コードサンプル import UIKit import PlaygroundSupport class Cou…

Swift - UIBezierPath で吹き出しのパスを描く

検証環境: Xcode 11.6 Swift 5.2.4 こんな吹き出しを UIBezierPath を使って描画してみます。 パスの描画順は以下図の流れになっています。 吹き出し部分は addQuadCurve メソッドを使い、曲線上の終点とコントロールポイント1つを指定します。 この時の終…

CGPath の変化をアニメーションさせるサンプル

環境: Xcode8.2.1, Swift3 CGPath の変化をアニメーションさせる方法を試した。 気をつける点としては変更前と変更後のパスの数を同じにしておくこと。 import UIKit import PlaygroundSupport class SquareButton: UIControl { let pathLayer = CAShapeLaye…

UIViewに角丸な枠線(破線/点線)を設定する

環境: Swift3 UIViewの角を丸くした枠線を書くには以下のように書けばよい。 let roundView = UIView() roundView.backgroundColor = .lightGray roundView.layer.borderColor = UIColor.blue.cgColor roundView.layer.borderWidth = 3 roundView.layer.corn…