Ebben a cikkben a következőket fogja megtudni:
- Hogyan nyomtathatja ki az összes adatot egy alkalmazás befejezésekor
- Hogyan tervezzen meg egy lépést, amely megfelelő formátumú a nyomtatáshoz
- Hogyan lehet egy lépésben egyedi widgeteket nyomtatni
Ahogy vállalata megkezdi a papír alapú folyamatok automatizálását és az űrlapok digitalizálását a gyártóterületen, előfordulhat, hogy továbbra is ki kell nyomtatnia a különböző műveletek eredményeit az adatok megfelelő megosztása érdekében.
Alkalmazáslépések nyomtatása
Ha valós időben szeretne adatokat nyomtatni egy Tulip-alkalmazásból (vagy helyi PDF-fájlba menteni), négy dolgot kell tennie:
- Konfiguráljon egy lépést (vagy több lépést) a kívánt nyomtatási méretnek megfelelően.
- Tervezzen meg egy lépést, amely kinyomtatáskor rendezett és érthető lesz.
- Adjon hozzá egy „Nyomtatás” indítóval rendelkező gombot.
- Testreszabja a nyomtatási beállításokat úgy, hogy a lépés mérete a lehető legnagyobb mértékben kitöltse az oldalt.
A „Lépések nyomtatása” kiváltó művelettel egyszerre nyomtathat egyetlen lépést vagy egy teljes lépéscsoportot. Minden lépés külön oldalra kerül.
A lépés felbontásának beállítása
Kezdetnek sok felhasználó inkább létrehoz egy „Jelentések” nevű lépéscsoportot, és ahhoz adja hozzá az összes lépést, amelyet egyszerre szeretne kinyomtatni.
Így néz ki:

Ezután fontos, hogy a csoportban lévő lépéseket megfelelően konfigurálja, hogy a kívánt felbontásban nyomtathatók legyenek. Az alkalmazásban lépjen a Kontextuspanelen a „Lépés” fülre, és válassza a „Lépés felbontása” lehetőséget.

Az oldalsávban válassza ki a kívánt felbontást a kívánt papírméretnek megfelelően.

PDF-fájlok esetében gyakran a „letter portrait” (álló formátumú letter) a legalkalmasabb. A papírmérethez való igazítás biztosítja, hogy az alkalmazás nézete teljes oldalként legyen kinyomtatva.
Lépés tervezése
Lehet, hogy az alkalmazásában sok egyszínű elemet tartalmazó alapelrendezést használ. Bár ez jól működik az információk közvetítéséhez a kezelő számára, valószínűleg nem szeretné pazarolni a nyomtató tintáját színes lépésekre.
Ehelyett célszerű eltávolítani az összes alapelrendezés-elemet a jelentés lépéseiből, és inkább a szövegre koncentrálni.
Íme egy példa egy nyomtatásra optimalizált lépésre:

Ez a lépés 7 adatot tartalmaz az alkalmazásból, valamint 5 teszt eredményt. A bal felső sarokban és a jobb alsó sarokban található Nyomtatás és Menü gombok fehér háttérrel rendelkeznek, így nem igényelnek színes tintát.
A Tulip következő funkcióit használja:
- Rács widget az egyszerű vizuális elrendezés létrehozásához
- Változó szöveg a különböző változók értékeinek beágyazásához a lépésbe
- Egyéni színűgomb
Nyomtatás gomb hozzáadása
A nyomtatás gombhoz egy Trigger Action szükséges. Gyakran kombinálják az alkalmazás befejezésével, de ez nem történhet meg ugyanazon a Triggeren belül. Külön gombot kell létrehoznia az alkalmazás befejezésének kiváltásához.
Íme tehát egy példa egy olyan triggerre, amely lehetővé teszi a kezelő számára, hogy kinyomtasson egy lépést, majd a „Jelentések” lépéscsoport utáni lépésre lépjen, ahol befejezheti az alkalmazást:

