Nkeji 3 / 11

Nhazi ihu yana Ọgbọ koodu UI nwere ọgụgụ isi Artificial

Uru:

  • Ikike imepụta koodu interface siri ike maka Jetpack Compose na SwiftUI n'usoro ebumnuche, akụrụngwa, steeti anọ (nbudata / efu / njehie / zuru oke), sistemụ imewe na nnweta.
  • Ikike imepụta interface nke ghere oghe nye ndị ọrụ niile site n'ịkọwa nnweta site na mmalite, yana akara aha ziri ezi, ọdịiche zuru oke na mmetụ kwesịrị ekwesị.
  • Ikike imepụta ihu na-agbanwe agbanwe, ọtụtụ asụsụ na ọkụ/ isiokwu gbara ọchịchịrị site n'ịgụ agba na oghere site na isiokwu etiti.

A na-ekpebi ihe ịga nke ọma nke ngwa mkpanaka site na interface onye ọrụ ya (UI — enyo onye ọrụ na-ahụ ma metụ) yana ahụmịhe onye ọrụ (UX — ka ọ dị ire na ụtọ ọ na-eji). Onye ọrụ ahụ anaghị ahụ koodu ọjọọ ahụ, mana ọ na-enwe mmetụta dị njọ na nke abụọ nke mbụ. AI na-arụ ọrụ abụọ dị ike na mmepe interface: n'otu aka ahụ, ọ na-emepụta echiche imewe, ntinye na ederede (UX ederede); N'aka nke ọzọ, ọ na-agbanwe ozugbo imewe a ka ọ bụrụ koodu interface na-arụ ọrụ. N'ime nkeji a, anyị ga-amụta otu esi emepụta ngwa ngwa, ịnweta na ihu na-agbanwe agbanwe na AI, na-elekwasị anya na ngwaọrụ nkwupụta ọhụụ nke Jetpack Compose (Android) na SwiftUI (iOS). "Nkwupụta" pụtara na kama ịkọwa nzọụkwụ site nzọụkwụ otu esi ese ihuenyo, ị na-akọwa "nke a bụ otú ihuenyo kwesịrị ịdị na ọnọdụ a"; Ngwá ọrụ ahụ na-eme ihe ndị ọzọ.

Site na imewe ruo koodu: usoro ziri ezi

Ịgwa AI ka ọ "mee ihuenyo mara mma" edoghị anya n'ihi na "mma" enweghị ike ịlele. Ọgbọ interface dị mma na-agbaso usoro a:

  1. Ebumnuche na ọdịnaya. Kedu ihe ihuenyo na-eme, kedu ozi ọ na-egosi, gịnị ka onye ọrụ ga-eme?
  2. Ndepụta akụrụngwa. Akụkụ dị ka aha, ndepụta, bọtịnụ, ubi ụdị.
  3. Ọnọdụ. Loading, efu (enweghị data), njehie, zuru - ihe anọ bụ isi ihuenyo na-ekwu.
  4. Usoro nhazi. Agba, akwụkwọ edemede, iwu ohere; n'ozuzu na-erube isi na Ntuziaka Interface mmadụ nke ihe 3 (Android) ma ọ bụ iOS.
  5. Nnweta. Akara ndị na-agụ ihuenyo, ọdịiche zuru oke, nha ebumnuche mmetụ aka.
  6. Koodu. N'ikwu ihe niile a, Composable ma ọ bụ SwiftUI View ọgbọ.

Nzọụkwụ nke a na-amakarịkarị bụ nke atọ. Ndị mmepe na-atụle naanị steeti "zuru oke"; ebe n'ezie ngwa onye ọrụ na-enwekarị ọnọdụ "loading" na "njehie". Ibipụta steeti anọ niile na AI bụ ihe nzuzo nke interface siri ike.

NDỤMỌDỤ: Tinye "mepụta nbudata, efu, njehie na zuru iche iche" na njedebe nke ngwa ngwa. Otu ahịrịokwu a na-eme ka interface gị dị njikere maka ụwa n'ezie ma na-ebelata ọnụ ọgụgụ nke njehie na usoro QA (nnwale àgwà).

Enwetaghị nkwekọrịta

Ịnweta - ike iji ngwa nke ndị ọrụ nwere nkwarụ anya, ịnụ ihe ma ọ bụ moto - bụ ma ọrụ ụkpụrụ yana ụlọ ahịa na atụmanya iwu. AI na-emepụta koodu ịnwetanwu ma ọ bụrụ na achọrọ ya; Na-eweghachite interface enweghị mkpado, obere ọdịiche ma ọ bụrụ na achọghị ya. Iwu atọ nke isi mkpịsị aka: nye ihe mmekọrịta ọ bụla akara bara uru maka onye na-agụ ihuenyo (contentDescription / accessibilityLabel), ezigbo agba dị iche n'etiti ederede na ndabere (opekata mpe 4.5: 1), yana ebumnuche mmetụ nke opekata mpe 48x48 dp/44x44 pt. Jụọ AI ihe ndị a n'ụzọ doro anya.

