☰

이미지의 일부로 컨트롤에 애니메이션 적용

tag-icon • tag-icon animate
이미지의 일부로 컨트롤에 애니메이션 적용

이것은 "있으면 좋은" 질문입니다.

저는 animate일련의 소프트웨어 대화 상자 스크린샷을 표시하기 위해 패키지를 사용하고 있습니다. 시리즈를 진행하면서 유용하지만 보기 흉해 보이는 제어판을 추가했습니다. (예, 다양한 fg/bg 색상을 시도해 보았지만 상황이 나아지지 않았습니다.) 스크린샷은 일반적인 <BACK/NEXT>대화 상자입니다.

NEXT>스크린샷의 버튼 영역 과 FORWARD/BACKWARD 애니메이션 명령을 얻을 수 있습니까 <BACK? 실제 소프트웨어와 유사하게 독자는 스크린샷에서 'NEXT'를 클릭하여 다음 사진을 얻고 'NEXT'를 클릭해야 합니다. BACK'은 이전 스크린샷을 보여주나요?

이해하기 쉽게 표현할 수 있었으면 좋겠습니다 ...

답변1

이는 JavaScript API animate및 \mediabutton의 명령을 사용하는 좋은 예입니다 media9.

Caramdir 사용자는 훌륭합니다.이미지패키지는 버튼을 애니메이션에 배치하는 데 사용됩니다. 다만, onimage.sty를 사용하지 않으려면 패치를 해야 합니다 \includegraphics.

아래 코드를 컴파일하려면 패키지의 예제 이미지 파일을 mwe현재 디렉터리에 다음과 같이 복사하세요.

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

에 번호가 매겨진 이미지가 필요하기 때문입니다 \animategraphics.

여기에 이미지 설명을 입력하세요

\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}

관련 정보