- „Lépések nyomtatása” „Jelentések”
- „Ugrás a lépésre” „Következő”
A „Nyomtatás” gombot egy normál lépésre is elhelyezheti, és ezzel kinyomtathat egy egész lépéscsoportot anélkül, hogy azokat megmutatná a kezelőnek.
Ez megnyitja a számítógép alapértelmezett nyomtatási beállításait.
Nyomtatási beállítások testreszabása
Nyomtatási párbeszédablak
A kezelők különböző méretű képernyőkön használják a Tulip Playert. Ezért minden olyan számítógépen, amelyen a Tulip Player fut, és amelyen lépéseket kell kinyomtatni vagy elmenteni, el kell végeznie a következőket:
- Állítsa be az oldalelrendezést úgy, hogy az megfeleljen a kinyomtatandó lépések felbontásának. Például: Letter Portrait.
- Mentse el ezeket a beállításokat helyileg „előre beállítottként”, hogy a kezelők a jövőben könnyen kiválaszthassák őket:

Annak ellenőrzéséhez, hogy az alkalmazás megfelelően nyomtat-e, használja a nyomtatási párbeszédablakban található „Előnézet” opciót, hogy a nyomtatás előtt megnézhesse, hogyan fog kinézni az alkalmazás.

mezők kitöltése egy PDF-ben
Kinyomtathat egy „kitöltött” PDF-fájlt is úgy, hogy beágyazza a PDF-et egy lépésbe, majd a megfelelő helyekre változó szövegű widgeteket helyez el a PDF tetejére. A lépés úgy fog kinyomtatódni, ahogyan a Tulip Playerben megjelenik.
Így kell ezt megtenni:
- Ágyazzon be egy PDF-fájlt egy olyan lépésbe, amelynek mérete megfelel a kívánt felbontásnak.
- Helyezzen el változó szöveg widgeteket a PDF megfelelő mezői fölé. Ezek dinamikusan kitöltődnek, amikor az alkalmazást a Playerben használják.
- Ha a PDF több oldalas, adjon hozzá egy új lépést a Tulipban a PDF minden oldalához, és ismételje meg a fenti eljárást.
Az alkalmazás adatainak helyi mentése PDF-ben
A nyomtatási párbeszédablak a legjobb módszer az alkalmazás adatainak PDF-formátumban történő mentésére a helyi számítógépre. Ahelyett, hogy a rendszer párbeszédablakában a „Nyomtatás” gombra kattintana, válassza a „Mentés PDF-ként” lehetőséget a lépés és az élő adatok helyi fájlba történő mentéséhez.

