Help us understand the problem. What is going on with this article?

Beamer 2-column スライドで片方に画像を表示

More than 3 years have passed since last update.

この記事の内容はかなり古くなってるので参考にしてはいけません!

Beamer columns 環境で画像を配置するベストな方法を参照してください!

Beamer でテキストと画像を両方差し込むので結構はまったのでメモ。

画像挿入はいろんなパッケージや命令があるけど、Beamer でそいつらを使おうとするとなぜか上手いこと行かない。(具体的には、floatflt とかで回り込ませていたのだけれど、beamer の theme を他のに変えたら急に画像が出なくなって、なぜか最後の方のスライドに単独で表示されてたとか、そんな感じの悲しい事態が起きた。他にも、frame title の方のレイアウトが崩れたりとか。)

テキストと画像を一緒に表示して回り込ませるとか、難しいことを考えるのは、やめよう。

単純に考えるんだ。スライドを 2-column にすればいい。

two-column-rhs-image.tex
\pgfdeclareimage[width=116pt]{declared-image-name}{images/myimage.jpg}
\begin{frame}{スライドタイトル}
    \begin{columns}[t]
        \begin{column}{0.6\textwidth} % 左:60%
            \begin{itemize}
                \item ほげ!
                \item ふが!
            \end{itemize}
        \end{column}
        \begin{column}{0.4\textwidth} % 右:40%
            % ↓この行が正常な位置に表示させるためのオマジナイ
            \pgfputat{\pgfxy(0,0)}{\pgfbox[left,top]{
                % このブロックで画像を表示
                \pgfuseimage{declared-image-name}
            }}
        \end{column}
    \end{columns}
\end{frame}

はい、カンタンですね。columns 環境も pgf 系の命令も、beamer なら何もしなくても使えるハズ。これでテキストの横に画像を出せる。

サンプルでは、画像がズレずに正確な位置に出るように、pgf の命令でなんかオマジナイを入れてます。ちなみに画像の表示の部分もオマジナイに合わせて pgf の命令を使ってみましたが、別に includegraphics とかでも大丈夫っぽいです。お好きな方でどうぞ。

参考文献

  • Beamer v3.0 Guide
    • 2-column で画像を正確な位置に出力する方法はこれに載ってました。
t_uda
主に JavaScript-er です。HTML5 力が足りていない。数学方面でよく C++ も書いていますがあまり詳しくないです。誰か私に RAII について教えてください。 Twitter とは距離を置いてそろそろ Qiita 活用してプログラミング生活にうちこみたいそんな今日この頃。
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away