Navrhovanie rozložení kresliaceho plátna pre rôzne veľkosti obrazovky

Optimalizáciou obsahu na vykreslenie v prehľadávači na obrazovke akejkoľvek veľkosti môžete rozloženie kresliaceho plátna navrhnúť tak, aby sa dokázalo prispôsobiť zariadeniam rôznych veľkostí.

Témy:

Navrhovanie rozložení kresliaceho plátna na zobrazenie na zariadeniach s rôznymi veľkosťami obrazovky

Rozloženia kresliaceho plátna môžete navrhnúť tak, aby vyhovovali rôznym veľkostiam zariadení, ktoré optimalizujú obsah v prehľadávači, napríklad na mobile, tablete alebo notebooku.

Optimalizácia rozložení kresliaceho plátna pre rôzne veľkosti obrazovky

Keď otvoríte zošit na zariadeniach s rôznymi veľkosťami, veľkosť kresliaceho plátna sa prispôsobí veľkosti obrazovky prehľadávača použitím jeho predvolených nastavení. Zmenšenie okna prehľadávača môže ovplyvniť možnosť zobraziť detaily vo vizualizáciách. Napríklad dáta v rozptylovom grafe, teplotná mapa alebo väčšina dát mier vo vizualizácii dlaždíc môžu byť ťažko čitateľné, v dôsledku čoho používatelia nebudú vidieť dôležité informácie.

Keď zmenšíte kresliace plátno v prehľadávači, vizualizácie sa môžu príliš zmenšiť a dáta sa nebudú správne zobrazovať.
Na tomto obrázku je zmenšené kresliace plátno zobrazené v prehľadávači, kde sú niektoré vizualizácie príliš malé na to, aby boli dáta dobre viditeľné.

Ako autor môžete navrhnúť body prerušenia kresliaceho plátna, vďaka ktorým sa pri zmenšení obrazovky kresliaceho plátna zmení vykreslenie vizualizácií tak, aby sa prispôsobili novej veľkosti obrazovky. Ak je napríklad dostupná veľkosť obrazovky príliš malá na zobrazenie celej vizualizácie, môžete zmeniť usporiadanie vizualizácie alebo ju skryť, aby lepšie fungovala na menšej obrazovke. Rôzne veľkosti a rozloženia kresliaceho plátna určíte pomocou bodov prerušenia kresliaceho plátna, pričom každý bod prerušenia predstavuje iné usporiadanie vizualizácií zobrazených pre každú veľkosť obrazovky.

Optimalizované kresliace plátno pre bod prerušenia menšej veľkosti obrazovky obsahuje vizualizácie, ktoré sú usporiadané tak, aby ich bolo na menšom zariadení lepšie vidieť.
Tento obrázok zobrazuje optimalizovanú vizualizáciu vytvorenú pomocou bodu prerušenia pre zariadenie s menšou veľkosťou obrazovky.

Na definovanie veľkostí obrazovky, keď používatelia zobrazujú kresliace plátna na zariadeniach s rôznou veľkosťou, sa používa jazdec. Spôsob zobrazenia vizualizácií môžete zmeniť napríklad zmenou ich umiestnenia, veľkosti alebo viditeľnosti na kresliacom plátne.

Keď na kresliace plátno pridáte bod prerušenia, veľkosť obrazovky bodu prerušenia určí, ako sa budú vizualizácie zobrazovať na obrazovke danej veľkosti. Ak chcete optimalizovať, ako sa vizualizácie zobrazujú používateľom, môžete zmeniť umiestnenie alebo veľkosť vizualizácií pre bod prerušenia kresliaceho plátna, prípadne ich odobrať. Pre každý bod prerušenia môžete určiť rôzne konfigurácie vizualizácie, pričom rozdiely pre každý bod prerušenia sa používateľovi zobrazia len vtedy, keď sa rozlíšenie veľkosti obrazovky prehľadávača zhoduje s veľkosťou obrazovky bodu prerušenia, pre ktorý boli zmeny vykonané.

Navrhovanie rozložení kresliaceho plátna na účely zobrazenia v rôznych zariadeniach

Môžete vytvoriť body prerušenia kresliaceho plátna, ktoré určujú, ako sa vizualizácie zobrazujú používateľom v zariadeniach s rôznymi veľkosťami obrazovky. Môžete napríklad nastaviť rôzne body prerušenia na optimalizáciu zobrazovania v prehľadávači mobilného zariadenia, na tablete alebo v prenosnom počítači.

