iOS UIButton 관련

[ UI 버튼 관련 ]

 

[이미지를 UI버튼 크기에 맞게 조정하는 방법]

Button의 속성 중 1) Style : plain으로 하는 경우 -> 이미지 placement 바꾸고..

2) Style: default로 하는 경우 -> 이미지가 줄어들게 할 수 있고 사이즈 인스펙터에서 조정

 

정답이 하나만 있는 것은 아니고 방법은 여러가지임.

일반적인 방법은 없고 일단 뭔가 선택하고 나면 거기에 맞게 계속 수정할 방법이 생긴다.

 

 

1. 아이콘 + 텍스트 같이 쓰는 방법  - 위아래로 정렬해서

Style : plain으로 하는 경우 ->

UI 버튼에서 아이콘 + 텍스트 위 아래로 같이 쓰는 방법

이미지의 Placement : Top 으로 바꾼다.

Padding 설정하면 아이콘과 글씨 사이 간격을 줌.

 

2. UI버튼 둥글게 만들기

방법은.. ?

관련 자료 찾은거 :

https://wlxo0401.oopy.io/902f0f81-63d5-4c01-91e7-706861302ca6

[iOS/Swift] Button 모서리 둥글게 설정하기 / 코너 corner radius

Q. 이거 따라해도 안됨... 문제가뭔지?

MovieBtn.layer.cornerRadius = 20

 

A. cornerRadius를 설정하더라도 속성이 적용되지 않는 뷰가 있다.

view 에서 drawing의 clipsToBounds 기본값이, 뷰 객체 종류마다 다르게 설정되어있기 때문

이거 체크표시해야 적용이 됨! 또는 코드에서 clipsToBounds  = true 로 해주어야됨.

 

 

3. UI버튼 복사 붙여넣기 = shift + option 키 이용

 

-------

수업 듣고 알게된 것들

 

Button - plain, gray, tinted, filled (iOS업데이트 되면서 새롭게 추가된 기능들)

원래는 default였음

- small, medium, large, capsule(반달모양)

 

 

[UIButton 만드는 방법]

1. UIImageView + Label 을 만들고 그 위에 button을 씌워주는 방법

2. EmbedIn View  이용해서 만들기

 

 

[SF Symbol을 이용해서 버튼을 만드는 경우]

폰트 속성을 가진다 (그래서 사이즈 크기 조절이 쉽다)

그런데 위의 버튼 같은 경우들은 -> 커스텀이라 사이즈 조절이 어려움

하드코딩으로 하게 되는 것 같다 현업가서

 

 

---------

[UIButton의 UI적 요소]

setTitle: 버튼에 들어가는 글자 적기

setTitleColor: 버튼 글씨 색상

 

적용 예시 ->

signUpImg.setTitle("회원가입", for: .normal)

signUpImg.setTitleColor(UIColor.black, for: .normal)

signUpImg.backgroundColor = .white

closeButton.setImage(UIImage(systemName: "xmark"), for: .normal)

 

UIButton 에 들어가는 글씨 굵게 만들기 + 사이즈 조절

signUpImg.titleLabel?.font = UIFont.boldSystemFont(ofSize: 17)

적용 안되는 경우: 버튼 스타일을 default로 하면 해결될 수 있음

 

폰트 바꾸고 싶을 때 (font style)

view.titleLabel?.font = UIFont.font(.custom한 폰트 입력)

 

https://gyuios.tistory.com/127

iOS) Dynamic Type

 

UIButton 에서 만약에 글씨가 길게 될 경우 -> 한줄로만 나타내고 싶을 때: style: default로 하면 됨.

 

 

+키워드

pull down button

pop up button

 

https://roniruny.tistory.com/154

[iOS] UIButton에 NSMutableAttributedString 적용해보기

 

 

* UIButton 에 그림자 주기

https://babbab2.tistory.com/41

iOS) UIView 그림자 만들기

 

 

https://gonslab.tistory.com/23

iOS Swift View, Button 그림자 넣기

 

https://kkh0977.tistory.com/1440

79. (ios/swift) button 버튼 코드로 타이틀 , 색상 , 이미지 , 폰트 크기 , 배경 이미지 설정 실시

 

 

sender.layer.shadowColor = UIColor.black.cgColor

sender.layer.masksToBounds = false

sender.layer.shadowOffset = CGSize(width: 4, height: 4)

sender.layer.shadowRadius = 5

sender.layer.shadowOpacity = 0.3

 

// Create UIButton
let myButton = UIButton(type: .system)

// Position Button
myButton.frame = CGRect(x: 20, y: 20, width: 100, height: 50)

// Set text on button
myButton.setTitle("Tap me", for: .normal)
 
myButton.titleLabel?.font = UIFont(name: "GillSans-Italic", size: 20)