在简历中使用平面矩形展示技能/知识

Question 1

这里有一个使用非常具体的建议dash pattern。首先在整个长度上绘制灰色部分，该部分将被红色部分覆盖。

红色部分也是比较有趣的部分，为此我设置x为一个单条长度的值，这样我们就可以#2直接用作X坐标值。但是，我们需要再次添加分隔空间，这是通过来完成的xshift。

您可以使用值skill bar width、skill bar items和skill bar sep来更改值的解释和绘制方式。
样式skill bar、skill bar bg和skill bar fg可用于更改可视化效果（其他颜色、其他线宽）。

和键指示 TikZ 生成宽度恰好为的图表。键用于垂直对齐图表，并且可能会根据您实际使用的字体进行调整trim left。trim right\linewidthbaseline

默认情况下，\tikzskillbar使用的宽度。这允许它在的列内或具有固定长度的任何其他列\linewidth内使用（即、或）。Xtabularxtabularpmb

我添加了显示所有步骤的循环（不过，您始终可以使用 0 到之间的任意数字skill bar items）。

减法.00001避免了整数值的渲染问题，因为这可能会导致红色碎片：

红色部分也可以用以下定义\tikzskillbar（不同的x值和禁用skill bar样式）分成单独的部分来绘制：

\newcommand*\tikzskillbar[2][]{%
\begin{tikzpicture}[
  skill bar diagram,#1,skill bar diagram init,
  x=\tsbbarlength+\tsbseplength,skill bar/.code=]
\draw[skill bar bg, dash pattern=on \tsbbarlength off \tsbseplength]
  (0,0) -- (\linewidth,0);
\foreach[parse=true] \step in {0,...,(int(#2)-1)}
  \draw[skill bar fg] (right:\step) -- ++(right:\tsbbarlength);
\draw[skill bar fg] (right:{int(#2-.00001)})
  --++(right:{\tsbbarlength*frac(#2)});
\end{tikzpicture}}

代码

\documentclass[a5paper]{article}
\usepackage{tikz}
\tikzset{
  skill bar width/.initial=\linewidth,
  skill bar items/.initial=5,
  skill bar sep/.initial=1mm,
  skill bar diagram/.style={baseline=+-.75ex,trim left=+0pt},
  skill bar diagram init/.style={
    trim right=\pgfkeysvalueof{/tikz/skill bar width},
    /utils/exec=%
    \pgfmathsetlengthmacro\tsbseplength{\pgfkeysvalueof{/tikz/skill bar sep}}%
    \pgfmathsetlengthmacro\tsbbarlength{%
      (\pgfkeysvalueof{/tikz/skill bar width}-(\pgfkeysvalueof{/tikz/skill bar items}-1)
     *(\pgfkeysvalueof{/tikz/skill bar sep}))/(\pgfkeysvalueof{/tikz/skill bar items})}},
  skill bar/.style={dash pattern=on \tsbbarlength off \tsbseplength},
  skill bar bg/.style={skill bar, draw=gray, line width=2pt},
  skill bar fg/.style={skill bar, draw=red,  line width=6pt}}
\newcommand*\tikzskillbar[2][]{%
\begin{tikzpicture}[skill bar diagram,#1,skill bar diagram init,x=\tsbbarlength]
\draw[skill bar bg](0,0)--(right:{\pgfkeysvalueof{/tikz/skill bar width}});
\draw[skill bar fg](0,0)
  --++([xshift={int(#2-.00001)*\pgfkeysvalueof{/tikz/skill bar sep}}]right:{#2});
\end{tikzpicture}}
\usepackage{tabularx}
\newenvironment*{skilltab}{\tabularx{\linewidth}{@{}lX@{}}}{\endtabularx}
\begin{document}
\section*{Knowledge}
\subsection*{Language}
\begin{skilltab}
  German  & \tikzskillbar{4.5}   \\
  English & \tikzskillbar{3.75}
\end{skilltab}

\subsection*{IT}
\begin{skilltab}
  Word       & \tikzskillbar{4.5}  \\
  Excel      & \tikzskillbar{3}    \\
  Powerpoint & \tikzskillbar{2.25}
\end{skilltab}

\vspace{1em}
\foreach \STEP in {0, ..., 12}{%
  \noindent\tikzskillbar[
    skill bar width=3cm, skill bar sep=.5mm, skill bar items=3]{\STEP/4}\par}
\end{document}

输出

Answer