[라이브러리] UIKit으로 만드는 뉴모피즘 라이브러리 Synth

https://github.com/CRED-CLUB/synth-ios

GitHub - CRED-CLUB/synth-ios: Synth is CRED's inbuilt library for using Neumorphic components in your app.

Embossed and Debossed views

Embossed View

let embossedView = UIView()
embossedView.applyneuStyle()

 

Debossed View

let debossedView = UIView()
debossedView.applyNeuStyle(model: NeuUIHelper.getDebossModel())

applyNeuStyle의 인자값은 model과 showOnlyShadows인데, showOnlyShadows의 기본값은 false이다. true로 하면 내부에도 그림자가 생겨서 전체적으로 둥그런 느낌을 준다.

 

Buttons

 

순서대로 soft, softRound, flat, flatRound 이다

elevated soft button

let neuButton1 = UIButton()
self.neuButton1.applyNeuBtnStyle(type: .elevatedSoft, title: "Soft")

elevated soft round button

self.neuButton2.applyNeuBtnStyle(type: .elevatedSoftRound, image: UIImage(named: "plus"))

elevated flat button

self.neuButton3.applyNeuBtnStyle(type: .elevatedFlat, title: "Flat")

elevated flat round button

self.neuButton4.applyNeuBtnStyle(type: .elevatedFlatRound)

 

꼭 위와 같이 사용할 필요없다. 마지막 elevated flat round button 에서 보듯이 타입만 설정해도 된다. applyNeuBtnStyle함수를 작성하려하면 다양한 인자들을 설정할 수 있다.

 

https://github.com/ywangnon/SynthLibrarySample

GitHub - ywangnon/SynthLibrarySample: Synth 라이브러리를 이용한 Neumorphism 디자인 샘플