☰

Steuerelemente als Teil des Bildes animieren

tag-icon • tag-icon animate
Steuerelemente als Teil des Bildes animieren

Dies ist wohl eine "Nice-to-have"-Frage:

Ich verwende das animatePaket, um eine Reihe von Screenshots von Softwaredialogen anzuzeigen. Beim Durcharbeiten der Serie habe ich dieses nützliche, aber hässlich aussehende Bedienfeld hinzugefügt (ja, ich habe verschiedene Vorder- und Hintergrundfarben ausprobiert ... es hat die Sache nicht besser gemacht). Die Screenshots zeigen diese üblichen <BACK/NEXT>Dialoge.

NEXT>Ist es möglich, in diesen Bereichen und Schaltflächen in den Screenshots die Animationsbefehle VORWÄRTS/ZURÜCK zu platzieren <BACK, so dass der Leser – ähnlich wie bei der echten Software – im Screenshot auf „WEITER“ klicken muss, um zum nächsten Bild zu gelangen und ein Klick auf „ZURÜCK“ den vorherigen Screenshot anzeigt?

Hoffe, ich konnte es verständlich ausdrücken...

Antwort1

Dies ist ein schönes Beispiel für die Verwendung der JavaScript-API animateund des \mediabuttonBefehls media9.

Benutzer Caramdir ist ausgezeichnetauf BildDas Paket wird verwendet, um die Schaltflächen in der Animation zu platzieren. Wir müssen jedoch patchen, onimage.styum es nicht zu verwenden \includegraphics.

Damit der folgende Code kompiliert werden kann, kopieren Sie die Beispielbilddateien aus dem Paket mwein das aktuelle Verzeichnis als

cp $TEXMF/tex/latex/mwe/beispielbild-a.png ./beispielbild-1.png
cp $TEXMF/tex/latex/mwe/beispielbild-b.png ./beispielbild-2.png
cp $TEXMF/tex/latex/mwe/beispielbild-c.png ./beispielbild-3.png

da wir nummerierte Bilder für benötigen \animategraphics.

Bildbeschreibung hier eingeben

\documentclass{beamer}

\usepackage{animate}
\usepackage{media9} % buttons via \mediabutton

%get it from http://bazaar.launchpad.net/~tex-sx/tex-sx/development/view/head:/onimage.dtx
\usepackage{onimage}

%patch onimage.sty not to use \includegraphics
\makeatletter
\def\tikzonimage@opt[#1]#2{%
    \begin{tikzpicture}
        %\node[inner sep=0] (image) {\includegraphics[#1]{#2}};
        \node[inner sep=0] (image) {#2};
        \begin{tikzonnode}{image}%
}
\makeatother

\begin{document}
\begin{frame}

  \begin{tikzonimage}{%
    \animategraphics[method=ocg,label=myGUI,step,nomouse,width=0.8\linewidth]{1}{example-image-}{1}{3}
  }[tsx/show help lines]
    \node at (0.8 , 0.8) [anchor=south east, inner sep=0pt, outer sep=0pt] {
      \mediabutton[
        jsaction={try{anim.myGUI.frameNum--}catch(e){}}
      ]{\fbox{\small\strut back}}};
    \node at (0.8 , 0.8) [anchor=south west, inner sep=0pt, outer sep=0pt] {
      \mediabutton[
        jsaction={try{anim.myGUI.frameNum++}catch(e){}}
      ]{\fbox{\small\strut next}}};
  \end{tikzonimage}  

\end{frame}
\end{document}

verwandte Informationen