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。 🤠