LaTeX で複数行の色付きボックスを作成する

Question 1

これは実際には（はるかに）簡単で、tcolorbox多くのオプションがあります。

\documentclass[paper=letterpaper,fontsize=10pt]{article}
\usepackage{amsmath,amsfonts,amsthm}
\usepackage{graphicx}
\usepackage[svgnames]{xcolor}
\usepackage[most]{tcolorbox}
\usepackage{geometry}
\usepackage{url}
\usepackage{wrapfig}
\frenchspacing
\pagestyle{empty}
\usepackage{sectsty}
\sectionfont{
    \usefont{OT1}{phv}{b}{n}%
    \sectionrule{0pt}{0pt}{-5pt}{3pt}
  }
%\usepackage{eqparbox} % ??? What's this?

%%% BEGIN DOCUMENT ------------------------------------------------------------
\begin{document}
\begin{tcbraster}[raster columns=2,raster equal height]
\begin{tcolorbox}[enhanced jigsaw, % needed to really the frame off!
 colback=black, % black background
 coltext=white, % white text
 halign=center, % center
 fontupper={\Huge \bfseries}, % change the font here
 sharp corners, % no rounded corners
 colframe=black, % not really necessary
 boxrule=0pt % frame off 
 ]
  FirstName

  LastName
\end{tcolorbox}
\begin{tcolorbox}[enhanced jigsaw,sharp corners,coltext=black,colback=white,boxrule=0pt]
\begin{itemize}
\item Github
\item LinkedIn
\item Phone
\end{itemize}
\end{tcolorbox}
\end{tcbraster}

\end{document}

Answer

これは実際には（はるかに）簡単で、tcolorbox多くのオプションがあります。

\documentclass[paper=letterpaper,fontsize=10pt]{article}
\usepackage{amsmath,amsfonts,amsthm}
\usepackage{graphicx}
\usepackage[svgnames]{xcolor}
\usepackage[most]{tcolorbox}
\usepackage{geometry}
\usepackage{url}
\usepackage{wrapfig}
\frenchspacing
\pagestyle{empty}
\usepackage{sectsty}
\sectionfont{
    \usefont{OT1}{phv}{b}{n}%
    \sectionrule{0pt}{0pt}{-5pt}{3pt}
  }
%\usepackage{eqparbox} % ??? What's this?

%%% BEGIN DOCUMENT ------------------------------------------------------------
\begin{document}
\begin{tcbraster}[raster columns=2,raster equal height]
\begin{tcolorbox}[enhanced jigsaw, % needed to really the frame off!
 colback=black, % black background
 coltext=white, % white text
 halign=center, % center
 fontupper={\Huge \bfseries}, % change the font here
 sharp corners, % no rounded corners
 colframe=black, % not really necessary
 boxrule=0pt % frame off 
 ]
  FirstName

  LastName
\end{tcolorbox}
\begin{tcolorbox}[enhanced jigsaw,sharp corners,coltext=black,colback=white,boxrule=0pt]
\begin{itemize}
\item Github
\item LinkedIn
\item Phone
\end{itemize}
\end{tcolorbox}
\end{tcbraster}

\end{document}

Question 2

これはまた別のtカラーボックスskinsおよびライブラリを使用するソリューションxparse。xparse新しいコマンドを定義するために使用される

\namebox{<first names>}{<last name>}{<content of right hand box e.g. list>}

左側のボックスの幅は、上部と下部の内容に合わせて調整されます。全体の構造は、sidebyside左側のボックスの幅に適応するボックスで構成されます。ボックスの左側は、さらにtcolorbox上部と下部で構成されます。ボックスの右側は、3 番目の引数 (この場合はリスト) の内容で構成されます。

これは説明するよりも実演する方が簡単でしょう:

\namebox{First Names}{Last Name}{%
  \begin{itemize}
    \item[\faGithubSquare] github.com/Repository
    \item[\faLinkedinSquare] linkedin.com/Account
    \item[\faMobile] 0123 456789
  \end{itemize}%
}

この場合、最初の引数は 2 番目の引数よりも幅が広くなるため、左側はの幅に合わせて設定されますFirst Names。

\namebox{Short Name}{Somewhat Longer Name}{%
  \begin{itemize}
    \item[\faGithubSquare] github.com/Repository
    \item[\faLinkedinSquare] linkedin.com/Account
    \item[\faMobile] 0123 456789
  \end{itemize}%
}

この場合、2 番目の引数には最初の引数よりも多くのスペースが必要なので、左側のボックスはそれに合わせてサイズ調整されますSomewhat Longer Name。

どちらの場合も、残りの線幅は右側のコンテンツ、つまりこの場合はアイコン付きのリストに使用できます。

\DeclareRobustCommand{\nameboxfont}{\normalfont\sffamily\bfseries\Large\baselineskip14pt}

ボックスの内容に使用するフォントを設定します。必要に応じて調整してください。

ボックスに使用されるスタイルを決定する 2 つのスタイルが定義されています。

