微信图文排版指南-如何在图片上添加文字？
编辑排版公众号文章的时候，排版经常会选择图片和文字相结合，那如何在图片上添加文字呢？今天给大家分享两种办法~~
一、给文字添加背景
1、在编辑区直接输入文字，文字输入完毕之后四周会出现一圈虚线框，一般称其为“蚂蚁线”；蚂蚁线的作用是为了使用样式工具条，而样式工具条是可以对蚂蚁线内的内容进行整体修改；


2、将鼠标移动到想要添加背景的文字上，旁边就会出现样式工具条，点击【插背景】功能，然后就可以为文字添加纯色背景了；


3、可以使用系统推荐的背景，也可以本地上传图片~~


二、直接使用样式素材
（一）如何找到样式素材？

（1）单样式-封面大图

1、在编辑器的左侧导航栏找到【单样式】-【图片】-【封面大图】；


2、【封面大图】标签下的样式都是文字和图片相结合的；


（2）搜索框-图片文字

1、直接在首页使用搜索框进行关键词搜索，比如“图片文字”；



2、通过搜索也可以得到图片和文字相结合的样式素材；


（二）如何使用样式素材？

1、选择想要应用的样式，然后写入编辑区；



2、在编辑区进行更改文字和图片即可，文字更改直接在原有的文字基础上更改就好；


3、图片更改选择工具条的【插背景】功能；


4、可以选择纯色背景，也可以使用系统推荐的背景，或者直接本地上传图片~~


5、这样就更改好啦，怎么样？你学会了吗？

运营小编在进行公众号文章排版的时候，经常会给文章添加背景，或者采用图片和字体相结合的方式，这样的排版会显得很精致而且有特色，那如何在图片上添加文字呢？接下来小编给大家分享两种办法哦~~赶紧接着往下看！
一、添加背景
1、打开小蚂蚁编辑器，在中间编辑区域直接输入文字，然后选中文字，点击顶部工具栏【插入内容块】，插入内容块之后文字四周就会出现虚线框；插入内容块的目的是为了可以使用样式工具条，样式工具条的作用是可以对虚线内的内容进行整体设置；
小Tips：如果是直接复制过来的文字，就不需要再单独添加内容块，因为会自动有样式工具条哦~~
2、将光标移动到想要添加背景的文字处，然后文字旁边就会出现样式工具条，在样式工具条上找到【插背景】功能并点击使用，然后就可以为文字添加背景了；
添加北京的时候可以使用纯色背景，进行颜色选择即可，也可以选择系统推荐的背景，当然也可以选择自己本地上传图片哦~~
二、使用样式素材
1、打开小蚂蚁编辑器，可以在页面的左侧导航栏找到【单样式】-【图片】-【封面大图】；
2、【封面大图】标签下都是文字和图片相结合的的样式，并且都是已经排版好的图片，直接使用样式，可以在样式的基础上更改文字或者背景图；
3、在样式区域选择想要应用的样式，进行写入编辑区；
4、在编辑区可进行对样式的文字和图片更改，文字可直接在样式里进行更改；
5、至于更改图片，先将光标移动到样式上，然后点击旁边样式工具条的【插背景】功能；
6、点击【插背景】功能，就会跳出弹窗，可以选用纯色背景、系统推荐背景，也可进行本地上传图片；
7、以上就是在图片上添加文字的方法，怎么样？你学会了吗？

编程中遇到问题，如何在已有图片上添加 虚线，图片使用Picture控件显示
参考网页https://bbs.csdn.net/topics/10044979
其中参考程序段如下：
这是我画线的程序：

CRect rect;

GetClientRect(&rect);

pDC->FillSolidRect(&rect,m_BackColor);

int nTmp=rect.right-35;

CPen pen;

pen.CreatePen(0,2,m_ForeColor);

CPen* pOldPen=(CPen*)pDC->SelectObject(&pen);

pDC->MoveTo(nTmp,rect.top);

pDC->LineTo(nTmp,rect.bottom);

pDC->MoveTo(m_StartPos.x,rect.top);

