Izmanto After Effects – izveido lietotāja saskarni slāņu pārdēvēšanai

Šajā apmācībā tu iepazīsies ar lietotājam draudzīgas saskarnes izveidi skriptam "Layer Renamer" programmā Adobe After Effects. Tu uzzināsi, kā izveidot vienkāršu, bet funkcionālu paneļa dizainu, kas palīdzēs tev efektīvi pārdēvēt slāņus. Šīs zināšanas ir pārnēsājamas arī uz citām Adobe lietotnēm, piemēram, Photoshop, InDesign un Illustrator, kas sniegs tev vērtīgu ieskatu skriptu pasaulē un lietotāja saskarnes izstrādē.

Svarīgākie secinājumi Tu vari izveidot interaktīvus un lietotājdraudzīgus rīkus veidojot dialoga bāzes saskarni programmā After Effects. Tu iemācīsies, kā integrēt dažādus UI elementus, piemēram, nolaižamās izvēlnes, teksta laukus un pogas, un pielāgot tos veiksmīgi.

Solī-pa-solim ceļvedis

Uzsākt ir nepieciešams atvērt extendScript vidi programmā After Effects un izveidot jaunu skriptu failu. Tu izstrādāsi vienkāršu logu, kas kalpos par pamatu tavam slāņu Renamer.

Sāc ar jaunas mainīgās izveidi, kas pārstāv saskarni. To izdarīs, izmantojot new Window un norādot loga parametrus. Izvēlies loga veidu, šajā gadījumā dialoga logs.

Lai parādītu logu, tev jāizsauc metode show(). Tas padarīs tavu logu redzamu un tu varēsi veikt pirmos mainījumus.

Tagad nosaki, ka tavs logs jāparāda informāciju. Pievieno nolaižamo izvēlni, kas ļauj lietotājiem izvēlēties starp dažādiem slāņiem. Izveido jaunu mainīgo selectLayer, kas tiks pievienots skatam.

Definē nolaižamās izvēlnes pozīciju logā, pielāgojot robežu rādītājus. Tu pat vari izmantot absolūtas pozicionēšanas, nosakot četrus attālumus.

Pievieno savam panelim virsrakstu. Šajā gadījumā virsraksts varētu būt "Izvēlēties slāni". Tādā veidā lietotājs uzreiz zina, ko darīt.

Tagad mēs manuāli pievienosim dažus ierakstus nolaižamajai izvēlnei. Šie ieraksti vēlāk var būt noderīgi slāņu izvēlē. Pievieno, piemēram, "Slānis 1", "Slānis 2" un "Testa slānis".

Lai panāktu pievilcīgu nolaižamās izvēlnes dizainu, izmanto Margin atribūtus, lai radītu attālumu no pārējiem elementiem tavā panelī. Pievilcīgs izkārtojums ievērojami uzlabos lietotāja pieredzi.

Tagad pievienosim marķējumu un teksta lauku, lai lietotāji varētu ievadīt jaunus nosaukumus izvēlētajiem slāņiem. Tam izmanto jaunu grupu, kas saturēs abus elementus.

Pārliecinies, ka grupu un elementu orientācija saskarnē ir pareiza. Tu vari kontrolēt, vai elementi tiks rādīti blakus vai vienā virknē ar orientation īpašību. Šajā gadījumā ir jēga parādīt lietotāja saskarni vienā rindā.

Tagad ir pienācis laiks izveidot pogas, kas ļaus pārdēvēt slāni un atjaunināt sarakstu. Pārliecinies, ka pogām ir vienota platuma, lai viss izskatītos harmoniski.

Pogām arī nosaki vēlamo platumu, lai tās tiktu vienmērīgi attēlotas ievades lauka platumā.

Pēc tam, kad izkārtojums ir noteikts, vari visu ievietot funkcijā ar nosaukumu buildUI(). Šī funkcija garantēs tīru un organizētu kodu.

Tu vari izmantot izveidoto funkciju, lai uzbūvētu un parādītu savu saskarni. Neaizmirsti centrēt logu, lai tas labi izskatītos uz katras ekrāna izmēra.

Šajos soļos tu esi izveidojis funkcionālu lietotāja saskarni slāņu Renamer programmā After Effects. Šie pamati palīdzēs tev padarīt savus skriptus lietotājdraudzīgus un pievilcīgus.

Kopsavilkums - ceļvedis slāņu Renamer lietotāja saskarnes izveidošanai programmā After Effects

Šajā rakstā tu esi uzzinājis, kā izveidot vienkāršu un efektīvu lietotāja saskarni slāņu Renamer skriptam programmā After Effects. Visi soļi, sākot no loga izveides līdz ievades lauku un pogu iedzīvināšanai, tika aplūkoti.