\tcbset{%
  name box/.style={%

左側の2階建てのボックスにはこのスタイルが使用されています。

    colback=black,

背景は黒です。

    lower separated=false,

上位ビットと下位ビットを分ける線はありません。

    coltext=white,

白いテキスト。

    fontupper=\nameboxfont,
    fontlower=\nameboxfont,

以前に定義したフォントをボックスの両方の部分に適用します。

    halign=center,
    halign lower=center,

上階と下階のテキストを中央揃えにします。

    sharpish corners,

デフォルトでは、丸い角が使用されます。sharpish cornersここではを使用しました。別の可能性としてはがありますsharp corners。どれが好みか試してみてください。

    middle=.75mm,

マニュアルではそうではないと書かれていますが、これはボックスの上部と下部の間の距離の半分のようです。（マニュアルではこれがに加えて boxsepですが、どうやらそうではないようです。

},

これでそのスタイルは完成です。

  two by two/.style={%

全てが入った大きな箱のスタイルです。

    sidebyside gap=1mm,

左側の黒いボックスとリストを含む右側の間の距離。

    lower separated=false,

上記の通り、線はありません。

    halign upper=left,
    halign lower=left,

左側の黒いボックスの配置leftと右側のリスト配置をに設定しますleft。

    sidebyside adapt=left,

パーツの幅を左側のものの幅に合わせて調整します。

    empty,

背景、線などはありません。

    size=minimal,

余分なスペースを追加しないでください。

このボックスは純粋に構造的なものであり、その目的は物事を整列させることであり、決してボックスのように見えることではありません。そのため、ライブラリによって提供されるこの簡素化された「裸の」バージョンが必要ですskins。

},

このスタイルも終わりです。

必要なスタイルはこれだけです。

また、測定するときに必要なスクラッチ寸法もいくつか必要です。

\newlength\nameboxtempa
\newlength\nameboxtempb

最後のコマンドの定義は次のとおりです\namebox{}{}{}。

\NewDocumentCommand \namebox { m m +m }{%
  \settowidth\nameboxtempa{\nameboxfont #1}%
  \settowidth\nameboxtempb{\nameboxfont #2}%

最初の引数と 2 番目の引数の幅を測定します。

  \ifdim\nameboxtempa<\nameboxtempb\setlength\nameboxtempa{\nameboxtempb}\fi%

次に、幅を比較します。下部にあるもの (姓) の幅が上部にあるもの (名) の幅より大きい場合は、幅を\nameboxtempa下部の幅に設定します。それ以外の場合は、\nameboxtempaすでに必要な幅になっています。

  \tcbsidebyside[two by two]{%

大きな箱に当社のスタイルを適用します。

    \begin{tcolorbox}[%

左側のボックスから始めます。

      name box,

これに私たちのスタイルを適用してください。

      text width=\nameboxtempa,

幅をに設定して、\nameboxtempa含まれる 2 行のうち長い方の行がちょうど収まるようにします。

      ]
      #1

ここに名前を入力してください。

      \tcblower
      #2

姓は下部に記入します。

    \end{tcolorbox}%

環境を閉じると、大きな外側のボックスの左側の作業は完了です。

  }{%
    #3

そのボックスの右側には、3 番目の引数の内容が取得されます。

}
}

$<code>\namebox</code> デモ$

完全なコード:

\documentclass{article}
\usepackage{tcolorbox,fontawesome}
\tcbuselibrary{xparse,skins}
\DeclareRobustCommand{\nameboxfont}{\normalfont\sffamily\bfseries\Large\baselineskip14pt}
\newlength\nameboxtempa
\newlength\nameboxtempb
\NewDocumentCommand \namebox { m m +m }{%
  \settowidth\nameboxtempa{\nameboxfont #1}%
  \settowidth\nameboxtempb{\nameboxfont #2}%
  \ifdim\nameboxtempa<\nameboxtempb\setlength\nameboxtempa{\nameboxtempb}\fi%
  \tcbsidebyside[two by two]{%
    \begin{tcolorbox}[%
      name box,
      text width=\nameboxtempa,
      ]
      #1
      \tcblower
      #2
    \end{tcolorbox}%
  }{%
    #3
  }
}
\tcbset{%
  name box/.style={%
    colback=black,
    lower separated=false,
    coltext=white,
    fontupper=\nameboxfont,
    fontlower=\nameboxfont,
    halign=center,
    halign lower=center,
    sharpish corners,
    middle=.75mm,
  },
  two by two/.style={%
    sidebyside gap=1mm,
    boxrule=0pt,
    boxsep=0pt,
    lower separated=false,
    halign upper=left,
    halign lower=left,
    sidebyside adapt=left,
    empty,
    size=minimal,
  },
}
\begin{document}
\namebox{First Names}{Last Name}{%
  \begin{itemize}
    \item[\faGithubSquare] github.com/Repository
    \item[\faLinkedinSquare] linkedin.com/Account
    \item[\faMobile] 0123 456789
  \end{itemize}%
}
\namebox{Short Name}{Somewhat Longer Name}{%
  \begin{itemize}
    \item[\faGithubSquare] github.com/Repository
    \item[\faLinkedinSquare] linkedin.com/Account
    \item[\faMobile] 0123 456789
  \end{itemize}%
}
\end{document}

Answer