Ikona tutoriálu Tutoriál

  1. Na domovskej stránke prejdite kurzorom na zošit, kliknite na ikonu Akcie a vyberte položku Otvoriť.
  2. Kliknutím na položku Upraviť zobrazte zošit na úpravu.
  3. Rozbaľte kresliace plátno na maximálnu veľkosť a v okne Vlastnosti kresliaceho plátna nakonfigurujte nastavenie Rozloženie na možnosť Prispôsobiť a potom kliknite na tlačidlo OK.
  4. V päte kliknite na položku Editor responzívneho kresliaceho plátna. Otvorí sa editor, v ktorom môžete definovať body prerušenia na zobrazovanie kresliaceho plátna v rôznych zariadeniach.
    Editor responzívneho kresliaceho plátna

  5. Nastavte bod prerušenia kresliaceho plátna:
    • Pridajte bod prerušenia na aktuálnu pozíciu jazdca - kliknite na jazdec a potiahnite ho na hodnotu v pixeloch pre veľkosť obrazovky, ktorú chcete používať pre tento bod prerušenia.
      Potiahnite jazdec na požadovanú šírku zobrazenú v pixeloch.

      Potom kliknite na ikonu Pridať bod prerušenia Kliknite na ikonu Pridať bod prerušenia a pridajte bod prerušenia na miesto, v ktorom sa nachádza jazdec a pridajte bod prerušenia na aktuálne miesto jazdca.
    • Manuálne zadajte hodnotu pre bod prerušenia - otvorte ponuku editora responzívneho kresliaceho plátna, kliknite na položku Pridať bod prerušenia a zadajte číslo do poľa Pozícia podľa toho, kam chcete umiestniť tento bod prerušenia.
      Manuálne zadajte pozíciu na pridanie bodu prerušenia

  6. Zopakujte predchádzajúci krok, ak chcete definovať ďalšie body prerušenia kresliaceho plátna.
  7. Zahrňte alebo vylúčte vizualizácie pre jednotlivé body prerušenia kresliaceho plátna:
    • Pravým tlačidlom kliknite na bod prerušenia kresliaceho plátna, ktorý chcete spravovať (Bod prerušenia kresliaceho plátna a jeho značka), a kliknite na položku Spravovať bod prerušenia.
      V dialógovom okne Spravovať bod prerušenia zahrňte vizualizácie do tohto bodu prerušenia alebo ich z neho vylúčte.

    • Kliknite na vizualizáciu v zozname, ktorú chcete vylúčiť z kresliaceho plátna pre tento bod prerušenia kresliaceho plátna alebo ju naň zahrnúť, a potom kliknite na tlačidlo OK.
      Pomocou dialógového okna Spravovať bod prerušenia vylúčte vizualizácie a filtre panela z kresliaceho plátna pre tento bod prerušenia alebo naň vizualizácie a filtre panela zahrňte.

  8. Voliteľný: Vytvorte vizualizáciu a pridajte ju k bodu prerušenia tak, že vyberiete dáta z podokna Dáta a pridáte ich na kresliace plátno.
    Nová vizualizácia sa pridá len k aktuálnemu bodu prerušenia, no vizualizáciu môžete pridať k iným bodom prerušenia na kresliacom plátne tak, že vyberiete vizualizácie zo zoznamu v dialógovom okne Spravovať bod prerušenia pre príslušný bod prerušenia.
  9. Voliteľný: Optimalizujte zobrazovanie vizualizácií pre bod prerušenia kresliaceho plátna.
    Môžete optimalizovať obsah na zobrazovanie v menšom zariadení, napríklad v mobilnom telefóne.
    • Zmeňte usporiadanie vizualizácií - kliknite na vizualizácie a presuňte ich na novú pozíciu.
    • Optimalizujte vizualizácie - pomocou podokna Vlastnosti môžete skryť nepotrebný obsah, napríklad názov alebo legendu.
    Keď optimalizujete vizualizácie pre niektorý bod prerušenia, tieto zmeny sa nepoužijú pre iné body prerušenia na kresliacom plátne.
  10. Kliknite na tlačidlo Uložiť.