自定义 Tikz 圆形标签以随圆形曲线流动

Question 1

如果有人想要一种更自动化的方法。

我正在使用ext.arrows我的tikz-ext包（> 0.5.1）的库来获得“居中”栏提示。

使用切换时，当我们沿着弧线sloped放置节点时，我们根本不需要计算任何旋转。x_…

如果您将节点沿着小弧放置，那么您实际上已经可以使用代码执行此操作了：

\draw[|-|, sloped, allow upside down] (67.5:3.0) arc(67.5:45.0:3.0)
  node[at start, above, blue] {$\mathstrut x_1    $}
  node[at start, below, red]  {$\mathstrut x_{n+1}$};

代码

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{ext.arrows}% for Centered Bar
\tikzset{
  pics/arrow/.style={/tikz/sloped, /tikz/allow upside down,
    code=\pgfarrowdraw{#1}}, pics/arrow/.default=>}
\begin{document}
\begin{tikzpicture}[CB/.tip=Centered Bar]
\draw[sloped, allow upside down] (90-360/16:3cm)
  arc[start angle=90-360/16, delta angle=-360, radius=3cm]
  foreach[count=\i from 0] \BLUE/\RED in {
    x_1     / x_{n+1},
    x_2     / \dots,
    \dots   / x_{n+l-1},
    x_l     / x_{n+l},
    x_{l+1} / ,
    x_{l+2} / ,
    \dots   / ,
    x_i     / ,
    x_{i+1} / ,
    x_{i+2} / ,
    \dots   / ,
    x_{n-l} / ,
    \dots   / ,
    x_{n-2} / ,
    x_{n-1} / ,
    x_n     / 
  }{
    [nodes={pos=\i/16}]
    pic {arrow=CB}
    node[above, blue]{$\mathstrut\BLUE$}
    node[below, red] {$\mathstrut\RED$}
  } -- cycle;
\scoped[
  nodes={midway, fill=white},
  allow upside down, sloped, delta angle=-90, inner ysep=+0pt]
  \foreach \Radius/\deltaRadius/\LIST in {
    4cm  / .4cm/{ 90/1,      60  /2,    30/3},
    4cm  / .4cm/{240/n-l-1, 210  /n-l, 180/n-l+1},
    2.2cm/-.4cm/{135/n-2,   112.5/n-1,  90/n}}
    \foreach[count=\i from 0]\startAngle/\SUB in \LIST
      \draw[CB-CB] (\startAngle:\Radius+\deltaRadius*\i)
        arc[start angle=\startAngle, radius=\Radius+\deltaRadius*\i]
        node {$B_{\SUB}$};
\end{tikzpicture}
\end{document}

输出

Answer

如果有人想要一种更自动化的方法。

我正在使用ext.arrows我的tikz-ext包（> 0.5.1）的库来获得“居中”栏提示。

使用切换时，当我们沿着弧线sloped放置节点时，我们根本不需要计算任何旋转。x_…

如果您将节点沿着小弧放置，那么您实际上已经可以使用代码执行此操作了：

\draw[|-|, sloped, allow upside down] (67.5:3.0) arc(67.5:45.0:3.0)
  node[at start, above, blue] {$\mathstrut x_1    $}
  node[at start, below, red]  {$\mathstrut x_{n+1}$};

代码

\documentclass{article}
\usepackage{tikz}
\usetikzlibrary{ext.arrows}% for Centered Bar
\tikzset{
  pics/arrow/.style={/tikz/sloped, /tikz/allow upside down,
    code=\pgfarrowdraw{#1}}, pics/arrow/.default=>}
\begin{document}
\begin{tikzpicture}[CB/.tip=Centered Bar]
\draw[sloped, allow upside down] (90-360/16:3cm)
  arc[start angle=90-360/16, delta angle=-360, radius=3cm]
  foreach[count=\i from 0] \BLUE/\RED in {
    x_1     / x_{n+1},
    x_2     / \dots,
    \dots   / x_{n+l-1},
    x_l     / x_{n+l},
    x_{l+1} / ,
    x_{l+2} / ,
    \dots   / ,
    x_i     / ,
    x_{i+1} / ,
    x_{i+2} / ,
    \dots   / ,
    x_{n-l} / ,
    \dots   / ,
    x_{n-2} / ,
    x_{n-1} / ,
    x_n     / 
  }{
    [nodes={pos=\i/16}]
    pic {arrow=CB}
    node[above, blue]{$\mathstrut\BLUE$}
    node[below, red] {$\mathstrut\RED$}
  } -- cycle;
\scoped[
  nodes={midway, fill=white},
  allow upside down, sloped, delta angle=-90, inner ysep=+0pt]
  \foreach \Radius/\deltaRadius/\LIST in {
    4cm  / .4cm/{ 90/1,      60  /2,    30/3},
    4cm  / .4cm/{240/n-l-1, 210  /n-l, 180/n-l+1},
    2.2cm/-.4cm/{135/n-2,   112.5/n-1,  90/n}}
    \foreach[count=\i from 0]\startAngle/\SUB in \LIST
      \draw[CB-CB] (\startAngle:\Radius+\deltaRadius*\i)
        arc[start angle=\startAngle, radius=\Radius+\deltaRadius*\i]
        node {$B_{\SUB}$};
\end{tikzpicture}
\end{document}

输出

Question 2

在几个答案中，人们建议使用\foreach（我认为你应该尝试学习它；它非常有用，它是每种编程语言的基本结构……）。使用它你可以做到一改变，而不是您在这里需要的数十个。

但如果你坚持要逐个执行此操作，只需向节点添加适当的旋转即可；例如，x_2：

\node[rotate=-45] at (45.0:3.45) {\color{blue}{$x_2$}};

有（我刚刚改变了这一点）：

旋转量可以用带有的公式来计算\foreach，但如果您不喜欢它，只需手动更改它们。

Answer