본문 바로가기

728x90

🍎 iOS/UI59

[iOS/UI] 탭바 길이 조정 및 아이템 위치 배열(UITabBar height & UITabBar item image insets) 아래이미지를 보면 내 기준에선 탭바 아이템들이 살짝 위로 가있다. 그래서 내릴 수 있는 방법을 찾다가 애플문서에서 아래 프로퍼티를 발견했다. 이미지 인셋이라는 건데 각 꼭지점들을 지정해 위치를 재배열할 수 있었다. 우선 스토리보드의 뷰컨트롤러에 탭바아이템 위치가 있는 부분을 클릭하고 인스펙터를 열면 6번째 size 인스펙터에 image inset이 있다. 모두 0으로 설정되어 있다. 난 아이템들을 내려야하기 때문에 바텀에 -20값을 줘보았다. 그랬더니 잘 안보일수도 있지만 아래로 약간 이동한 것을 볼 수 있다! 그리고 또 아이템을 내리기보단 탭바 높이를 줄이면 되지 않을까? 라는 생각에 탭바 헤이트를 조정하는 함수를 찾아본 결과 아래 코드를 찾게 되었고 쉽게 원하는 길이를 지정하면 바꿀 수 있었다. ex.. 2019. 12. 29.

[iOS/UI] UICollectionView 스크롤하면 서치바 숨기기 콜렉션뷰를 스크롤하는 법을 알아내는 건 scrollViewDidScroll이라는 메소드를 쓰면 알 수 있다. //콜렉션뷰의 하위클래스가 스크롤뷰이기 때문에 콜렉션뷰 딜리게이트가 있다면 이와 같은 함수를 쓸 수 있다. func scrollViewDidScroll(_ scrollView: UIScrollView) { let actualPosition = scrollView.panGestureRecognizer.translation(in: scrollView.superview) //스크롤 아래인지 위인지 알아내는 포지션 if (actualPosition.y > 0){ // 아래로 내린 것 searchheight.constant = 38 //searchbarheight를 38로 바꿈 UIView.animate(.. 2019. 12. 26.

