「ゴルトン社長」のはじめの一歩

「ゴルトン社長」のはじめの一歩

憧れの人に近づきたい、現状を変えたい人に、はじめの一歩を踏み出す「アイデア」を配信します

【初心者必見】iphoneアプリ開発__サイズ・位置座標の便利メソッド

最終更新日:2020年08月14日
f:id:BlueThree:20200814204123j:plain:w500
家に引きこもっている「ゴルトン社長」です。(twitter : @GoRuton_1stStep)

SwiftのCGFloat, CGPoint, CGSize, CGRectの使い分け

人気の記事!

人生を変えたい人に向けて「はじめの一歩」を踏み出したい人にオススメ!

www.goruton.com www.goruton.com www.goruton.com www.goruton.com

CGFloat

  • 座標(x,y)や画像のサイズ(width,Height)などに入れる「数値」が入る型。
  • Double型もしくはFloat型から変換できる。
let cgf = CGFloat(aDouble)

CGPoint

  • 座標を表す型。
  • .xと.yのプロパティを持っている
  • (x,y)はCGFloat型。
var point = CGPoint(x: 37.0, y: 55.2)

CGSize

  • サイズを表す型。
  • .widethと.heightのプロパティを所持
  • CGFloat型。
var size = CGSize(width: 10.0, height: 50.5)

CGRect

  • 座標(CGPoint)とサイズ(CGSize)を持つ型。
CGRectSwift
struct CGRect {
    var origin: CGPoint //originプロパティは原点となるCGPoint(座標)を保持する。
    var size: CGSize  //sizeプロパティはCGSize(縦横のサイズ)を保持する。
}

f:id:BlueThree:20190705001033p:plain:h400:w400
座標系

  • 単位がピクセルではなくポイントという話もしました。
  • 1ポイントのピクセル数を調べたいときはUIViewのプロパティ var contentScaleFactor: CGFloatを見ます。

f:id:BlueThree:20190705001220p:plain
ピクセルに関して

例文

let point:CGPoint = CGPoint(x:0, y:0)
let size:CGSize = CGSize(width:100, height:100)
let cgrect:CGRect = CGRect(x:0, y:0, width:100, height:100 )
let cgrect1:CGRect = CGRect(origin: CGPoint(x:0, y:0), 
let frame:CGRect = CGRect(x: 0, y: 0, width: 100, height: 100)
var myVeiw:UIView = UIView(frame: frame)
let frame:frame = frame(x: 0, y: 0, width: 100, height: 100)

var x:CGFloat = self.view.bounds.origin.x
var y:CGFloat = self.view.bounds.origin.x
var width:CGFloat = self.view.bounds.size.width
var height:CGFloat = self.view.bounds.size.height

var minX: CGFloat          // 左端
var midY: CGFloat          // 垂直方向の中点
intersects(CGRect) -> Bool // 交差部分があるかどうか?
intersect(CGRect)          // 交差させる
contains(CGPoint) -> Bool  // ポイントが含まれるかどうか?

参考リンク先

最後に!!

f:id:BlueThree:20200805191056j:plain:w500

最後までご覧いただき、本当にありがとうございます!!

最近は、たくさんの読者さんから「コメント」や「メッセージ」が届くようになりました!!
皆さんと会話できて嬉しいですし、コメントで毎日励まされています。

ありがとうございます!

これからも、ゴルトン社長は「毎日」ブログを更新しています! www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com

皆さんから人気がある記事

www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com

まとめ記事

www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com www.goruton.com