IOS 프로그래밍

본문 바로가기
사이트 내 전체검색


IOS 프로그래밍
IOS 프로그래밍

1. Swift UIView

페이지 정보

작성자 관리자 댓글 0건 조회 3,132회 작성일 19-11-04 20:34

본문

1. Swift UIView

1.PNG


2.PNG


3.PNG


4.PNG


5.PNG


6.PNG


7.PNG


8.PNG


9.PNG


10.PNG


11.PNG


12.PNG


13.PNG


14.PNG


1.png

 

UIView는 가로와 세로를 갖는다.

Screen의 위치를 나타내는 x, y 좌표를 갖는다.

 

2.png

 

CGRect는 사각형을 만든다.

 

UIView는 배경색을 backgroundColor 속성으로 바꾼다.

 

3.png

색상은 UIColor를 이용한다.

 

 

객체(Class) 를 이용한 UIView 생성하기

 

객체명: 객체타입 = 객체생성

​객체의 속성 또는 객체의 기능을 쓰고 싶을 때는 객체.명령어와 같이 사용한다.

​객체.속성 = 값

예)​

​func viewDidLoad() {

    var _testRect: CGRect = CGRect(x:10, y: 10, width:100, height:100)

    var _testView: UIView = UIView(frame: _testRect)​

​    _testView.backgroundColor = UIColor.green  // 배경색 수정

 

}

 

실행을 하면 아직 화면에 사각형이 보이지 않는다. 스크린에 생성한 UIView 객체를 붙이면 된다.

 

 

 

4.png

 

addSubView로 사각형을 현제 화면에 추가한다. addSubView는 UIView만 할 수 있다.

 

func viewDidLoad() {

    var _testRect: CGRect = CGRect(x:10, y: 10, width:100, height:100)

    var _testView: UIView = UIView(frame: _testRect)​

​    _testView.backgroundColor = UIColor.green  // 배경색 수정

    // self.view  현재화면을 나타낸다.

    self.view.addSubView(_testView)

 

}​

 

화면의 기준은 왼쪽 상단이다.​

 

 

5.png

 

 

 

예2)

func viewDidLoad() {

    var _testRect: CGRect = CGRect(x:100, y: 100, width:100, height:100)

    var _testView: UIView = UIView(frame: _testRect)​

​    _testView.backgroundColor = UIColor.green  // 배경색 수정

    // self.view  현재화면을 나타낸다.

    self.view.addSubView(_testView)

 

    var _redRect: CGRect = CGRect(x:50, y: 50, width:50, height:50)

    var _redView: UIView = UIView(frame: _redRect)​

​    _redView.backgroundColor = UIColor.red // 배경색 수정

    self.view.addSubView(_redView) 

}​

 

 

 

7.png

 

나중에 추가할 수록 위에 보인다.

초록색 사각형에 빨간 사각형을 붙여보자

부모.addSubView(자식)

자식뷰의 기준점(0,0)은 부모뷰의 기준점(0,0)를 따라 간다.

 

예3)

func viewDidLoad() {

    var _testRect: CGRect = CGRect(x:100, y: 100, width:100, height:100)

    var _testView: UIView = UIView(frame: _testRect)​

​    _testView.backgroundColor = UIColor.green  // 배경색 수정

    self.view.addSubView(_testView)

 

    var _redRect: CGRect = CGRect(x:20, y: 20, width:50, height:50)

    var _redView: UIView = UIView(frame: _redRect)​

​    _redView.backgroundColor = UIColor.red // 배경색 수정

    _testView.addSubView(_redView) //초록색 사각형에 빨간 사각형을 붙인다.

}​

 

 

​부모를 기준으로 움직인다.

6.png

댓글목록

등록된 댓글이 없습니다.


개인정보취급방침 서비스이용약관 모바일 버전으로 보기 상단으로

TEL. 063-469-4551 FAX. 063-469-4560 전북 군산시 대학로 558
군산대학교 컴퓨터정보공학과

Copyright © www.leelab.co.kr. All rights reserved.