[240529] 앱 클론 디자인

🗓️ 오늘 한 일

✅ 앱 클론 디자인

 

 

진행 중인 앱 클론 디자인

티빙 앱 클론 디자인

 

---

 

오늘은 앱 클론 디자인을 진행했는데 막혔던 부분들을 다시 정리해보려고 한다.

 

1. 프로토타입 인터랙션 연결

연결하고자 하는 객체 선택을 잘해야 한다. 그렇지 않으면 원하는 대로 동작하지 않을 수 있다.

오토레이아웃과 프레임화를 여러번 하다 보니 이 부분이 헷갈렸던 것 같다.

 

2. 스왑 인스턴스의 크기 조정

오른쪽과 같이 만들어져야할 인스턴스가 왼쪽과 같이 형성됨

 

인스턴스를 변경할 때 크기 조정이 제대로 되지 않아 인스턴스의 비율이 이상해지는 떄가 있었다. 

다시 확인해봤을 때, 컨스트레인트 그룹화되지 않은 오브젝트의 Constraints 값이 모두 scale로 되어 있어서 발생한 문제였다.

오브젝트를 그룹화한 후, 오토레이아웃하여 hug로 변경했더니 임의적으로는 해결이 되었다.

 

3. 스케일 애니메이션

버튼의 Pressed 상태를 구현하려고 scale 값을 조정했더니 중심축이 가운데가 아닌 위쪽으로 형성되어 어떻게 해결할지 몰라서

임의로 가장 바깥쪽 프레임을 크게 하여 fixed 상태로 배치해 두었다. 이 부분은 꼭 다시 해봐야 할 것 같다.