23.09.19 개인과제 UI 제작과 컬렉션뷰 사용

 

인스타그램 UI를 토대로 개인과제 디자인이 제시되어서 본의아니게 인스타그램을 또 제작했다.

 

그래도 이번엔 새로운 것들을 많이 이용하게 되었는데 , 우선

파란 버튼의 follow가 있는 곳이 미들바인데 그 미들바를 스택뷰로써 구현하였다.

근데 제시된 디자인을 구현하려면 맨 오른쪽의 m이 혼자 작아야하는데

요롷게 혼자만 작은 UI 여야한다

 

스택뷰로 3개를 다 넣은 상태에서 재만 작은형태로 존재하게 하는것의 방법을 아직 찾지 못했다.

또 아래에있는 스택뷰가 중구난방으로 까불고있는것도 , 뷰를 1/3하여 한 열을 3개의 cell이 꽉 채워야하는데

그 코드를 잘 입력한 것 같음에도 마음처럼 되지 않는 상황이라 , 내일은 이 부분들을 다 수정해 보도록해야할 것 같다.

extension instaViewController: UICollectionViewDelegateFlowLayout{
    func collectionView(_ collectionView: UICollectionView, layout colletionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
        let width = collectionView.frame.width / 3 - 1
        let size = CGSize(width: width, height: width)
        
        return size
    }

⬆️ 콜렉션뷰 cell 크기 지정 코드