swift Popup1 Layout
swift Popup1 Layout 1.팝업 뷰 swift 파일과 스토리보드를 만들어준다. 그리고 스토리보드에 viewcontroller를 작성하고 팝업뷰 swift 파일과 연결시켜준다. 그리고 스토리보드 id를 사용할것이다 체크해준다. 2.viewcontroller 위에 필요한 컴포넌트들을 넣어준다. 3.각 컴포넌트들의 제약조건을 설정해준다. 1.이미지: 위, 좌, 우 0 : 0 : 0 , 높이 130, 넓이 240 2.중간라벨 : 위, 아래, 좌, 우 : 20, 20, 20, 20. 3.텍스트필드 : 위, 아래, 좌, 우 : 20, 20, 20, 20 4.버튼: 왼쪽 버튼을 우클릭 후, 오른쪽 버튼으로 드래그. -> equal width, equal height 설정 왼쪽 버튼의 왼쪽 간격 20, 오..
2021. 7. 31.
swift 채팅앱 디자인 레이아웃 만들기 - 1
swift 채팅앱 디자인 레이아웃 만들기 1.테이블 뷰를 넣는다. (제약조건은 위, 아래, 좌, 우 각각 0으로 지정해준다.) 2. 테이블 뷰 하단에 UiView를 넣고 그 위에 textView 와 버튼을 배치 한다. 3.textView의 제약조건은 위, 아래, 좌, 우 각각 4 로 준다. 높이는 40으로 준다. - 가변높이로 개발할 예정이다. 4.버튼의 제약조건은 위, 아래, 우 각각 0으로 준다. 5.하단뷰는 제약조건을 위,아래, 좌 , 우 각각 0으로 준다. 배경색은 회색으로 지정해준다. 6.버튼의 콘텐트 인셋 좌, 우 20으로 준다. 7.아래와 같이 MyCell 커스텀 셀을 만들어 준다. 8.텍스트뷰의 배경은 clear로 지정해준다. 투명한 텍스트. 9.텍스트 뷰는 기본적으로 스크롤이 가능하다. ..
2021. 7. 27.
swift 테이블뷰 셀의 동적 높이
swift 테이블뷰 셀의 동적 높이 1. 테이블 뷰를 생성한 후 , 제약조건을 위, 아래, 좌, 우 0, 0 , 0 ,0 으로 준다. 2. 테이블뷰 cell 을 테이블 뷰에 넣어준다. 3.cell에 이미지 뷰를 넣어준다. (위, 좌측 제약조건 15, 15 , 크기는 가로 , 세로 50 , 50) 4. 라벨을 두게 넣어준다.(타이틀 라벨, 설명라벨) 5.타이틀 왼쪽제약조건, 우측제약조건 각각 15로 준다. 좌측이미지 먼저 클릭, cmd 누르고 타이틀 라벨 클릭 후 정렬조건을 vertical center로 지정 6.설명라벨은 위, 아래, 좌, 우 제약조건을 각각 15씩 설정한다. 7.cell의 아이디를 지정해준다. 7.Cell 클래스를 생성 후 , 스토리보드의 테이블뷰 cell 과 연결시켜준다. 그리고 설명..
2021. 7. 27.