Műszaki megjegyzések
Szabályok arra vonatkozóan, hogy az alkalmazás mely tartalmai nem működnek megfelelően nyomtatáskor.
- A „Változó” szövegwidgetben található „Aktuális lépés” hivatkozások csak azon a lépésen működnek, amely a „Nyomtatás” gomb megnyomásakor nyitva van.
- A „Lépés belépésekor” kiváltók nem aktiválódnak a kinyomtatott lépéseknél, ezért a „Nyomtatás” gomb megnyomása előtt győződjön meg arról, hogy a megfelelő adatok már hozzáadódtak.
- Gépattribútum-widget: Ezek ritkán működnek megfelelően. Ha a jelentés az utolsó ismert kimenetet kívánja rögzíteni, célszerűbb egy olyan gépkimeneti eseményindítót beállítani, amely a kimenetet egy helyi változóba tárolja, majd azt egy egyéni widget segítségével jeleníti meg.
- Videók: A YouTube-videók esetében a banner kép nem töltődik be.
Egyéni widgetek nyomtatása
Amikor egy Player lépést nyomtat ki, minden egyéni widget a jelenlegi tartalmának statikus pillanatfelvételeként kerül bele. Pillanatfelvétel készítésekor a widgetek megbízhatóan kinyomtatódnak, még akkor is, ha a böngésző nem tudja közvetlenül kinyomtatni a beágyazott keretüket.
A widget pillanatképének viselkedése
- A pillanatkép a nyomtatás megkezdésének pillanatában a widget állapotát tükrözi, beleértve a szöveget, az elrendezést, a színeket, az űrlapértékeket, a képeket és a képernyőn megjelenő szabványos kétdimenziós vászon tartalmát.
- Ha ugyanazt az egyéni widgetet többször is elhelyezik egy lépésben, minden widget-elhelyezés a saját pillanatfelvételét nyomtatja ki.
- A kinyomtatott pillanatkép statikus: a widget JavaScriptje a nyomtatás során nem fut le újra. A
beforeprintkezelőtől vagy más nyomtatási idejű JavaScript-től függő változások nem jelennek meg. A nyomtatás megkezdése előtt a widgeten végzett módosítások megmaradnak. - A nyomtatási nézet statikus jellegének megőrzése érdekében a pillanatkép megtisztításra kerül. Az inline szkriptek, az inline eseménykezelő attribútumok (például
onclick,onerrorésonload) ésa javascript: URL-ek eltávolításra kerülnek. Ez nem érinti a szokásos szöveget, az elrendezést, a stílusokat, a képeket vagy az űrlapértékeket. - A widget saját stíluslapjait rögzítik és újraalkalmazzák, így a stílus megmarad. A közvetlen CSS, beleértve
az @media printszabályokat is, hatással van a kinyomtatott pillanatképre, ezért a nyomtatásban látható megjelenési változtatásokhoz használjon CSS-t.
A kinyomtatott widget elkülönítve kerül megjelenítésre: ugyanúgy, mint a képernyőn, nem befolyásolja a kinyomtatott oldal többi részének stílusát, és nem örökli azt sem. A nyomtatási nézet szintén tiszta stílusalapvonalról indul, így ha a widgetje meghatározott betűtípusoktól vagy színektől függ, azokat kifejezetten állítsa be a widget saját CSS-jében, ahelyett, hogy az alapértelmezett értékekre támaszkodna.
Mire számíthat
A nyomtatás célja, hogy a lehető legjobban visszaadja a widget által megjelenített tartalmat.
A legjobban előre jelezhető eredmény érdekében:* Tartsa a nyomtatáshoz szükséges tartalmat a widget fő dokumentumában* Használjon közvetlen CSS-t a nyomtatási stílushoz* Győződjön meg arról, hogy a fontos képek és adatok láthatók a nyomtatás megkezdése előtt* Gondoskodjon arról, hogy a nyomtatáshoz szükséges információk ne függjenek a nyomtatás idejétől* JavaScript, beágyazott eseménykezelők, videó- vagy WebGL-képkockák, beágyazott weboldalak vagy külső forrásból importált stílusok.
Korlátozások
A kinyomtatott egyéni widget nem tökéletes másolat, és a külső forrásoktól vagy böngészőspecifikus megjelenítéstől függő tartalom eltérhet.
- Csak a widget fő dokumentumában található tartalom kerül rögzítésre: azok a widgetek, amelyek látható felhasználói felületüket Web Components, egyéni elemek vagy shadow DOM (például Lit) segítségével jelenítik meg, nem kerülnek rögzítésre, és üresen nyomtatódnak ki, még akkor is, ha a képernyőn helyesen jelennek meg. A gyakori könyvtárakkal (pl. Chart.js, D3 és jQuery) létrehozott widgetek a fő dokumentumba jelennek meg, és ez nem érinti őket. A beágyazott iframe-ek szintén nem kerülnek rögzítésre.
- A közvetlenül olvasható CSS, beleértve
az @media printszabályokat is, megmarad. A külső stíluslapok ésaCSS@import szabályokbetöltése a lehető legjobb erőfeszítéssel történik, de előfordulhat, hogy nem töltődnek be. - A widget pillanatfelvételét a Player nyomtatási oldala tölti be, és annak meg kell felelnie a biztonsági irányelveknek:
- Ezért a widget saját keretén belül betöltődő erőforrások (pl. kép, betűtípus, stílus, háttérkép vagy médiafájl) nyomtatáskor blokkolódhatnak.
- A widget keretéhez kötött hitelesítés, a vegyes tartalomra vonatkozó szabályok, a lejáró URL-ek és a relatív URL-ek szintén megakadályozhatják egy erőforrás betöltését.
- A lassú külső erőforrások hiányozhatnak: a nyomtatás rövid ideig vár az erőforrásokra, de nem garantálja, hogy minden erőforrás betöltése befejeződött.
- A kétdimenziós vásznak akkor nyomtatódnak ki, ha pixeljeik rögzíthetők: a kereszt-eredetű (szennyezett) vásznak üresek lehetnek, a WebGL-vásznak pedig általában nem rögzíthetők.
- A videó aktuális képkockája nem kerül rögzítésre: a videó, az audio, a beágyazott weboldalak, az animációk, a szövegkijelölés, a fókusz, az egérmutatóval való érintés állapota és a görgetési pozíció megjelenése nem garantált.
- Ha az aktuális pillanatkép nem rögzíthető, a widget az aktuális állapot helyett a kezdetben konfigurált HTML- és CSS-kódját használja a kinyomtatáshoz.
Az alábbi táblázat összefoglalja a kinyomtatott widgetek gyakori eltéréseit és azok valószínűsíthető okait:
| A widget kinyomtatott eredménye | Valószínű ok |
|---|---|
| Hiányzik egy külső stílus vagy betűtípus | Lehet, hogy az erőforrást a lejátszó biztonsági szabályzata blokkolja, a nyomtatási oldalról nem érhető el, vagy a nyomtatás megkezdésekor még betöltődött. |
| Hiányoznak a nyomtatásra vonatkozó JavaScript-módosítások | A JavaScript nem fut a statikus nyomtatási nézetben. A megjelenés módosításához inkább a közvetlen nyomtatási CSS-t használja. |
| Hiányzik az inline kezelőhöz kötött viselkedés | A beágyazott szkriptek és eseménykezelők (pl. egy onerror kép-tartalék) eltávolításra kerülnek a statikus nyomtatási nézetből. Helyette használjon közvetlen nyomtatási CSS-t. |
| Hiányzik egy kép | Lehet, hogy az URL hitelesítést igényel, amely csak a widgeten belül érhető el, lehet, hogy lejárt, blokkolva van, vagy még nem fejeződött be a betöltése. |
| A vászon üres | A kétdimenziós vásznak csak akkor nyomtathatók ki, ha pixeljeik biztonságosan rögzíthetők; a különböző eredetű vászonok tartalma nem rögzíthető, a WebGL-vásznak pedig általában nem rögzíthetők. |
| A videó, a WebGL vagy a beágyazott weboldal tartalma üres | Ezeknek a dinamikus vagy beágyazott felületeknek a rögzítése nem garantált. |
| Egy Web Component / shadow-DOM widget üresen jelenik meg | Csak a widget fő dokumentumában található tartalom kerül rögzítésre. A Web Components-szel, egyéni elemekkel vagy shadow DOM-mal (pl. Lit) létrehozott widgetek nem kerülnek rögzítésre. A gyakori könyvtárak (Chart.js, D3, jQuery) a fő dokumentumba renderelnek, és ez nem érinti őket. |
| A kinyomtatott widget úgy néz ki, mint a kezdeti állapotában | Nem sikerült rögzíteni egy aktuális pillanatképet, ezért a kinyomtatott widget a kezdeti beállítások szerinti HTML-t és CSS-t használta. |
További információk
{{snippet.Megtalálta, amit keresett?}}