Ịkpachara anya: AI nwekwara ike ịgbakwunye mkpado nnweta ogologo na akara ngosi ịchọ mma; Nke a na-eji mkparịta ụka na-enweghị isi kpuchie onye na-agụ ihuenyo. Ekwesịrị ka ezobe ihe ịchọ mma naanị site na ịnweta ya (ekwe ka onye na-agụ ihuenyo wụsara ya). Nyochaa aha ndị ewepụtara: ka ndị nwere nzube kwuo okwu, ka ihe ịchọ mma gbachie nkịtị.

Nkwenye: usoro imewe na isiokwu

Ngwa ndị ọkachamara anaghị eji agba na oghere enweghị usoro; na-eso usoro imewe (ụkpụrụ ọkọlọtọ, mkpụrụedemede, oghere, na akụrụngwa). Ọ bụrụ na ị nye AI ụkpụrụ isiokwu gị (isi agba, agba nke abụọ, radius nkuku, ọnụ ọgụgụ typography), ihuenyo niile ga-apụta na-agbanwe agbanwe. Ọ bụrụ na i meghị ya, ihuenyo ọ bụla ga-eji ndò na-acha anụnụ anụnụ dị iche ma ngwa ahụ ga-adịkwa ka ọ gbagọrọ agbagọ. Ụzọ kachasị mma bụ ibu ụzọ jụọ AI ka ọ wepụta faịlụ tokens isiokwu / chepụta, wee kechie ihuenyo niile na isiokwu ahụ.

Isiokwu

adịghị mma obibia

Ụzọ siri ike

Agba

Jiri aka gị agba koodu ihuenyo ọ bụla

Isiokwu etiti, ihuenyo na-agụ site na isiokwu

ọnọdụ

Naanị ihuenyo "zuru".

Na-ebunye/efu/njehie/steeti anọ zuru oke

nnweta

agbakwunyere ma emechaa

A kọwapụtara ya na nkwupụta site na mmalite

ederede

agbakwunyere na koodu

Isi mmalite dị iche, dị njikere ọtụtụ asụsụ

Obere ikpe atọ

Ikpe 1 - echekwara ikpe efu. Otu ngwa akụkọ nwere AI bipụta steeti ihuenyo nke ọ bụla. N'ihi ihuenyo "ọnọdụ enweghị ọrụ" ("Ọnweghị ozi echekwara ma"), 70% nke ndị sonyere na nnwale onye ọrụ ahapụghị ngwa ahụ na ihuenyo oghere; Na ụdị nke gara aga, ihuenyo oghere ka dị ọcha ma ndị ọrụ chere na ọ "agbajiela" wee pụọ. Obere nnomi mụbara ọnụego njide.

Ikpe 2 - Ọjụjụ dị iche. Otu otu etinyere na App Store nwere enyo nwere ederede na agba ntụ ntụ, agba akara. Apple nyere ịdọ aka ná ntị na mgbakwasị ụkwụ n'ihi ọdịiche dị ala. Mgbe a gwara AI ka ọ "mee ka ọdịiche dị n'azụ ederede dị n'elu 4.5: 1", agba agba ọchịchịrị wee dozie nsogbu ahụ. Ọ bụrụ na a rịọrọ ya site na mmalite, agaraghị egbu oge.

Ikpe 3 - mkpọtụ labelụ eji achọ mma. Onye nyocha ihe na-adịghị ahụ anya kwuru na a na-agụpụta akara ngosi ihe ịchọ mma ọ bụla (“akara,” “ntụpọ,” “onyinyo”) na ihuenyo AI mepụtara, na-eme ka ihuenyo ahụ ghara ịdị. Ahụmahụ onye na-agụ ihuenyo ghọrọ mmiri mmiri mgbe ihe ịchọ mma zoro ezo na ịnweta. Ihe nkuzi: nnweta pụtara "mkpado ziri ezi," ọ bụghị "ọtụtụ mkpado."

Ngwa ngwa adịghị ike / Ike siri ike

Ngwa ngwa adịghị ike: "Chepụta ihuenyo profaịlụ."

Ike ngwa ngwa: "Mepụta ihuenyo profaịlụ onye ọrụ maka iOS/SwiftUI. Ọdịnaya: avatar, aha, email, 'Dezie profaịlụ' bọtịnụ, ndepụta ntọala. Ọnọdụ: loading (skeleton), njehie (bọtịnụ emegharị), zuru ezu. Nhazi: Na-abụghị ihe, kwekọọ iOS HIG; usoro agba, Dynamic Ụdị. Ịnweta: accessibilityLabel na onye ọ bụla uru akara 4, deptme echekwabara akara ngosi 4 ọ bụla, deptme. faịlụ dị iche, etinyela koodu agba na ihuenyo, buru ụzọ see osisi akụrụngwa, wee bupụ koodu ahụ."

Ụdị ndebiri nwere ike iṅomi