[iOS/UI]UICollectionView header만들기(UICollectionReusableView) 스토리보드에서 해당 콜렉션뷰에 CollectionReusableView를 추가해준 뒤 UICollectionReusableView 파일을 따로 만들어준다. CollectionReusableView 클래스에 생성해준 파일 이름을 적고 identifier의 이름을 따로 생성해준다. 그리고 콜렉션뷰가 있는 클랙스에 아래 메소드를 추가해주면 끝! func collectionView(_ collectionView: UICollectionView, viewForSupplementaryElementOfKind kind: String, at indexPath: IndexPath) -> UICollectionReusableView { //ofKind에 UICollectionView.elementKindSectionHea.. 2019. 12. 26.

[iOS/UI] UIButton 위에만 둥글게 하기 //익스텐션을 설정해주고 extension UIButton { func roundedButton(){ clipsToBounds = true //뷰의 테두리 기준으로 짤리게 된다. layer.cornerRadius = 10 //얼만큼 둥글게 layer.maskedCorners = [.layerMinXMinYCorner, .layerMaxXMinYCorner] //제일 왼쪽위에서 제일 오른쪽 위까지 둥글게 // 아래는 버튼의 보더를 정해주는것 // layer.borderWidth = 1 // layer.borderColor = UIColor(displayP3Red: 211/255, green: 211/255, blue: 211/255, alpha: 1).cgColor } } override func view.. 2019. 12. 26.

[iOS/UI] UITableView 자체 Height 설정하기 (NSLayoutConstraint) TableView의 Row행 말고 그 자체의 높이를 정해야 할 때가 있다. 그래서 찾아본 결과 TableView Height를 바꾸려면 Storyboard에서 height를 설정해주고 그 NSLayoutConstraint을 해당 뷰에 연결해주고 그 아웃렛에서 .constant = 원하는 값을 해주면 설정된다. 2019. 12. 12.

[iOS] CollectionViewCell 좌측으로 정렿라기 콜렉션뷰에서 item간 minspacing을 정해주어도 셀크기에 따라 스페이싱이 달라졌다. 구글에 검색해본 결과 콜렉션뷰를 좌측에 배열해야한다는 사실을 알았다. 그래서 아주 좋은 라이브러리인 DGCollectionViewLeftAlignFlowLayout를 찾았다. 아주 간단하고 사용하기 쉬웠다. pod 'DGCollectionViewLeftAlignFlowLayout' //팓파일에 추가 import DGCollectionViewLeftAlignFlowLayout //임포트 해당클래스에 UICollectionViewDelegateFlowLayout딜리게이트를 추가해준다. override func viewdidload()나 override func awakeFromNib()// 이곳에 아래 추가 colle.. 2019. 12. 11.

[iOS/UI] Readmore 구현하기 이렇게 변수들을 선언해놓고 class Main: UITableViewController { var headerheight = 215 var headerheights = [Int : Int]() var moreless = "more" var moreindex = 100 var morearray = [Int]() 우선 셀 안의 버튼에 addTarget 해준다. action안에는 설정해놓은 함수를 집어넣는다. cell.morebtn.addTarget(self, action:#selector(Main.more(sender:)) , for: UIControl.Event.touchUpInside) 설정해놓은 more이라는 함수 안에 높이를 알아내는 함수 heightForView를 이용해 길이를 알아내고 sender.. 2019. 12. 11.

[iOS/UI] UIAlertController 글씨색바꾸기 let alertController = UIAlertController(title: "", message: "", preferredStyle: .alert) let cancelAction = UIAlertAction(title: "Cancel", style: .cancel) { (action) in // Cancel버튼 눌렀을 때 뭐할거야 } alertController.addAction(cancelAction) let OKAction = UIAlertAction(title: "OK", style: .default) { (action) in } OKAction.setValue(UIColor(displayP3Red: 162/255, green: 32/255, blue: 58/255, alpha: 1), f.. 2019. 12. 11.

[iOS/UI] UILabel 특정 부분에 밑줄 긋기 wholeStr에 원하는 전체텍스트를 써주고 그리고 rangeToUnderLine엔 wholeStr중 밑줄을 원하는 부분을 적었다다 (range(of:) 이곳에) let rangeToUnderLine = NSRange(location: 0, length: 10)) 2019. 12. 4.

[iOS/UI] UITabbar 가운데에 버튼 넣기 탭바를 이용하다보면 가운데나 혹은 다른 곳에 버튼처럼 놓고싶을 때가 있습니다. 하지만 탭바는 눌렀을 때만 그 안에 색상을 변경할 수 있어서 버튼을 따로 추가해줘야하는데요 이것을 할 수 있는 방법을 소개해드리겠습니다! 첫번째로 UITabbarController를 행성해줍니다. 그리고 setupMiddleButton이라는 함수를 만들어 그 안에 menuButton을 하나 만들어줍니다. 그 뒤 배경색을(backgroundColor) 정하고 원하는 이미지(setImage)를 넣어줍니다. 이미지를 어떤 형식으로 채워넣을 것인지도 설정해줍니다.(contentMode) 그리고 버튼을 누를 수 있게 addTarget을 설정해주고 셀렉터 안에 menuButtonAction함수를 넣어줍니다. 그 뒤에 코드는 휴대폰마다 화.. 2019. 11. 26.

[iOS] 화면전환시 풀스크린으로 만들기 (modaPresentaionStyle FullScreen) 화면 이동을 할 때 화면이 쌓이면서 화면이 약간 아래로 가는 현상을 겪게 되었다. 나는 화면을 꽉 채우고싶은데 어떻게 해야하지 하며 구글링을 하다가 해답을 찾았는데 2가지가 있다. 첫번째는 해당 뷰컨드롤러의 Presentaion을 Full Screen으로 바꿔주는 것이다.(원래는 Automatic이라 되어있는데 오토매틱으로 되어있으면 저 위 화면처럼 나오게 된다.) 코드로 화면을 이동할 때는 저 modaPresentaionStyle을 .fullScreen으로 해주면 된다. 코드나 스토리보드에서 바꾼 결과 화면이 꽉 차게 되었다. 2019. 11. 25.

이전 1 2 3 4 5 다음

728x90

티스토리툴바