기초-리스트(tile) 만들기

리스트를 만들어 보자

---

 

1. 체크 버튼 만들기
2. 플러그인 머터리얼 아이콘을 이용하여 체크 벡터를 가져오자
3. fill color를 변경하여 on- off 토클형태의 베리언츠를 만들어 본다.
4. 2 아이콘을 선택하여 컨텍츄얼 메뉴에서 베리언츠 생성
5. 주의 각 아이콘의 이름을 on, off 로 만들며 토글 형태로 변경이 된다.
6. 리스트 프레임을 생성하자
   1. 리스트는 오토레이아웃으로 설정하여 글자수와 상관없이 크기를 자동 조절한다.
   2. 리스트를 컴포넌트로 생성
   3. 너비는 fixed하고
   4. 높이는 hug 자동조절 되도록 한다.
   5. 체크 버튼 인스턴스와 글자를 작성하여 정렬한다.
   6. 이때 두 글자는 그룹화 시킨다.
   7. 글자는 속성으로 생성시킨다.
   8. subtitle의 불런의 속성으로 생성 시킨다.

 

1. 리스트 프레임을 만든다.
2. 에셋에서 타일을 가져온다.
3. 타일을 감싸는 프레임 생성 : ctrl + alt + G
4. autolayout 설정 : 수직 정렬
5. 타일 복사 : ctrl + d 를 하면 자동 프레임이 복붙되면서 아래로 자동 정렬된다.
6. 각 타일을 선택하여 오른쪽 인스턴스의 속성을 변경 해 본다.