Vytvořte šablonu Hype pro autora iBooků

V předchozím Hype pro autora iBooks^R tutoriál, postavili jsme galerii obrázků s interaktivními tlačítky a animovanými přechody. Projekt dopadl tak dobře, že jsem se rozhodl vytvořit několik dalších pro projekt Uživatelská příručka šablony dětské příběhové šablony. Prvním krokem bylo samozřejmě vytvoření šablony Hype. V těchto tutoriálech převedeme předchozí projekt widgetu galerie na šablonu Hype.

Specifikace

Pokud jste postupovali podle předchozího návodu, víte, že každý obrázek v galerii má v Hype vlastní scénu. Projekt byl malou galerií s 8 obrázky. Přidáme dvě scény pro větší galerii a pro každou scénu vytvoříme zástupný obrázek. Můžeme použít obecnou zástupnou grafiku a, abychom uživateli řekli velikost obrázku, dejte na obrázek nějaký text uvádějící rozměry v pixelech 2048 x 1536. Musíme také nahradit text v každé scéně v původním projekt s zástupným textem.

Tech

Hype má v Inspektoru prvků pěknou funkci pro výměnu obrázků na obrazovce. Naše šablona bude mít pouze jeden zástupný obrázek a uživatel může pomocí této funkce snadno nahradit zástupný obrázek svými vlastními obrázky.

Pro zástupný text můžeme použít něco, co uživateli řekne, jakou scénu upravují, například „Scéna X - zde váš text“.

Proces

Protože jsme již vytvořili náš widget galerie pro náš autorský projekt iBooks, můžeme jej otevřít do Hype, provést jeho úpravy a uložit jako šablonu Hype.

Otevřete svůj projekt galerie do Hype. Jak vidíte, náš projekt má 8 scén s obrázkem obrazovky ve spodní vrstvě, textem názvu obrazovky a dvěma tlačítky na každé scéně. Pokud si přejete změnit grafiku tlačítek, nyní je ten správný čas. Jakmile provedete úpravy šablony, uložte ji jako soubor šablony, abychom v původním projektu neprováděli žádné změny.

1. Klikněte na Soubor - Uložit šablonu a uložte soubor ve formátu .hypetemplate.
   
   Naše šablona bude mít 10 scén, takže musíme přidat dvě. Protože scény 2 až 7 mají tlačítka, která přesunou galerii na výchozí předchozí a následující scény, můžeme kteroukoli z nich duplikovat.
   
   
2. Přejmenujte scénu 8 na scénu 10. Poklepejte na název scény pod miniaturou a přejmenujte scénu.
   
   Nyní můžeme scénu duplikovat dvakrát, abychom získali celkem 10 scén.
   
   
3. Klepněte pravým tlačítkem myši na scénu 7 a v rozbalovací nabídce vyberte možnost Duplikovat scénu.
   
   
4. Poklepejte na název a přejmenujte duplicitní scénu na „Scéna 8“.
   
   Opakujte pro vytvoření scény 9. Nyní můžeme do našich scén přidat naši zástupnou grafiku.
   
   
5. Na scéně 1 vyberte grafiku na pozadí. V inspektoru prvků kliknutím na tlačítko Vybrat otevřete okno Finder a vyberte svůj zástupný obrázek. Hype nahradí stávající grafiku novým zástupným symbolem.
   
   Opakujte předchozí krok pro všech deset scén. Nyní jsme připraveni nastavit zástupný text.
   
   
6. Na scéně 1 poklepejte na text v dolní části zástupného symbolu a napište „Scéna 1 - zde váš text“. Toto opakujte pro každou scénu.
   
   

Nyní máme nastavené zástupné symboly, abychom mohli projekt uložit.

Film Theory: All Your Memes Are DEAD! (Article 13) (Leden 2021)