Swift-SnapKit ve Auto Layout nedir,还可以吗? 📏

Merhabaarkadaşlar,BugünküyazımdadahaçokSnapKit, Auto Layout nedir? nasılkullanılır? 🤔

Auto Layout’un SnapKit和Bunun gibikütüphanelerlene kadar kolay veyönetilebilirolduğunugöstereceğim。

自动版面奈迪尔?

自动布局,iOS或OS X,请查看nesnesindentüretilmiştümobjelerin otomatik图片

Auto LayoutiçinApple’ındesteğiy mu吗?

ElbettedesteğivaryalnızSnapKit gibi birkütüphaneile hem hem dahakısakod kullanarak,hemde Auto Layout手工制作布局。

Apple’ındökümantasyonlarındakendi自动布局API’ınadairdetaylarıgörebilirsinizzatenbaktığınızdaSnapKit gibi birkütüphaneninkesinlikle bir velinimetolduğunufarkedersiniz。

Apple AutoLayoutdökümantasyonu:自动布局指南-以编程方式

Aynızamanda Auto Layout故事情节提要kullanarakuygulamanızıgeliştiriyorsanız接口生成器üzerindende yapabilirsiniz。

本以编程方式 olarak UI nesnelerinioluşturduğunuzuvarsayarak SnapKit’ianlatacağım。

自动布局 大小(宽度,高度), 点(X,Y),以及尺寸。

Korkmayın,Matematikanlatmayacağım。 😃Demem o ki X’in yataydüzlemde,Y’in dikeydüzlemdeolduğunubiliyorsanız,güvendesiniz。 😎

SnapKit’in projeye dahil edilmesi

SnapKit’i CocoaPods veya 迦太基 aracılığıileuygulamanızadahil edebilirsiniz。

CocoaPods:

Podfile’da projeadınızıgördüğünüz目标içerisineilgili荚satırınıekleyin。

 目标''做 
pod'SnapKit','〜> 4.0.0'
结束

SnapKit’inyüklenmesinisağlıyoruz:

  $ pod安装 

迦太基:

  $ brew更新 
$酿造安装迦太基

SnapKit’i kullanarak自动版面配置子视图子视图olarak eklenmesi gerekiyor。 Aksi taktirdeçalışmayacağınıConstraintlerineklenmeyeceğinigöreceksiniz。

SnapKit’inasılkullanacağınızadairküçükbirörneköncelikle;

BununyanındaequalToSonrasındaistediğinizbir offset’i vererek referansaldığınızuzunluk / genyşlikx ,ynoktalarıüzerine + –değerleriverebilir,查看nesnenizi ekrandakonumlandırabilirsiniz。

Gördüğünüzgibi Y ekseniüzerinde50 noktakaydırdık。

Bunundışında名称Label’i推荐人aldığınız查看nesnesinin儿子Ynoktasıüzerinden-150 noktayukarıkaydırmakistediğimizdeaşağıdakişekildeyapıyoruz。

Aynışekilde底部yerine顶部sözdeyiminikullanarak参照人aldığınız视图nesnesinin Y tepenoktasındankonumlandırmayapabilirsiniz。

右,左,下,上deyimleri:

左deyimi ile X ekseniüzerinde20 noktayaklaştık。 Neden view’i推荐了almadındiyenler mutlakaolacaktır。 Bukoşullarda推荐人almamızgerekmiyorçünkü self.view nesnesi zaten X,Ynoktaları0 olan bir view nesnesi。 😛

正确的deyimini kullanacak isek; aynışekildeX ekseninin sonnoktasıüzerindenkonumlandırmaişlemimizivereceğimizoffsetdeğerinegöreyapabiliriz。

GözünüzdecanlanmasıadınaaşağıdaboyadığımkırmızıişaretX ekseninin sonnoktası。

右权利deyimini kullanacaksak ve标签’imizikırmızıişaretden-50 noktakaydırmakistiyorsakaşağıdakigibikullanmalıyız。

Bunundışındatanımladığınız视图nesnelerini birbaşka视图nesnesinegörekonumlandırabilir。 Onun顶部,底部deyimleri vedeğerlerinegörekonumlandırabilirsiniz。

GördüğümüzüzerenameLabel nesnesini referans alarak底部deyimiyledeviceNameLabel’ı+50 offsetiylekonumlandırdık。

Burada make.bottom.equalTo(nameLabel).offset(50)satırışunusöylüyor,

nameLabel’in和noktası+ nameLabel’inuzunluğu+ 50

苹果属性和自动布局API自动布局API

Vakitayırdığınıziçinteşekkürederim。 🤠