tikz tcolorb

100 有偿定制文本框,用于定理类环境,或者单独的盒子也行!

发布于 2022-07-27 08:26:20

偶然间看到了1210的问题无人问津,故而有此一问.请问,应该如何定制如下图的文本框,我苦思冥想良久,考虑了tcolorbox结合tkiz以及纯tikz这两种方案,都没办法实现,太棘手了,这是我能力问题,我的tikz太差了,不会用,故而想请问专家,这个文本框用latex能定制成功吗?我是实在没办法了,但是又很想要这个盒子,故而,我想有偿定制这个盒子,希望有能力的专家或者大佬能帮帮我!原盒子是原神游戏的弹窗,故而应该使用的HTML语言,所以真的很想知道tikz集合tcolorbox的实现方式.这个盒子典雅端庄,充满了中国文化气息,确实让我一眼就爱上了,虽然我不玩游戏.
原神弹窗盒子.png

查看更多

关注者
0
被浏览
1k
关注问题 我来回答 分享 收藏 感谢 举报
雾月
雾月 2022-07-27
这家伙很懒，什么也没写！

使用 tcolorbox，实现了一部分，四个星的内部还要着色有点麻烦。

image.png

\documentclass{ctexart}
\usepackage{tikz}
\usetikzlibrary{arrows.meta, calc, fadings, decorations.markings}
\usepackage{pgfornament}
\usepackage[many]{tcolorbox}

\makeatletter
\definecolor{framegolden}{HTML}{FFA500}
\definecolor{framegray}{HTML}{302E22}
\newdimen\ys@frame@linewidth
\newdimen\ys@frame@radius

