☰

목록과 그림을 하나의 그림으로 결합하는 방법은 무엇입니까?

tag-icon • tag-icon floats listings
목록과 그림을 하나의 그림으로 결합하는 방법은 무엇입니까?

나는 package 를 사용하고 있으며 a 와 a 를 단일 float로 listings결합하고 싶습니다 . 예를 들어 다음과 같이 사용하고 있습니다 .listingfigurelistings

\begin{lstlisting}[language=XML,float=h,label=lst:transition_selector_example, 
  basicstyle=\footnotesize\ttfamily,tabsize=2,
  caption={Example SCXML document used to illustrate transition selection optimization strategies}]
<scxml>
    <state id="A">
        <transition target="B" event="e1" id="transition1"/>
        <transition target="B" event="e2" id="transition2"/>
        <transition target="B" event="e2" id="transition3"/>
    </state>
    <state id="B">
        <transition target="A" event="e3" id="transition4"/>
    </state>
</scxml>
\end{lstlisting}

\includegraphics나중에 다음과 같이 가 포함된 그림이 생겼습니다 .

\begin{figure}[p]
\centering
\includegraphics[width=1.00\textwidth]{chapters/3/figures/firefox-transitionSelector}
\caption{Results of Transition Selection optimization strategy in Firefox}
\label{fig:firefox-transitionSelector}
\end{figure}

목록을 해당 그림의 일부로 만들어 그림의 참조 번호를 공유하고 페이지에 단일 결합 그래픽 엔터티로 배치하고 싶습니다.

이 작업을 수행하는 방법에 대해 누구든지 제공할 수 있는 지침을 주시면 감사하겠습니다.

답변1

listings그리고 \includegraphics각각은 본질적으로 어디에나 포함될 수 있습니다. 다음은 그것들을 하나씩 겹쳐서 배치하는 것인데, 그래픽이 옆으로 쏠릴 수 있는 너비의 미니페이지에 목록을 넣으면 나란히 레이아웃도 가능합니다.

\begin{figure}[p]
\centering
\includegraphics[width=1.00\textwidth]{chapters/3/figures/firefox-transitionSelector}

\begin{lstlisting}[language=XML,float=h,label=lst:transition_selector_example,basicstyle=\footnotesize\ttfamily,tabsize=2,caption={Example SCXML document used to illustrate transition selection optimization strategies}]
<scxml>
    <state id="A">
        <transition target="B" event="e1" id="transition1"/>
        <transition target="B" event="e2" id="transition2"/>
        <transition target="B" event="e2" id="transition3"/>
    </state>
    <state id="B">
        <transition target="A" event="e3" id="transition4"/>
    </state>
</scxml>
\end{lstlisting}

\caption{Results of Transition Selection optimization strategy in Firefox}
\label{fig:firefox-transitionSelector}
\end{figure}

답변2

David의 답변에 추가하려면("하위 캡션"을 원하는 경우):

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

\documentclass{article}

\usepackage{subcaption}
\usepackage{listings}
\usepackage[demo]{graphicx}

\begin{document}

\begin{figure}
    \begin{subfigure}[b]{\textwidth}
        \begin{lstlisting}[%
            language=XML,%
            label=lst:transition_selector_example,%
            basicstyle=\footnotesize\ttfamily,%
            tabsize=2
        ]
        <scxml>
            <state id="A">
                <transition target="B" event="e1" id="transition1"/>
                <transition target="B" event="e2" id="transition2"/>
                <transition target="B" event="e2" id="transition3"/>
            </state>
            <state id="B">
                <transition target="A" event="e3" id="transition4"/>
            </state>
        </scxml>
        \end{lstlisting}
        \subcaption{Example SCXML document used to illustrate\ldots}
    \end{subfigure}

    \vspace{2em}
    \begin{subfigure}[b]{\textwidth}
    \includegraphics[width=1.00\textwidth]{chapters/3/figures/firefox-transitionSelector}
    \subcaption{A screenshot (??)}
    \end{subfigure}
    \label{fig:firefox-transitionSelector}
    \caption{Results of Transition Selection optimization strategy in Firefox}
\end{figure}

\end{document}

관련 정보