pDC->LineTo(m_StartPos.x,rect.bottom);

pDC->SelectObject(pOldPen);
a)  CreatePen函数

HPEN CreatePen(int nPenStyle, int nWidth, COLORREF crColor);

用指定的样式、宽度和颜色创建一个画笔

[参数表]

nPenStyle ------ Long，指定画笔样式，可以是下述常数之一

PS_SOLID 画笔画出的是实线

PS_DASH  画笔画出的是虚线（nWidth必须不大于1）

PS_DOT    画笔画出的是点线（nWidth必须不大于1）

PS_DASHDOT  画笔画出的是点划线（nWidth必须不大于1）

PS_DASHDOTDOT  画笔画出的是点-点-划线（nWidth必须不大于1）

PS_NULL  画笔不能画图

PS_INSIDEFRAME  由椭圆、矩形、圆角矩形、饼图以及弦等生成的封闭对象框时，画线宽度向内扩展。如指定的准确RGB颜色不存在，就进行抖动处理

nWidth --------- Long，以逻辑单位表示的画笔的宽度

crColor -------- Long，画笔的RGB颜色
[返回值]

Long，如函数执行成功，就返回指向新画笔的一个句柄；否则返回零

[其它]

一旦不再需要画笔，记得用DeleteObject函数将其删除

示例：

采用GDI绘图

HDC hdc;hdc=::GetDC(m_hWnd);

PAINTSTRUCT ps;

HPEN hPen;

HPEN hPenOld;

hdc = BeginPaint( hWnd , &ps );

hPen = CreatePen( PS_SOLID , 3 , RGB( 255 , 0 , 0 ));

hPenOld = ( HPEN )SelectObject ( hdc , hPen );

MoveToEx ( hdc , 20 , 10 , NULL );

LineTo( hdc , 200 ,100);

SelectObject (hdc , hPenOld);

DeleteObject ( hPen );

EndPaint ( hWnd , &ps );
b)  GetWindowRect、GetClientRect函数

GetWindowRect得到的是相对于当前界面的整个窗口左上角的坐标，比如一个对话框程序，那就是相对于对话框左上角的坐标，从左往右是X方向，从上往下是Y方向。
注意：这个函数的相对坐标原点分两种情况：
1 窗口还没有初始化完成时：原点是整个窗口的左上角
2 初始化完成后，原点是设备屏幕左上角
GetClientRect得到的是相对于窗口客户区左上角的坐标。

幻灯片案例

一、制作结果

让图片像幻灯片一样可以自动切换也可以手动上一张下一张的切换，制作幻灯片效果要用动态面板来做。

二、制作方法

1.往主界面拖入一个【动态面板】–>调节【动态面板】大小和位置。为调整方便，建议将图片与面板尺寸统一。


2.双击【动态面板】–>增加状态数量：点击【+】号添加面板状态，（需要展示多少页添加到相应状态数量）。


3.给【动态面板】的每个状态添加图片：双击【State1】–>在打开的以下主界面的蓝色虚线框内拖入【图片】（注意：只有蓝色框内内容可以被动态面板显示出来，所以需要调整图片位置和大小填充整个蓝色框）


4.双击图片–>选择State1–>在复制一份.选择State2和State1一样拖入图片，【动态面板】其他状态也进行 同样的操作，完成后的页面概要如下图二所示。




5.在拖入两个按钮开始和结束、以及两个左右箭头符号用来实现上一张和下一张


6.准备工作作完之后就设计交互，给动态面板设置点击事件（设置面板状态==》选中状态(Next下一个)–>先后循环–>间隔时间==》开始动画–>向右翻转–>时间）如图一和状态改变（设置前要做判断，判断面板状态=最后一张图片时==》设置停止循环）如图二




7.给开始和结束按钮设置交互，给开始按钮设置点击事件（设置面板状态==》选中状态(Next下一个)–>先后循环–>间隔时间==》开始动画–>向右翻转–>时间）如图一，给开始按钮设置点击事件（设置面板状态==》选中状态结束循环）如图二。