\pgfdeclarehorizontalshading{ys@fade@circle}{500bp}
{color(0bp)=(pgftransparent!100); color(25bp)=(pgftransparent!100);
color(45bp)=(pgftransparent!0); color(55bp)=(pgftransparent!0);
color(75bp)=(pgftransparent!100); color(100bp)=(pgftransparent!100)}
\pgfdeclarefading{ys circle}{\pgfuseshading{ys@fade@circle}}
\tcbset{
  ys/frame/line width/.code={\pgfmathsetlength\ys@frame@linewidth{#1}},
  ys/frame/line width=1.4pt,
  ys/frame/radius/.code={\pgfmathsetlength\ys@frame@radius{(#1)*1em}},
  ys/frame/radius=2,
  ys/frame style/.style={
    interior code={
      % 外框
      \path[draw=framegolden,fill=framegray,fill opacity=.2,line width=\ys@frame@linewidth]
        ([xshift=\ys@frame@radius]frame.north west)--([xshift=-\ys@frame@radius]frame.north east) 
        arc(-180:-90:\ys@frame@radius)--
        ([yshift=-\ys@frame@radius]frame.north east)--([yshift=\ys@frame@radius]frame.south east)
        arc(90:180:\ys@frame@radius)--
        ([xshift=-\ys@frame@radius]frame.south east)--([xshift=\ys@frame@radius]frame.south west)
        arc(0:90:\ys@frame@radius)--
        ([yshift=\ys@frame@radius]frame.south west)--([yshift=-\ys@frame@radius]frame.north west)
        arc(-90:0:\ys@frame@radius)--cycle;
      % 内线
      \path[draw=framegolden,line width=.8\ys@frame@linewidth,line cap=round] 
        ([xshift=\ys@frame@radius+2\ys@frame@linewidth,yshift=-1ex]frame.north west)
          --([xshift=-\ys@frame@radius-2\ys@frame@linewidth,yshift=-1ex]frame.north east)
        ([yshift=-\ys@frame@radius-2\ys@frame@linewidth,xshift=-1ex]frame.north east)
          --([yshift=\ys@frame@radius+2\ys@frame@linewidth,xshift=-1ex]frame.south east)
        ([xshift=\ys@frame@radius+2\ys@frame@linewidth,yshift=1ex]frame.south west)
          --([xshift=-\ys@frame@radius-2\ys@frame@linewidth,yshift=1ex]frame.south east)
        ([yshift=-\ys@frame@radius-2\ys@frame@linewidth,xshift=1ex]frame.north west)
          --([yshift=\ys@frame@radius+2\ys@frame@linewidth,xshift=1ex]frame.south west);
      % 四角
      \path[draw=framegolden,line width=1.5\ys@frame@linewidth,line cap=round]
        ([xshift=\ys@frame@radius-2.7\ys@frame@linewidth,yshift=-1ex]frame.north west)
          --([xshift=1ex,yshift=-1ex]frame.north west)
          --([xshift=1ex,yshift=-\ys@frame@radius+2.7\ys@frame@linewidth]frame.north west)
        ([xshift=-\ys@frame@radius+2.7\ys@frame@linewidth,yshift=-1ex]frame.north east)
          --([xshift=-1ex,yshift=-1ex]frame.north east)
          --([xshift=-1ex,yshift=-\ys@frame@radius+2.7\ys@frame@linewidth]frame.north east)
        ([xshift=-\ys@frame@radius+2.7\ys@frame@linewidth,yshift=1ex]frame.south east)
          --([xshift=-1ex,yshift=1ex]frame.south east)
          --([xshift=-1ex,yshift=\ys@frame@radius-2.7\ys@frame@linewidth]frame.south east)
        ([xshift=\ys@frame@radius-2.7\ys@frame@linewidth,yshift=1ex]frame.south west)
          --([xshift=1ex,yshift=1ex]frame.south west)
          --([xshift=1ex,yshift=\ys@frame@radius-2.7\ys@frame@linewidth]frame.south west);
    },
    segmentation code={
      \draw[color=framegolden,path fading=ys circle]
      ([xshift=5\ys@frame@radius]segmentation.west) to[ornament=88]([xshift=-5\ys@frame@radius]segmentation.east);
    },
  },
  ys style/.style={frame hidden,ys/frame style},
}
\makeatother

\begin{document}

\begin{tcolorbox}[enhanced,ys style]
\centering
\medskip
{\zihao{-3}\bfseries 引蝶之章\ 第一幕}
\par\bigskip

{\zihao{2}\bfseries 奈何蝶飞去}

\par\medskip
\tcblower

\centering
\tcbox[enhanced,frame hidden,top=0pt,bottom=0pt,left=4.5em,right=4.5em,
  interior code={\path[fill=framegolden,path fading=ys circle](interior.north west) rectangle (interior.south east);},
]{已开启}
\end{tcolorbox}

\end{document}
赞同 0 7 条回复 收藏 感谢(1) 举报
烟云幻梦
烟云幻梦 2022-07-27
数学系咸鱼一枚!

谢谢大师,我试一下!

0 回复 举报
烟云幻梦
烟云幻梦 2022-07-27
数学系咸鱼一枚!

老师,请问能把四周的几四个星星实现吗?如果能,那就完美了

0 回复 举报
烟云幻梦
烟云幻梦 2022-07-27
数学系咸鱼一枚!

您的代码太复杂,我不知道么加星星,所以请您好人帮到底,加一下那四颗星星,谢谢专家!

0 回复 举报
烟云幻梦
烟云幻梦 2022-07-28
数学系咸鱼一枚!

当输入文本内容时,错误Dimension too large.
<recently read> pgf@pt@y
无法生成pdf

0 回复 举报
烟云幻梦
烟云幻梦 2022-07-28
数学系咸鱼一枚!

目前的问题是,
1.不支持跨页,一旦使用breakable选项且内容超出一页纸,就会回归默认样式.
2.四角的星星,我尝试了下用arc,但是无论怎么调整参数,都与原图相距甚远,故而请求专家加上四颗星星,如果我满意了,可以支付金钱.
目前的效果
输入图片说明
%跨页
输入图片说明

\documentclass{ctexart}
\usepackage{tikz}
\usepackage{zhlipsum}
\usetikzlibrary{arrows.meta, calc, fadings, decorations.markings}
\usepackage{pgfornament}
\usepackage[many,breakable]{tcolorbox}

\makeatletter
\definecolor{framegolden}{HTML}{FFA500}
\definecolor{framegray}{HTML}{302E22}
\newdimen\ys@frame@linewidth
\newdimen\ys@frame@radius

\pgfdeclarehorizontalshading{ys@fade@circle}{500bp}
{color(0bp)=(pgftransparent!100); color(25bp)=(pgftransparent!100);
color(45bp)=(pgftransparent!0); color(55bp)=(pgftransparent!0);
color(75bp)=(pgftransparent!100); color(100bp)=(pgftransparent!100)}
\pgfdeclarefading{ys circle}{\pgfuseshading{ys@fade@circle}}
\tcbset{
  ys/frame/line width/.code={\pgfmathsetlength\ys@frame@linewidth{#1}},
  ys/frame/line width=1.4pt,
  ys/frame/radius/.code={\pgfmathsetlength\ys@frame@radius{(#1)*1em}},
  ys/frame/radius=2,
  ys/frame style/.style={
    interior code={
      % 外框
      \path[draw=framegolden,fill=framegray,fill opacity=.2,line width=\ys@frame@linewidth]
        ([xshift=\ys@frame@radius]frame.north west)--([xshift=-\ys@frame@radius]frame.north east) 
        arc(-180:-90:\ys@frame@radius)-- %右上角圆弧
        ([yshift=-\ys@frame@radius]frame.north east)--([yshift=\ys@frame@radius]frame.south east)
        arc(90:180:\ys@frame@radius)-- %右下角圆弧
        ([xshift=-\ys@frame@radius]frame.south east)--([xshift=\ys@frame@radius]frame.south west)
        arc(0:90:\ys@frame@radius)-- %左下角圆弧
        ([yshift=\ys@frame@radius]frame.south west)--([yshift=-\ys@frame@radius]frame.north west)
         arc(-90:-65:\ys@frame@radius) coordinate (nw1) --(nw1) arc(-15:15:\ys@frame@radius) coordinate (nw2) -- (nw2) arc(-105:-80:\ys@frame@radius) coordinate (nw3) -- (nw3) arc(-25:0:\ys@frame@radius)
        --cycle ;%左上角圆弧
      % 内线
      \path[draw=framegolden,line width=.5\ys@frame@linewidth,line cap=round] 
        ([xshift=\ys@frame@radius+2\ys@frame@linewidth,yshift=-1ex]frame.north west)
          --([xshift=\ys@frame@radius+5\ys@frame@linewidth,yshift=-1ex]frame.north west) --++(45:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth)
          ([xshift=\ys@frame@radius+6\ys@frame@linewidth,yshift=-1ex]frame.north west)--++(-45:2\ys@frame@linewidth)--++(45:2\ys@frame@linewidth) %第一节
          --([xshift=-\ys@frame@radius-8.828\ys@frame@linewidth,yshift=-1ex]frame.north east)--++(-45:2\ys@frame@linewidth)--++(45:2\ys@frame@linewidth)
          ([xshift=-\ys@frame@radius-7.828\ys@frame@linewidth,yshift=-1ex]frame.north east)--++(45:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth) %第二节
          --([xshift=-\ys@frame@radius-2\ys@frame@linewidth,yshift=-1ex]frame.north east)
          %%
        ([yshift=-\ys@frame@radius-2\ys@frame@linewidth,xshift=-1ex]frame.north east)
        --([yshift=-\ys@frame@radius-5\ys@frame@linewidth,xshift=-1ex]frame.north east) --++(-135:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth)
        ([yshift=-\ys@frame@radius-6\ys@frame@linewidth,xshift=-1ex]frame.north east)--++(-45:2\ys@frame@linewidth)--++(-135:2\ys@frame@linewidth) %第一节
        --([yshift=\ys@frame@radius+8.828\ys@frame@linewidth,xshift=-1ex]frame.south east)--++(-45:2\ys@frame@linewidth)--++(-135:2\ys@frame@linewidth)
        ([yshift=\ys@frame@radius+7.828\ys@frame@linewidth,xshift=-1ex]frame.south east)--++(-135:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth) %第二节
        %
          --([yshift=\ys@frame@radius+2\ys@frame@linewidth,xshift=-1ex]frame.south east)
%
        ([xshift=\ys@frame@radius+2\ys@frame@linewidth,yshift=1ex]frame.south west)
        --([xshift=\ys@frame@radius+5\ys@frame@linewidth,yshift=1ex]frame.south west) --++(-45:2\ys@frame@linewidth)--++(45:2\ys@frame@linewidth)
        ([xshift=\ys@frame@radius+6\ys@frame@linewidth,yshift=1ex]frame.south west)--++(45:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth) %第一节
        --([xshift=-\ys@frame@radius-8.828\ys@frame@linewidth,yshift=1ex]frame.south east)--++(45:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth)
        ([xshift=-\ys@frame@radius-7.828\ys@frame@linewidth,yshift=1ex]frame.south east)--++(-45:2\ys@frame@linewidth)--++(45:2\ys@frame@linewidth) %第二节
          --([xshift=-\ys@frame@radius-2\ys@frame@linewidth,yshift=1ex]frame.south east)
%
        ([yshift=-\ys@frame@radius-2\ys@frame@linewidth,xshift=1ex]frame.north west)
        --([yshift=-\ys@frame@radius-5\ys@frame@linewidth,xshift=1ex]frame.north west) --++(-45:2\ys@frame@linewidth)--++(-135:2\ys@frame@linewidth)
        ([yshift=-\ys@frame@radius-6\ys@frame@linewidth,xshift=1ex]frame.north west)--++(-135:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth) %第一节
        --([yshift=\ys@frame@radius+8.828\ys@frame@linewidth,xshift=1ex]frame.south west)--++(-135:2\ys@frame@linewidth)--++(-45:2\ys@frame@linewidth)
        ([yshift=\ys@frame@radius+7.828\ys@frame@linewidth,xshift=1ex]frame.south west)--++(-45:2\ys@frame@linewidth)--++(-135:2\ys@frame@linewidth) %第二节
          --([yshift=\ys@frame@radius+2\ys@frame@linewidth,xshift=1ex]frame.south west);
      % 四角
      \path[draw=framegolden,line width=1.5\ys@frame@linewidth,line cap=round]
        ([xshift=\ys@frame@radius-2.7\ys@frame@linewidth,yshift=-1ex]frame.north west)
          --([xshift=1ex,yshift=-1ex]frame.north west)
          --([xshift=1ex,yshift=-\ys@frame@radius+2.7\ys@frame@linewidth]frame.north west) %左上角直角
        ([xshift=-\ys@frame@radius+2.7\ys@frame@linewidth,yshift=-1ex]frame.north east)
          --([xshift=-1ex,yshift=-1ex]frame.north east)
          --([xshift=-1ex,yshift=-\ys@frame@radius+2.7\ys@frame@linewidth]frame.north east)%右上角直角
        ([xshift=-\ys@frame@radius+2.7\ys@frame@linewidth,yshift=1ex]frame.south east)
          --([xshift=-1ex,yshift=1ex]frame.south east)
          --([xshift=-1ex,yshift=\ys@frame@radius-2.7\ys@frame@linewidth]frame.south east)%右下角直角
        ([xshift=\ys@frame@radius-2.7\ys@frame@linewidth,yshift=1ex]frame.south west)
          --([xshift=1ex,yshift=1ex]frame.south west)
          --([xshift=1ex,yshift=\ys@frame@radius-2.7\ys@frame@linewidth]frame.south west);%左下角直角
    },
    segmentation code={
      \draw[color=framegolden,path fading=ys circle]
      ([xshift=5\ys@frame@radius]segmentation.west) to[ornament=88]([xshift=-5\ys@frame@radius]segmentation.east);
    },
  },
  ys style/.style={frame hidden,ys/frame style},
}
\makeatother

\begin{document}
%不跨页
\begin{tcolorbox}[enhanced,ys style,left=20pt,right=20pt,top=10pt,bottom=10pt]
\zhlipsum[2]
\tcblower
\zhlipsum[4]
\end{tcolorbox}

%跨页
\begin{tcolorbox}[enhanced,ys style,breakable,right=20pt,top=10pt,bottom=10pt]
\zhlipsum[2-5]
\tcblower
\zhlipsum[4-9]
\end{tcolorbox}
\end{document}
0 回复 举报
雾月
雾月 2022-07-28
这家伙很懒，什么也没写！

@u45041 将 \makeatletter 与 \makeother 之间的部分删除，用这个 样式文件 替换即可。
其余部分保持原样，另外，只需 \usetikzlibrary{fadings}，其它库不需要。

至于你说的报错，我没有遇到，提供更详细的 MWE。

0 回复 举报
雾月
雾月 2022-07-28
这家伙很懒，什么也没写！

@u45041
image.png

0 回复 举报
请登录后再发布评论，点击登录
追加回复
登录 注册新账号
3 个回答
啸行
啸行 2022-07-27
这家伙很懒，什么也没写！

http://mirrors.ctan.org/macros/latex/contrib/tkz/pgfornament/doc/ornaments.pdf
读这个文档看看

赞同 0 1 条回复 收藏 感谢 举报
烟云幻梦
烟云幻梦 2022-07-27
数学系咸鱼一枚!

很抱歉，这里面没有我想要的内容

0 回复 举报
请登录后再发布评论，点击登录
追加回复
登录 注册新账号
芒果不盲
芒果不盲 2022-07-27
学好TiKZ和tcolorbox！

tikz 画了一下，可以自己搬到 tcolorbox 里面

\documentclass[margin=.5cm]{standalone}
\usepackage{tikz,ctex}
\usepackage{fontawesome5}
\usetikzlibrary{arrows.meta,calc}

\begin{document}

\begin{tikzpicture}[thick]
\draw[] (0.4,0) arc(0:90:0.4) -- (0,1.6) arc(-90:0:0.4) --(5.6,2) arc(180:270:0.4) --(6,0.4) arc(90:180:0.4) --cycle;


\foreach \x in {(45:0.382),($(0,2)+(-45:0.382)$),($(6,2)+(225:0.382)$),($(6,0)+(135:0.382)$)}
{
  \node[inner sep=0pt,] at \x 
  {
   \begin{tikzpicture}
    \draw[fill=white,thick,rotate=45,line join=round,x=0.12cm,y=0.12cm] (1,0) to [out=180,in=-90] (0,1) to [out=-90,in=0] (-1,0) to[out=0,in=90] (0,-1) to[out=90,in=180] (1,0)--cycle;
   \end{tikzpicture}
  };
}

\draw[] (0.3,0.075) -| (0.075,0.3);
\draw[] (0.075,1.7) |- (0.3,2-0.075);
\draw[] (5.7,2-0.075) -| (6-0.075,1.7);
\draw[] (6-0.075,0.3) |- (5.7,0.075);

\draw[] (0.075,0.5) -- (0.075,1.5);
\draw[] (0.5,2-0.075) -- (5.5,2-0.075);
\draw[] (6-0.075,1.5) -- (6-0.075,0.5);
\draw[] (5.5,0.075) -- (0.5,0.075);


\node[font=\kaishu\bfseries] at (3,1.1) {奈何蝶飞去};
\node[font=\kaishu\bfseries,scale=0.6] at (3,1.5) {引蝶之章 第一幕};
\draw[line cap=round] (2,0.8) -- (4,0.8)node[midway,fill=white,inner sep=2pt,scale=0.6]{\faGg};

\node[font=\kaishu\bfseries,scale=0.6] at (3,0.45){已开启};
\end{tikzpicture}

\end{document}

QQ截图20220727100628.png

另外，楼上@u40 啸行的答案很有参考性！！！

赞同 0 添加回复 收藏 感谢 举报

撰写答案

请登录后再发布答案，点击登录
登录 注册新账号

相关问题

1
关于用tikz循环画图的问题
2
请问如何使用tikz绘制椭圆柱体
3
tikz根号x曲线不够光滑
4
关于tikz绘制多面体？
5
如何在大图局部插入小图呢？
6
使用draw命令可以绘制出彩虹颜色的线段吗？
7
两个tikz怎么并列？
8
一个使用tikz自制的uml类图包图环境为什么一个包环境里只能放一个类环境
9
tikz沿路径装饰的一个问题
10
初中树状图tree中如何将各种组合结果以（A,B)形式简洁实现？

热门文章

1
国内大学高校 LaTeX 论文、报告模板统计
2
每个 LaTeX 用户都应该使用的 9 个宏包[投稿]
3
催更的 2022 美国建模模板来了
4
如何选 LaTeX 编辑器
5
Texlive 2022 + Winedt11 安装及配置
6
2024 年美国数学建模更新模版 - 增加视频教程
7
精致的 LaTeX 书籍 2022 来了
8
TeX Live 2022 来了
9
TeX Live 2021 全新重磅发布了
10
LaTeX 排版的《线性代数的艺术》

热门问题

1
如何在用 LaTeX 输入长度单位 埃?
2
latex 中怎么样给第二作者加上星号，第三作者加上加号？
3
请问用VSC编译时显示“Recipe terminated with error.”的解决方法？
4
latex的chapter标签怎么做到不强制另起一页？
5
请教\affiliation如何使用？
6
多行公式，能不能公式本身靠左显示？
7
请教一下，itemize下的每一条item如何缩进两格啊？
8
如何更改overleaf上模板正文的字体大小？
9
三角形全等符号怎么使用latex打出来
10
subfloat插入多个子图如何处理跨页

热门标签

字体 tikz 目录 LaTeX3 tabularray 公式 排版 页眉 texstudio 编译报错 模板 tcolorbox 标题 图片 计数器 数学公式 宏包 列表 脚注 ctex 行距 xelatex 参考文献处理 对齐 行间公式 文本排版 VSCode 参考文献引用 分栏 图文混排 pgfplots 悬挂缩进 node 编号 颜色 双栏 section enumerate hyperref宏包 编辑器用的是VSCODE Overleaf 交叉引用 lstlisting 字体设置 数学字体 矩阵 画图 章节格式 论文 chapter

等待解答

问
为什么作者和 学校之间的间距那么大？怎么调整成和原文一样 ？谢谢
问
cls文件图表位置定义
问
如何更好的显示偏差曲线？
问
jiazhu 宏包是否能实现 linespread &lt; 1 的排版？
问
CTEX 2.9 dvipdf出错
问
使用pgfplots绘折线图时，如何改变某几个点的颜色？
问
texstudio 预览选中(括号中)部分无法运行
问
测试问题2222222222222
问
使用latex2html怎么添加自己的css文件和生成目录
问
关于 tikz 的一个库 codi 的问题

推荐专家

雾月
雾月
184个答案 131次被采纳
拿了橘子跑啊
拿了橘子跑啊
87个答案 20次被采纳
registor
registor
0个答案 0次被采纳
啸行
啸行
103个答案 19次被采纳
admin
admin
0个答案 0次被采纳

发布
问题

分享
好友

手机
浏览

扫码手机浏览