Listanézetek
Jegyzet
Ez a tervezési útmutató a Windows 7-hez készült, és nem frissült a Windows újabb verzióihoz. Az útmutató nagy része továbbra is elvben érvényes, de a bemutató és a példák nem tükrözik jelenlegi tervezési útmutatónkat.
Listanézetben a felhasználók egyetlen vagy több kijelöléssel tekinthetik meg és kezelhetik az adatobjektumok gyűjteményét.
Tipikus listanézet.
A listanézetek nagyobb rugalmasságot és funkcionalitást biztosítanak, mint a listamezők. A listamezőkkel ellentétben támogatják a nézetváltást, a csoportosítást, a címsorokkal rendelkező több oszlopot, az oszlopok szerinti rendezést, az oszlopszélesség és a sorrend módosítását, az húzási forrás vagy a cél célként való használatát, valamint az adatok vágólapra és vágólapról történő másolását.
Jegyzet
A elrendezési és listamezők vonatkozó irányelveket külön cikkekben találja.
Ez a megfelelő vezérlő?
A listanézetek nem csupán egy rugalmasabb és funkcionálisabb listamezőt alkotnak: további funkciói eltérő használatot eredményeznek. Az alábbi táblázat az összehasonlítást mutatja be.
Használat | Listamezők | Listanézetek |
---|---|---|
adattípus |
Adat- és programbeállítások is. |
Csak adatok. |
Tartalom |
Csak címkék. |
Címkék és segédadatok, esetleg több oszlopban. |
interakciós |
Kijelölésekhez használható. |
Használható kijelölések készítésére, de gyakran használják adatok megjelenítésére és kezelésére. Lehet húzási forrás vagy dobási cél. |
bemutató |
Fix. |
A felhasználók módosíthatják a nézeteket, csoportosíthatnak, oszlopok szerint rendezhetnek, és módosíthatják az oszlopszélességeket és a sorrendet. |
Annak eldöntéséhez, hogy ez-e a megfelelő szabályozás, fontolja meg az alábbi kérdéseket:
- A lista nem programbeállításokat, hanem adatokat jelenít meg? Ha nem, érdemes inkább listamezőt használni.
- A felhasználóknak módosítaniuk kell a nézeteket, a csoportosítást, az oszlopok szerinti rendezést, vagy módosítaniuk kell az oszlopok szélességét és sorrendjét? Ha nem, használjon helyette listamezőt.
- A vezérlőnek húzási forrásnak vagy dobási célnak kell lennie? Ha igen, használjon listanézetet.
- Át kell másolni a listaelemeket a vágólapra vagy beilleszteni a vágólapra? Ha igen, használjon listanézetet.
Jelölőnégyzetlistanézetek
- A vezérlőelem használatával nulla vagy több elem választható ki egy adatlistából? Egy elem kiválasztásához használjon inkább egyetlen kijelölést.
- A feladathoz elengedhetetlen vagy gyakran használt több kijelölés? Ha igen, a jelölőnégyzetlista nézet használatával több kijelölést is nyilvánvalóvá tehet, különösen akkor, ha a célfelhasználók nem fejlettek. Ha nem, akkor használjon szabványos többkijelölési listanézetet, ha a jelölőnégyzetek túl sok figyelmet fordítanak több kijelölésre, vagy túl sok képernyős zsúfoltsághoz vezetnek.
- Fontos a többszörös kijelölés stabilitása? Ha igen, használjon jelölőnégyzetlistát, listaszerkesztő vagy lista hozzáadása/eltávolítása gombra, mert a kattintás egyszerre csak egyetlen elemet módosít. A szabványos több kijelölési listával egyszerűen törölheti az összes kijelölést, még véletlenül is.
Jegyzet
Néha egy listanézetnek tűnő vezérlőt listamezővel implementálnak, és fordítva. Ilyen esetekben az irányelveket a használat alapján kell alkalmazni, nem pedig a megvalósításra.
Használati minták
Minden nézet támogatja az egyetlen kijelölést, ahol a felhasználók egyszerre csak egy elemet jelölhetnek ki, és több kijelölést is, ahol a felhasználók tetszőleges számú elemet választhatnak, köztük egyet sem. A listanézetek támogatják bővített kijelölési módot, ahol a kijelölést húzással vagy a Shift+kattintás vagy a Ctrl+kattintás billentyűkombinációval lehet kiterjeszteni az egybefüggő vagy nem szomszédos értékek csoportjainak kijelöléséhez. A listamezőkkel ellentétben nem támogatják több kijelölési módú, ahol az elemekre kattintva a Shift és a Ctrl billentyűktől függetlenül a kijelölési állapotot váltja.
Normál listanézet
A listanézet-vezérlő öt szabványos nézetet támogat:
Használat | Példa |
---|---|
Csempe minden elem közepes ikonként jelenik meg, jobb oldalon felirattal és opcionális részletekkel. |
![]() A Csempe nézet közepes ikonokat jelenít meg a jobb oldalon címkékkel és opcionális részletekkel. |
Nagyméretű ikon minden elem egy extra nagy, nagy vagy közepes ikonként jelenik meg, alatta felirattal. |
![]() A Nagyméretű ikon nézet minden elemet nagyméretű ikonként jelenít meg, alatta felirattal. |
Kis ikon minden elem egy kis ikonként jelenik meg, jobb oldalon egy felirattal. |
![]() A Kis ikon nézet minden elemet kis ikonként jelenít meg, a felirata pedig a jobb oldalon található. |
lista minden elem egy kis ikonként jelenik meg, jobb oldalon egy felirattal. |
lista módban ez a nézet oszlopokat rendel az elemekhez, és vízszintes görgetősávot használ. ezzel szemben az ikonnézet sorokba rendezi az elemeket, és függőleges görgetősávot használ. ![]() A Lista mód az egyes elemeket egy kis ikonként jeleníti meg, a felirata pedig a jobb oldalon található. |
Részletek minden elem táblázatos formátumban jelenik meg sorként. a bal szélső oszlop az elem választható ikonját és címkéjét is tartalmazza, a további oszlopok pedig további információkat, például az elem tulajdonságait tartalmazzák. |
Emellett az oszlopok hozzáadhatók vagy eltávolíthatók, valamint átrendezhetők és átméretezhetők. a sorok csoportosíthatók, oszlop szerint rendezhetők. ![]() A Részletek nézet az egyes elemeket táblázatformátumú sorként jeleníti meg. |
Listanézet-változatok
Címke | Érték |
---|---|
oszlopválasztó A listanézetek olykor annyi oszlopot tartalmaznak, hogy nem praktikus mindet megjeleníteni. Ebben az esetben a legjobb módszer az, ha alapértelmezés szerint a leghasznosabb oszlopokat jeleníti meg, és lehetővé teszi a felhasználók számára, hogy szükség szerint oszlopokat vegyenek fel vagy távolítsanak el. |
![]() Az oszlopfejlécre a jobb gombbal kattintva megjelenik egy helyi menü, amely lehetővé teszi a felhasználók számára az oszlopok hozzáadását vagy eltávolítását. ![]() Az oszlopfejléc helyi menüjében az Egyebek gombra kattintva megjelenik az Oszlopok kiválasztása párbeszédpanel, amely lehetővé teszi a felhasználók számára az oszlopok hozzáadását és eltávolítását, valamint átrendezését. |
Jelölőnégyzetlista nézet Több elem kijelölésének engedélyezése a felhasználóknak. |
A többszörös kijelölésű listanézetek megjelenése pontosan megegyezik az egykijelöléses listanézetekkel, ezért nincs vizuális jel arra, hogy több kijelölést támogatnának. A jelölőnégyzetek listanézete egyértelműen jelzi, hogy több kijelölés is lehetséges. Következésképpen ezt a mintát olyan feladatokhoz kell használni, amelyeknél a többszörös kijelölés nélkülözhetetlen vagy gyakran használatos.![]() Ebben a példában a Kis ikon nézet jelölőnégyzeteket használ, mert a feladathoz több kijelölés is elengedhetetlen. |
Csoportok listázása Az adatok csoportosítása csoportokba. |
Bár a Részletek nézetek gyakran támogatják az adatok bármelyik oszlop szerinti rendezését, a listanézetek lehetővé teszik a felhasználók számára az elemek csoportokba rendezését. A csoportosítás néhány előnye:
![]() Ebben a példában a Windows üdvözlőközpont listanézetben jeleníti meg a csoportosított elemeket. |
Iránymutatások
Bemutató
Listaelemek rendezése logikai sorrendben. A neveket betűrendbe, számokat numerikus sorrendbe, a dátumokat pedig időrendi sorrendbe rendezheti.
Ha szükséges, a felhasználók módosíthatják a rendezési sorrendet. A felhasználói rendezés akkor fontos, ha a lista sok elemet tartalmaz, vagy ha vannak olyan esetek, amikor az elemek az alapértelmezetten kívüli rendezési sorrend alapján hatékonyabbak.
Használja az Always Show Selection attribútumot, hogy a felhasználók könnyen megállapíthassák a kijelölt elemet, még akkor is, ha a vezérlőelem nem rendelkezik fókuszsal.
Kerülje az üres listanézetek megjelenítését. Ha a felhasználók létrehoznak egy listát, inicializálják a listát olyan utasításokkal vagy példaelemekkel, amelyekre a felhasználóknak szükségük lehet.
Ebben a példában a Keresési lista nézet kezdetben utasításokat jelenít meg.
Ha a felhasználók módosíthatják a nézeteket, csoportosíthatják, rendezhetik az oszlopokat, illetve módosíthatják az oszlopok szélességét és sorrendjét, a beállításokat a listanézet következő megjelenésekor érvénybe léptethetik. A listákat felhasználónkénti nézetben kell megőrzendőnek tekinteni.
Kölcsönhatás
Egyetlen kattintással jelölje ki azt a listaelemet, amelyre a felhasználó mutat. Kivétel: A parancshivatkozások listájának mintájához kattintson egy kattintással kijelöli az elemet, és bezárja az ablakot, vagy a következő oldalra navigál.
Fontolja meg a dupla kattintásos működést. A dupla kattintásnak ugyanolyan hatással kell lennie, mint egy elem kiválasztására és az alapértelmezett parancs végrehajtására.
Dupla kattintásos viselkedés redundánssá tétele. Mindig legyen egy parancsgomb vagy egy helyi menüparancs, amelynek ugyanaz a hatása.
Ha egy listaelem további magyarázatot igényel, adja meg a magyarázatot egyinformációs tippben. Használjon teljes mondatokat, és fejezze be az írásjeleket.
Ebben a példában egy információs tippet használunk további információk megadásához.
Adja meg a megfelelő parancsok helyi menüjét. Ilyen parancsok például a Kivágás, a Másolás, a Beillesztés, az Eltávolítás vagy a Törlés, az Átnevezés és a Tulajdonságok.
Ha a felhasználók módosíthatják a rendezési sorrendet és a csoportosítást, adja meg a Rendezés szempontja és a Csoportosítás helyi menüt. Az első kattintás egy oszlop nevére rendezi vagy csoportosítja a listát az adott oszlop növekvő sorrendjében, a második kattintás csökkenő sorrendben rendezi vagy csoportosítja a listát. Másodlagos kulcsként használja az előző sorrendet (egy másik oszlopból).
Ebben a példában a Rendezés helyi menü módosítja a rendezési sorrendet. Ha egyszer a Név gombra kattint, növekvő sorrendbe rendezi a nevet. Ha ismét a Név gombra kattint, csökkenő sorrendben rendezi a nevet.
A listanézet oszlopfejlécének akadálymentesítése a billentyűzettel.
- Fejlesztők: Ezt úgy teheti meg, hogy a fókuszt az oszlopfejléc-vezérlőre állítja. Ez a funkció a Windows Vista új szolgáltatása.
Listanézet letiltásakor tiltsa le a társított címkéket és parancsgombokat is.
Kerülje a vízszintes görgetést. A Lista mód vízszintes görgetést használ. Ez a mód általában a legkompaktabb, de a vízszintes görgetés általában nehezebb, mint a függőleges görgetés. Érdemes inkább a Kis ikon nézetet használni, ha a tömörítés nem fontos. A Lista mód azonban akkor jó választás, ha sok betűrendbe rendezett elem van, és elegendő képernyőterület áll rendelkezésre a széles körű vezérléshez.
elfogadható :
Ebben a példában a Lista módot használja a rendszer, mert sok elem és rengeteg rendelkezésre álló képernyőterület áll rendelkezésre a széles vezérlőelemhez.
Többszörös kijelölési listák
Fontolja meg a kijelölt elemek számának megjelenítését a listaalatt, különösen akkor, ha a felhasználók valószínűleg több elemet választanak ki. Ez az információ nem csak hasznos visszajelzést ad, hanem egyértelműen jelzi, hogy a listanézet több kijelölést is támogat.
Ebben a példában a kijelölt elemek száma jelenik meg a lista alatt.
Másik lehetőségként a kijelölt elemek száma helyett más, értelmezhetőbb kiválasztási metrikákat is megadhat, például a kijelöléshez szükséges erőforrásokat.
megjelenítő párbeszédpanel képernyőképe
Ebben a példában az összetevők telepítéséhez szükséges lemezterület nagyobb jelentőséggel bír, mint a kiválasztott összetevők száma.
A jelölőnégyzetlistanézetek esetében, ha valószínűleg sok elem van, és az összes kijelölése vagy törlése valószínű, adja hozzá az Összes kijelölése és az Összes törlése parancsgombot.
Vegyes állapotú jelölőnégyzetek használatával jelezheti a tároló elemeinek részleges kijelölését. A vegyes állapot nem használható harmadik állapotként egy adott elemhez.
Nézetek módosítása
Ha a felhasználók módosíthatják a nézeteket:
Alapértelmezés szerint válassza ki a legkényelmesebb nézetet. A felhasználók által végzett módosításokat felhasználónként, listanézetenként kell állandóvá tenni.
A nézet módosítása felosztógombbal, menügombbal vagy legördülő listával. Ha praktikus, használjon felosztó gombot az eszköztáron, és módosítsa a gombcímkét az aktuális nézetnek megfelelően.
Ebben a példában az eszköztár egy felosztott gombja segítségével módosíthatja a nézeteket.
Nézet helyi menüjének megadása.
Ebben a példában a Nézet helyi menüvel módosíthatja a nézeteket.
Részletek nézetei
Fontolja meg a csempék nézet használatát az olvashatóság javítása érdekében.
elfogadható :
Ebben a példában túl sok adat van, és az ablak, a lista és az oszlopok túl kicsik, így a listaelemek nehezen olvashatók.
jobb:
Ebben a példában a Csempe nézet csonkolás nélkül jeleníti meg az adatokat.
Válassza ki a leghosszabb adatoknak megfelelő alapértelmezett oszlopszélességeket. A listanézetek automatikusan három ponttal csonkítják a hosszú adatokat, így az oszlopszélesség megfelelő, ha alapértelmezés szerint néhány három pont jelenik meg. Bár a felhasználók átméretezhetik az oszlopokat, más megoldásokat is előnyben részesíthetnek:
- Az egyes oszlopok szélességének méretezése az adatoknak megfelelően.
- Méretítse a vezérlő szélességét úgy, hogy illeszkedjen az oszlopaihoz és a valószínűleg görgetősávokhoz.
- Szükség esetén használjon vízszintes görgetést.
- Csonkolt adatokat csak páratlan méretű elemekhez vagy végső megoldásként használhat.
Ha a normál méretű adatokat alapértelmezés szerint csonkolja, az ablak- és listanézet átméretezhető legyen. Adjon meg további 30 százalékot (rövidebb szöveg esetén akár 200 százalékot is) a honosított szövegekhez (de számokhoz nem).
helytelen:
Ebben a példában a legtöbb adat csonkolt. A számos három pont egyértelműen azt jelzi, hogy a vezérlő és az oszlopszélesség túl kicsi az adatokhoz.
helytelen:
Ebben a példában az adatok ok nélkül csonkulnak.
Válasszon egy megfelelő alapértelmezett oszlopsorrendet. Az oszlopokat általában a következőképpen rendezheti:
- Először is, az elem neve vagy az adatok azonosítása.
- Ezután a listaelemek megkülönböztetése során hasznos egyéb adatok.
- Ezután a leg hasznosabb (lehetőleg rövid vagy rögzített hosszúságú) adatok.
- Ezután kevésbé hasznos (lehetőleg rövid vagy rögzített hosszúságú) adatok.
- Utolsó, hosszú, változó hosszúságú adatok.
A hosszú, változó hosszúságú adatok az utolsó oszlopokba kerülnek, hogy csökkentse a vízszintes görgetés szükségességét. Ezekben a kategóriákban helyezze a kapcsolódó információkat egy logikai sorrendbe.
Szükség esetén lehetővé teszi a felhasználók számára az oszlopok hozzáadását és eltávolítását, valamint a sorrend módosítását. Alapértelmezés szerint a legkedvesebb oszlopok megjelenítése. Ez a Fejléc húzása attribútummal érhető el.
Válassza ki az adatoknak megfelelő igazítást. Használja a következő szabályokat:
- Jobbra igazítsa a számokat, pénznemeket és időpontokat.
- Balra igazítsa a szöveget, az azonosítókat (akkor is, ha numerikus) és dátumokat.
Rendezhető oszlopfejlécek esetén a címsorra való első kattintás növekvő sorrendbe rendezi a listát az oszlophoz, a második kattintás csökkenő sorrendben rendezi a listát. Másodlagos rendezési kulcsként használja az előző rendezési sorrendet (egy másik oszlopból).
Ebben a példában először a Név oszlopra, majd a Típus oszlopra kattintott. Ennek eredményeképpen a típus növekvő sorrendben az elsődleges rendezési kulcs, a növekvő sorrendben pedig a másodlagos név.
Használja a Teljes sor kijelölése attribútumot, hogy a felhasználók könnyen meghatározhassák a kijelölt elemeket az összes oszlopban.
Csak akkor használjon rendezhető oszlopfejlécet, ha az adatok rendezhetők.
Ne használjon oszlopfejlécet, ha csak egy oszlop van, és nincs szükség a rendezés megfordítására. Használjon helyette címkét az adatok azonosításához.
helytelen:
Helyes:
fölötti címkével ellátott listáról
A helyes példában oszlopfejléc helyett címkét használunk.
Ajánlott méretezés és térköz
Listanézetek javasolt méretezése és térköze.
- Válasszon ki egy listanézet magasságát, amely az elemek teljes számát jeleníti meg. Kerülje az elemek függőleges csonkolását.
- Válasszon egy listanézetméretet, amely kiküszöböli a szükségtelen függőleges és vízszintes görgetést az összes támogatott nézetben. A listanézetek 3 és 20 elem között jelennek meg. Fontolja meg, hogy a listanézet kissé nagyobb legyen, ha ezzel kiküszöböli a görgetősávot. A potenciálisan sok elemet tartalmazó listáknak legalább öt elemet kell megjeleníteniük, hogy megkönnyítsék a görgetést azáltal, hogy egyszerre több elemet jelenítenek meg, és megkönnyítik a görgetősáv elhelyezését.
- Ha a felhasználók számára előnyös a listanézet növelése, a listanézet és a szülőablak átméretezhetővé tétele. Így a felhasználók igény szerint módosíthatják a listanézet méretét. Az átméretezhető listanézeteknek azonban legfeljebb három elemnek kell megjelennie.
Címkék
Vezérlőfeliratok
Minden listanézethez címkékre van szükség. A címke írása szóként vagy kifejezésként, nem mondatként, kettősponttal végződik statikus szöveggel.
Rendeljen hozzá egy egyedi hozzáférési kulcsot minden címkéhez. Útmutatásért lásd: Billentyűzet.
Használjon mondatstílusú nagybetűs.
Helyezze a címkét a vezérlő fölé, és igazítsa a címkét a vezérlő bal széléhez.
Több kijelölési listanézet esetén írja be azt a címkét, amely egyértelműen jelzi, hogy több kijelölés is lehetséges. A jelölőnégyzet nézetcímkéi kevésbé explicitek lehetnek.
Helyes:
Ebben a példában a címke egyértelműen azt jelzi, hogy több kijelölés is lehetséges.
helytelen:
Ebben a példában a címke nem tartalmaz információt több kijelölésről.
elfogadható :
Ebben a példában a jelölőnégyzetek egyértelműen jelzik, hogy több kijelölés is lehetséges, így a címkének nem kell explicitnek lennie.
A címkék után zárójelben adhat meg egységeket (másodpercek, kapcsolatok stb.).
Címsorcímkék
- Tartsa rövidre a címsorcímkéket (három szó vagy kevesebb).
- Használjon egyetlen főnevet vagy főnevet záró írásjelek nélkül.
- Használjon mondatstílusú nagybetűs.
- A címsor igazítása ugyanúgy, mint az adatok.
Csoportfeliratok
- A magas szintű gyűjteményekhez használja a következő csoportfeliratokat:
- Nevek: Használjon név- vagy betűtartományokat.
- Méretek: Meghatározatlan, 0 KB, 0-10 KB, 10-100 KB, 100 KB - 1 MB, 1-16 MB, 16-128 MB
- Dátumok: Ma, Tegnap, Múlt héten, Az év elején, és régen.
- Ellenkező esetben a csoportfeliratok a csoportosított adatok pontos szövegét használják, beleértve a nagybetűsítést és az írásjeleket.
Adatszöveg
- Használjon mondatstílusú nagybetűs.
Utasítás szövege
- Ha oktatószöveget kell hozzáadnia egy listanézethez, vegye fel a címke fölé. Használjon teljes mondatokat írásjelekkel.
- Használjon mondatstílusú nagybetűs.
- A hasznos, de nem szükséges további információkat rövidre kell tartani. Helyezze ezeket az információkat zárójelbe a címke és a kettőspont között, vagy zárójel nélkül a vezérlőelem alatt.
Dokumentáció
Listanézetekre való hivatkozáskor:
- Használja a pontos feliratszöveget, beleértve a nagybetűket is, de ne tartalmazza a hozzáférési kulcs aláhúzásjelét vagy kettőspontját, és foglalja bele a szólistát. A listamezőkre ne hivatkozzon listamezőként, listanézetként vagy mezőként.
- A listaadatokhoz használja a pontos adatszöveget, beleértve a nagybetűsítést is.
- A listanézeteket listanézetként csak a programozási és egyéb műszaki dokumentációban tekintheti meg. Mindenhol máshol használja a listát.
- A felhasználói interakció leírásához használja az adatok kiválasztását, és kattintson a címsorokra.
- Ha lehetséges, formázza a címke- és listabeállításokat félkövér szöveggel. Ellenkező esetben a címkét és a beállításokat csak akkor tegye idézőjelek közé, ha szükséges a félreértések elkerülése érdekében.
Példa: A Programok és szolgáltatások listában válassza a Fájl- és nyomtatómegosztásilehetőséget.
Ha listanézetben a jelölőnégyzetekre hivatkozik:
- Használja a pontos feliratszöveget a nagybetűvel együtt, és adja meg a szó jelölőnégyzetét. Ne tartalmazza a hozzáférési kulcs aláhúzását.
- A felhasználói interakció leírásához használja a kijelölést és a törlést.
- Ha lehetséges, formázza a címkét félkövér szöveg használatával. Ellenkező esetben a címkét csak akkor tegye idézőjelek közé, ha az a félreértések elkerülése érdekében szükséges.
Példa: Jelölje be a Aláhúzás jelölőnégyzetet.