Men dizayner sifatida kodlash bilan kurashayotgan odamlardan biriman. Men har doim o'zaro ta'sir dizayniga qiziqib kelganman, ayniqsa veb. Shunday qilib, men endi JavaScript (Framer) ni o'rganishdan qochib qutula olmadim va keyin bilmaganlarimni va buni qanday tushunganimni yozib olishga qaror qildim.
Yangi boshlanuvchilar uchun
Men yangi boshlanuvchilar yoki men kabi kodlashni bilmaganlar uchun yozmoqchiman.
Tegishlash haqida gapirishni boshlashdan oldin, men qatlamda xususiyatlarni qanday yozishni tez ko'rib chiqmoqchiman.
Quyidagi kabi xususiyatlarni berishning ikki xil usuli mavjud;
layer = new Layer
backgroundColor: "darkblue"
#or
layer = new Layer
layer.backgroundColor = "darkblue"
Keling, Tegishlani boshlaylik
Align
«Align funksiyalari ob'ektni ekrandagi asosiy qismiga nisbatan tezda joylashtirishga yordam beradi. Qatlamni yuqori, pastki, chap, o'ng yoki ota-onasining o'rtasiga joylashtirish uchun bulardan foydalaning. Ular qatlam xususiyatlari sifatida, holatlar va animatsiyalarda ishlatilishi mumkin.
- ob'ektni ekranga joylashtiring
- funktsiyalari
- U mulk sifatida, shtatlarda va animatsiyalarda ishlatilishi mumkin
X: left, right, center Y: top, bottom, center #Also, you can use like below: layer.center() layer.centerX(offset) layer.centerY(offset)
- align.pastki(ofset)
offsetburaqam va u ixtiyoriy.
Bu align bo'limi bilan bog'liq bo'lmasligi mumkin, lekin men ofsetdan foydalanish uchun x, y koordinatalarini tushunishim kerak edi. Avvaliga men ramka yoki JS da x va y qiymatlarini qanday yozish yoki hisoblashni bilmasdim. Chunki men quyidagi chap rasm kabi koordinatalarni o'ylagan edim. Nihoyat, x va y koordinata qiymati DOM (ekran) da to'g'ri tasvir kabi qanday ishlashini topdim.
Agar ko'k to'rtburchak bir qatlam bo'lsa, qizil nuqta x va y koordinata qiymati bo'ladi. Qizil nuqta qiymatidan foydalanib qatlamni kerakli joyga joylashtirishingiz mumkin.
Shunday qilib, keling, yana tekislashga o'tamiz.
Agar siz ko'k qatlam holatini sariq qatlam holatiga o'tkazmoqchi bo'lsangiz,
x ofset (-50) va y ofset (50) dan foydalanishingiz mumkin.
#shtatlar misoli
layerA.states = stateA: x: Align.right y: Align.bottom stateB: x: Align.left y: Align.top layerA.onTap -> layerA.stateCycle()
Oxirgi maslahat. Kofe skripti sharhi.
#This is a short comment. ### This is a multiple comment. ###
Umid qilamanki, mening infografikam sizga Framer uchun JavaScript-ni tushunishga yordam beradi. Assalomu alaykum 🦊❤️