Ihuenyo ọgbọ template: "Mepụta [ihuenyo aha] maka [ikpo okwu / ngwá ọrụ]. Ọdịnaya: [mmemme]. Onye ọrụ omume: [omume]. N'ịwa anọ na-ekwu iche iche: loading, efu, njehie, full. Design usoro: [Material 3 / iOS HIG], na-agụ si isiokwu tokens. Ịnweta: labels, iche> = 4.5: 1, emetụ ọkọlọtọ ọkọlọtọ. "

Usoro ndebiri isiokwu/imepụta: "Wepụta nkọwa isiokwu etiti maka ngwa m ([Mee isiokwu / ihe nrụpụta ihe ngosi na SwiftUI]): Agba agba [hex], nke abụọ [hex], agba njehie, agba elu- Ọnụ ọgụgụ akwụkwọ (aha, ahụ, nkọwa) - Ọnụ ọgụgụ oghere (4,8,16,24) - Ọkọlọtọ radius nkukuTinye ọkụ na ọchịchịrị.”

Nleba anya nhụta nlele nke nnweta: "Lelee koodu ihuenyo a maka ịnweta: 1) Ọ nwere ihe mmekọrịta ọ bụla na-enweghị akara? 2) Ọnụ ọgụgụ dị iche iche zuru oke? 3) Ebe emetụ aka hà buru ibu? 4) A na-ezobe ihe ịchọ mma n'aka onye na-agụ ihuenyo? Na-atụ aro ndozi maka mbipụta ọ bụla. [koodu]"

Chepụta ka ndebiri koodu: "Akọwaara m atụmatụ a: [nkọwa ihuenyo ma ọ bụ nseta ihuenyo]. Tụgharịa nke a n'ime koodu [Compose/SwiftUI]. Debe oghere na nhazi nke ọma na imewe ahụ, mana tinye steeti anọ niile."

Mmejọ ndị nkịtị

  • Naanị iche echiche banyere ọnọdụ zuru oke. Ọtụtụ mgbe onye ọrụ n'ezie na-ahụ ihuenyo nbudata / njehie.
  • Na-agbakwunye agba na oghere na koodu. Ọ bụrụ na isiokwu ahụ abụghị nke etiti, nkwụsi ike na-efunahụ ma nrụzi ga-esi ike.
  • Hapụ ohere ikpeazụ. Ịgbakwunye ya ma emesịa dị oke ọnụ; Ọ naghị akwụ ụgwọ ma ọ bụrụ na achọrọ ya site na mmalite.
  • Ntugharị aha. Inwe ihe ịchọ mma agụ na-akpaghasịkwa ahụmịhe onye na-agụ ihuenyo.
  • Na-agbakwunye ederede na koodu. Mgbe achọrọ nkwado ọtụtụ asụsụ, ọ dị mkpa iji aka gbanwee ihuenyo ọ bụla; Debe ederede iche iche.
  • Na-atụ anya otu ezigbo oyiri site na nseta ihuenyo. Nhazi AI na-emepụta ihe ruru. Eji aka edobere nkenke pikselụ.

Na nchịkọta

AI dị ike na mmepụta interface, mana ọ chọrọ nduzi. Usoro ziri ezi: nzube, components, anọ na-ekwu (loading / efu / njehie / zuru), usoro nhazi, nnweta, wee koodu. Ịnweta enweghị nkwekọrịta ma pụta "akara ngosi ziri ezi," ọ bụghị "ọtụtụ akara." Maka nkwekọ, gụọ agba na oghere site na isiokwu etiti, etinyela ya na koodu. Onye siri ike ga-akọwa ihe a niile site na mmalite; Ya mere, interface ahụ dị njikere maka ụwa n'ezie, nkwenye ụlọ ahịa na ndị ọrụ niile.

Ọrụ ngwa

Iji “nhazi ọgbọ ihuenyo” maka ihuenyo ntọala, jụọ AI maka ide ma ọ bụ koodu SwiftUI wee rịọ steeti anọ niile. Wee were akara “nleba anya ohere ịnweta” wee lelee otu koodu ahụ. Chọta ma dozie ma ọ dịkarịa ala otu nkwalite nnweta (labelụ na-efu efu, ọdịiche dị ala, ma ọ bụ obere ebumnuche mmetụ) wee mara ọkwa nke (nbudata / efu / njehie) ị chere na ọ ga-apụtakarị na iji ya.

ndetu

  • [] Emere m ebumnuche na akụkụ nke ngosi ahụ nke ọma na ngwa ngwa
  • [] Enwere m steeti anọ ahụ (loading/empty/ error/ful) emepụtara iche
  • [ ] Emere m agba na oghere ka a gụọ site na isiokwu etiti, etinyeghị m ya na koodu.
  • [ ] Achọrọ m akara nnweta na ọdịiche site na mmalite
  • [ ] Achọpụtara m na ezoro ezoro ihe ịchọ mma n'ihu onye na-agụ ihuenyo
  • [ ] Edebere m ederede ndị ahụ iche, dịrị njikere maka ọtụtụ asụsụ