Hinaqa, ¿imataq hukniray kanku combobox, multiselect, listbox, chaymanta urayk’aq? Llapan kay UI componentes kaqlla rikhurinkuman chaypas, hukniray propósitospaq servinku. Akllayqa sapa kutim uraykamun hayka akllanakuna kasqanmanta hinaspa rikuy atiyninmanta. Qawasun imayna hukniray kasqankuta, imapaqmi servinku, imaynatas allin kaqta akllasunman — ñanpi mana allin hamut’aykunata, mana allin suyakuykunamanta karunchakuspa.
Mana Llapan Lista Patronkunachu Huklla Llapan UI componentes patamanta resaltasqa huk kaqlla kaqlla kanku: listakunawan ruwaqkunap tinkiyninkunata yanapanku. Ichaqa hukniraytaraqmi chaytaqa ruwanku. Sapakamata qhawarisunchis, hukmanta hukmanta:
Uray → lista pakasqa kachkan llamk’achisqa kanankama. Combobox → filtranapaq qillqay + 1 akllanata akllay. Achka akllay → qillqay filtranapaq + achka akllanakunata akllay. Lista caja → llapa lista akllanakuna ñawpaqmanta rikukuq (+ kuyuriy). Iskay lista qutu → 2 lista qutukuna chawpipi imakunata kuyuchiy.
Huk rimaypi, Combobox huk qillqa yaykuy pampata huk urayk'aq listawan tinkin, chayrayku llamk'aqkuna qillqayta atinku filtranankupaq chaymanta huklla akllanata akllanankupaq. Multiselect kaqwan, llamkaqkuna achka akllanakunata akllayta atinku (sapa kuti pastillakuna utaq chips hina rikuchisqa). Lista qutukunaqa llapa lista akllanakunata ñawpaqmanta rikukuqta rikuchinku, sapa kuti kuyuywan. Yanapakun mayk’aqchus ruwaqkuna llapa tarikuq akllanakunata chaylla qhawayta munanku. Iskay lista qutu (transferencia lista sutiyuqpas) huk lista qutumanta huk tikraymi, mayqinchus llamk'achiqkunata iskay lista qutukunapura imakunata kuyuchiyta atin (ichuq ↔ paña), típicamente achka akllanapaq. Ama hayk’aqpas sapa kuti llamk’achisqa akllanakunata pakaychu Imaynachus ñawpaqpi nisqa, allin UI componente akllayqa 2 factorkunamanta kanqa: hayk'a lista akllanakuna kanku, chaymanta sichus llapa kay akllanakuna ñawpaqmanta rikusqa kananku tiyan. Llapan listakuna sacha estructurakunayuq kanman, quchayuq, qutu akllaypas, chaymanta.
Huk kamachiy kan mayqinchus watakunaña qatirqani mayqin componente UI kaqpaqpas: mana hayk’aqpas sapa kuti llamk’achisqa akllanakunata pakaychu. Sichus llamk'achiqkuna huk akllana particular kaqpi sapa kuti hapipakunku, ancha pisi chanin kan paykunamanta pakaypi. Icha ñawpaqmanta akllasqa ruwayta atiykuman, utaq (sichus 2–3 sapa kuti llamk'achisqa akllanakunalla kanku) chips utaq botones hina rikuchiy, chaymanta puchuq lista tinkinakuymanta rikuchiy. Tukuypaq, allin yuyay sapa kuti riqsisqa akllanakuna rikuchiy — UI kaqpi ch’aqwayta ruwanman chaypas. ¿Imaynatataq Mayqinta Akllana? Mana sapa listachu huk sasachakuy akllana ñanta necesitan. Listakunapaq aswan pisi 5 imakunayuq, radiopi sasan botones utaq cuadros de chequeo aswan allin llamk'anku. Ichaqa sichus ruwaqkuna huk hatun lista akllanakunamanta akllayta munanku (e.g., 200+ imakuna), combobox + multiselect yanapakunku aswan utqaylla filtración kaqrayku (e.g., suyu akllay).
Lista qutukuna yanapakunku mayk'aq runakuna achka akllanakunaman huk kutillapi yaykuyta munanku, astawanraq sichus chay listamanta achka akllanakunata akllananku tiyan. Sapa kuti llamk'achisqa filtrokunapaq yanapakunman.
Iskay lista cajaqa sapa kuti mana qhawasqachu chaymanta mana qhawasqachu. Ichaqa ancha yanapakuq kanman sasa ruwanakunapaq, e..g achka akllanapaq, utaq ruwanakuna, ruwanakuna, ruwanakuna churay. Chayqa sapalla UI componente kaqmanta ruwaqkunata saqillan hunt’asqa akllana listankuta qhawayta saqin ladomanta lado pukyuta listawan manaraq commit ruwachkaspa (“Tista t’inkisqa” sutichasqataq). Chiqamanta, iskay lista qutuqa sapa kuti aswan utqaylla, aswan chiqan, aswan yaykuy atiymi aysanamanta chaymanta urmachiymanta. Utilabilidad nisqamanta yuyaykuna Huk importante nota yuyaypi hap'inapaq llapa lista layakuna teclado puriyta yanapananku tiyan (e.g., ↑/↓ flecha llavekuna) yaykuypaq. Wakin runakunaqa yaqa sapa kutim teclado nisqapi hapipanqaku akllanakunata akllanankupaq huk kuti qillqayta qallariptinku.
Chaymanta aswan karun:
7+ akllanakunayuq listakunapaq, qhaway “Llapa akllay” chaymanta “Llapa ch’uyanchay” ruwanakuna yapayta ruwaqpa tinkiynin allinchaypaq. Huk combobox kaqwan suni listakuna kaqpaq, llapa akllanakunata ruwaqkunaman ñit'iy/llachpay kaqpi rikuchiy, mana hina kaqtinqa mana hayk'aqpas rikusqa kankuman hina, Aswan importante, ama mana interactivo elementokunata botón hina rikuchiychu mana pantasqa kananpaq — chaymanta ama interactivo elementokunata etiquetakuna hina rikuchiychu.
Wrapping Up: Mana Tukuy imapas Dropdown Sutikunaqa importanten. Huk sayaq lista akllanakuna típicamente huk “urquy” hina willasqa — ichaqa sapa kuti huk chhika ancha genérico kanku significativo kananpaq. “Dropdown” nisqapiqa lista pakasqa kasqanmantam qawachin. “Achka akllay” nisqaqa achka akllana (checkbox) huk lista ukhupi niyta munan. “Combobox” nisqa qillqa yaykuyta niyta munan. Hinaspa “Listbox” nisqaqa akllanapaq kaqkunamanta listallan, tukuy tiempo rikukuq. Meta nisqa manan chaypaqchu hawapi definicionkunawan tupaq. Ichaqa aswanpas yuyaykunata tupachinapaq — kikin simita rimay mayk'aq tanteachkanki, ruwachkanki, ruwachkanki, chaymanta kay UI componentes kaqwan llamk'achkanki. Chaypaqmi llamk’ananllapa runa — ruwaqkuna, ingenierokuna chaymanta tukukuy ruwaqkuna — sichus etiquetas estáticas mana interactivo botones hinachu rikch’akunku, chaymanta radio botones mana cuadrokuna hinachu ruwanku. “Patrones de Diseño Para Interfaces AI” nisqawan tupay. Diseño Patrónkuna AI Interfaces kaqpaq riqsiy, Vitaly musuq video kursu ruway ejemplokunawan chiqa kawsay rurukunamanta — huk kawsaq UX yachachiywan pisi pachamanta ruwakuchkan. Huk mana qullqiyuq ñawpaq qhawayman saltay. AI Interfaces kaqpaq Diseño Patrón kaqwan tupay, Vitaly’s video kursu interfaz diseño & UX kaqmanta.
Video + UX YachachiyVideollaVideo + UX Yachachiy$ 450.00 $ 799.00
Video + UX Yachachiy30 video yachachiykunata (10h) + Kawsaq UX Yachachiyta hapiy.100 punchaw qullqi-kutichiy-garantia.Videolla$ 275.00$ 395.00
Video cursota chaskiy30 video yachachiykunata (10h). Sapa wata musuqyachisqa.Hinallataqmi UX Bundle hina 3 video kursukunawan.
Allin yanapakuykuna
Kikinmanta hunt'achiy: UX kamachiykuna, Vitaly Friedmanpa ruwasqan Combobox, por eBay 👍 Combobox, Elástico nisqamanta Combobox, Elisa sutiyuq runap rurasqan Combobox, MongoDB 👍 nisqap rurasqan Combobox, Visa 👍 nisqawan Combobox, Watson (Docplanner) sutiyuq runap rurasqan. Combobox, Wikimedia nisqap rurasqan Combobox, Zendesk sutiyuq runap rurasqan Multiselect (MongoDB Combobox Diseño Docs), MongoDB 👍 nisqap rurasqan Achka akllasqa Maskay, Wikimedia nisqawan Achka akllasqa Combo Box, Vaadinpa ruwasqan Multiselect, Visa nisqawan Transferencia (Listbox ejemplo), Ant Design nisqamanta Lista caja, Hopperpa ruwasqan Lista Cuadro, Vaadinpa ruwasqan Lista caja, Visa nisqawan Iskay Lista Akllaq, Red Hat (PatternFly) nisqap rurasqan. Iskay Lista caja, Salesforce (Lightning Design System) nisqap rurasqan Lista de Transferencia, Mantinepa ruwasqan Iskay Lista caja, Dashlite nisqap rurasqan Insignias vs. Píldoras vs. Chips vs. Etiquetas, Vitaly Friedmanpa qillqasqan Lista qutukuna vs.
