Ụzọ Mmepe Dị Mfe: Ihe Ị Na-ahụ Bụ Ihe Ị Na-enweta, Na-eme Ka Echiche Gị Dịkwuo N'eziokwu

N'ime mmepe agbakwunyere, itinye interface eserese na-abụkarị ihe ịma aka—oge na-ewe ogologo oge iji hazie ihe, enweghị nkwekọ n'etiti ihe nlereanya ngwanrọ na arụmọrụ ngwaike, na usoro nrụzi na-agwụ ike. Ihe mgbochi ndị a emeela ka o siere ike ịkwado echiche ọhụrụ ngwa ngwa. Ugbu a, oge ahụ agwụla. Bọọdụ mmepe ngosipụta ESP32 anyị, nke jikọtara nke ọma na onye nchịkọta akụkọ GUI nke bụ isi ụlọ ọrụ SquareLine Studio, na-enye ahụmịhe mmepe "Ihe Ị Na-ahụ Bụ Ihe Ị Na-enweta" (WYSIWYG), na-ebuli arụmọrụ mmepe interface ruo n'ọkwa a na-ahụtụbeghị mbụ.

Nlele Ezi, Mmepụta Pixel-Perfect

N'ọrụ ọrụ ọdịnala, ndị na-emepụta ihe na ndị mmepe na-enwekarị usoro nkwukọrịta na mgbanwe na-enweghị njedebe n'ihi ọdịiche dị n'etiti "nchekwa imewe" na "nsonaazụ n'ezie na ngwaọrụ." Ngwọta anyị na-edozi nsogbu a na mgbọrọgwụ ya. SquareLine Studio na-eji otu injin eserese LVGL ahụ nke na-agba na ngwaahịa ikpeazụ. Nke a pụtara mgbanwe ọ bụla ị na-eme na nchịkọta akụkọ - ma ọ bụ gradient dị nro, animation dị nro, ụdị wijetị e ji nlezianya rụọ, ma ọ bụ mmekọrịta dị mgbagwoju anya -a na-emegharị ya nke ọma na pixelNa ihuenyo ngwaọrụ. Ihe ị na-ahụ n'oge nhazi bụ kpọmkwem ihe onye ọrụ ga-ahụ. Ikike nlele a na-ewepụ echiche na mmegharị, na-eme ka a tụgharịa uche nke ọma n'ebumnuche nhazi.

Mmekọrịta ozugbo, mmegharị ngwa ngwa

N'ọrụ ọrụ ọdịnala, mgbanwe interface ọ bụla chọrọ usoro ogologo nke "edit-compile-upload-test," nke na-egbochi ọsọ nke ihe ọhụrụ nke ukwuu. Ụzọ anyị si agbanwe usoro a. Site na otu pịa, ị nwere ike ịgbanwe ozugbo site na "Dezie Mode" gaa na "Interactive Preview Mode," na-arụ ọrụ interface ahụ ozugbo dị ka onye ọrụ njedebe iji nwalee nzaghachi. Ọbụna karịa ike, site na atụmatụ nhazi oge ọsọ pụrụ iche nke SquareLine Studio, ị nwere ike hazie ọnọdụ, nha, agba, na ọbụna paramita eserese nke ihe UI ozugbo ka ngwaọrụ ahụ na-agba ọsọMgbanwe niile na-amalite ozugbo na-enweghị mkpa ịmalitegharị. Nke a na-enye gị ohere ịnwale ọtụtụ ụzọ nhazi n'ime nkeji, chọpụta ngwa ngwa ngwọta kacha mma, ma mee ka mmegharị ihe okike dị ngwa ugboro iri.

Ngwugwu Teknụzụ nke Nwere Onwe Ya

Ezigbo nnwere onwe mmepe sitere na njikwa zuru oke n'ahịrị koodu ọ bụla. Ngwọta anyị na-enye gị nnwere onwe teknụzụ zuru oke: Na ọkwa asụsụ mmemme, ị nwere nnwere onwe ịhọrọ dabere na mkpa ọrụ. Maka ngwa ọkachamara chọrọ arụmọrụ kachasị elu na njikwa ọkwa ngwaike, ị nwere ike mbupụ koodu C/C++ dị ọcha, na-ahụ na arụmọrụ kachasị elu nke oge ọrụ. Maka ọnọdụ ndị na-ebute ụzọ na nhazi ngwa ngwa na mgbanwe mgbanwe, ị nwere ike ịhọrọ asụsụ edemede MicroPython nke oge a na nke dị mkpụmkpụ - obere ihe Python 3 kachasị mma nwere usoro okwu enyi na enyi na usoro mmụta dị nro. Na ọkwa ụlọ, a na-ewulite ngwọta eserese niile na ọrụ LVGL tozuru oke, nke mepere emepe. Koodu niile emepụtara mepere emepe ma doo anya nke ọma, na-enweghị ịdabere na ọbá akwụkwọ igbe ojii e dekọrọ tupu oge eruo. Ị nwere ohere zuru oke na koodu ntọala - na-enye gị ohere idozi ahịrị usoro ihe osise ọ bụla, melite nsogbu arụmọrụ ọ bụla, ma ọ bụ ọbụna hazie injin eserese ahụ nke ọma maka mkpa ọrụ ụfọdụ. Oghe a na-echebe ngwaahịa gị pụọ na mkpọchi onye na-ere ahịa ma na-ahụ na njikwa ọrụ ogologo oge.

Ụzọ Na-enweghị Nsogbu site na Prototype ruo na Ngwaahịa

Usoro mmepe a anaghị eme naanị ka nhazi ihe dị mfe, kamakwa ọ na-akwado mmepe dị irè n'oge njem niile site na echiche ruo na ngwaahịa emepụtara n'ọtụtụ. Na mbido, ị nwere ike ilekwasị anya na ahụmịhe onye ọrụ n'onwe ya, na-eme ka mmekọrịta dị mkpa dị ngwa ngwa. N'oge usoro injinia, ị nwere ike ịgbanwe gaa na nhazi ziri ezi n'enweghị nsogbu, na-emeziwanye nkọwa niile. N'ikpeazụ, ị ga-enweta otu koodu nke nwere onwe ya kpamkpam, nke dị njikere maka mmepụta, na nke dị elu. Anyị kwenyere na ngwaọrụ dị ike kwesịrị iwepụ ihe mgbochi teknụzụ, na-enye ndị mmepe ohere ilekwasị anya na okike n'onwe ya. Nweta ahụmịhe a n'ụzọ mmepe mgbanwe n'efu taa, ma lelee ọrụ ngosipụta gị ọzọ na-aga site na echiche gaa na eziokwu ugboro iri ngwa ngwa.