接上篇，我们来完善另一重要部分，白底气泡图的生成。效果演示：

过程复盘：根据复用原则，我们希望做成通用的代码，这就需要对前面的代码进行简单的改造。改造1：把所有气泡生成位置的参照物，改为leftStart。根据对称原理：白底气泡图的起始位置就应该是1080-919，因为绿底的离右边缘是这么远。if who=="Me":leftStart=919-cenLen-2*welse:leftStart=1080-919完成以上这步，所有原代码中涉及919来参照边界的，统统改为leftStart加距离来实现，以实现代码的通用性。毕竟除了三角，定好左边界和上边界，这个气泡就可以完整的画出来。例如：top=Image.open(picDir "上填充.png")#上中top=top.resize((cenLen,h))bg.paste(top,(leftStart w,tp,leftStart w cenLen,tp h))

leftStart w cenLen是气泡上面中间的填充部分，我们弃用919-w。

改造2：气泡背景的三角部分，做一个分支判断，分别加载。arr=Image.open(picDir "箭头.png").convert("RGBA")r,g,b,a =arr.split()if who=="Me":bg.paste(arr,(919,tp h,919 13,tp h 26),mask=a)bg.save("bgEnd.png")else:arrL=arr.transpose(Image.FLIP_LEFT_RIGHT)r,g,b,a =arrL.split()bg.paste(arrL,(leftStart-13,tp h,leftStart,tp h 26),mask=a)

改造3：绿图素材PS一份完全一样的白图素材，按需调用。如图，src目录下的M放绿图素材，U目录放白图素材。

改造4：将头像生成代码，精简成函数，头像与模板图放入tx目录。改造的核心就是，按需加载合适的头像，按传入高度写入背景。

from PIL import Image

def makeHead(srcImg):

tx = Image.open(srcImg).resize((103,103)).convert("RGBA")

mb = Image.open(src/tx/mb.png)

mb.paste(tx, mask=mb)

return mb

def drawHead(bgImg,startTop,who):

bg=Image.open(bgImg)

if who=="Me":

startLeft=946

srcImg="src/tx/M.jpg"

else:

startLeft=26

srcImg="src/tx/U.jpg"

rd=makeHead(srcImg).convert("RGBA")

r,g,b,a = rd.split()

bg.paste(rd,(startLeft,startTop,startLeft 103,startTop 103),mask=a)

bg.save("bgEnd.png")你会发现，在位置方面，我们也是考虑了两个头像左右对称。改造5：适当的调整字间距、文字对应图片宽度等参数，使比例合适。间距改为4，文字背景图宽改为40,文字上偏移改为8。最终的txtDialog.py是这样的：from PIL import Image,ImageDraw,ImageFont

from wxtx import drawHead

def drawText(txtPic,words,x,y):

img=Image.open(txtPic)

draw=ImageDraw.Draw(img)

fontType = /System/Library/Fonts/msyh.ttc#调用系统微软雅黑字体

font = ImageFont.truetype(fontType,40)#创建字体对象

i=0

for w in words:

if i<16:

draw.text((x 40*i i*4,y-8),w, (0,0,0,255), font)

else:

draw.text((x 40*(i%16) (i%16*4),y i//16*40 22*(i//16)-8),w, (0,0,0,255), font)

i =1

img.save("bgEnd.png")

def createBubble(bdPic,str,tp,who):

picDir="src/M/"

if who=="U":

picDir="src/U/"

n=len(str)

if n<16:

cenLen=n*40 (n-1)*4

else:

cenLen=16*40 (16-1)*4

lines=n//16 1#最多16个字一行

bdr=919

img=Image.open(picDir "拐角.png").convert("RGBA")

w,h=img.size

bg=Image.open(bdPic)

r,g,b,a =img.split()

if who=="Me":

leftStart=919-cenLen-2*w

else:

leftStart=1080-919

bg.paste(img,(leftStart,tp,leftStart w,tp h),mask=a)#左上

top=Image.open(picDir "上填充.png")#上中

top=top.resize((cenLen,h))

bg.paste(top,(leftStart w,tp,leftStart w cenLen,tp h))

rt = img.transpose(Image.FLIP_LEFT_RIGHT)#右上

r,g,b,a =rt.split()

bg.paste(rt,(leftStart w cenLen,tp,leftStart w cenLen w,tp h),mask=a)

lr=Image.open(picDir "左右填充.png")#中间部分

lr=lr.resize((cenLen 2*w,42*lines (lines-1)*22))

bg.paste(lr,(leftStart,tp h,leftStart w cenLen w,tp h 42*lines (lines-1)*22))

rt = img.transpose(Image.FLIP_TOP_BOTTOM)#左下

r,g,b,a =rt.split()

bg.paste(rt,(leftStart,tp h 40*lines (lines-1)*22,leftStart w,tp h 40*lines (lines-1)*22 h),mask=a)

bg.paste(top,(leftStart w,tp h 40*lines (lines-1)*22,leftStart w cenLen,tp h 40*lines (lines-1)*22 h))#下中

rt = img.transpose(Image.FLIP_LEFT_RIGHT)#右下

rt=rt.transpose(Image.FLIP_TOP_BOTTOM)

r,g,b,a =rt.split()

bg.paste(rt,(leftStart w cenLen,tp h 40*lines (lines-1)*22,leftStart w cenLen w,tp h 40*lines (lines-1)*22 h),mask=a)

arr=Image.open(picDir "箭头.png").convert("RGBA")

r,g,b,a =arr.split()

if who=="Me":

bg.paste(arr,(919,tp h,919 13,tp h 26),mask=a)

bg.save("bgEnd.png")

else:

arrL=arr.transpose(Image.FLIP_LEFT_RIGHT)

r,g,b,a =arrL.split()

bg.paste(arrL,(leftStart-13,tp h,leftStart,tp h 26),mask=a)

bg.save("bgEnd.png")

return (leftStart,tp h 42*lines (lines-1)*22 h)

def Chat(ImgPath,text,startHeiht,who):

ls=createBubble(ImgPath,text,startHeiht,who)

drawHead("bgEnd.png",startHeiht,who)

drawText("bgEnd.png",text,ls[0] 24,startHeiht 32)

return ls[1]

【注意】

return (leftStart,tp h 42*lines (lines-1)*22 h)函数的返回值是个元组，主要我要用到俩值，第一个是气泡画好了，左边距在哪，方便写字的时候确定起点；第二个是气泡画好了，下部边缘到哪了。这样下一个人的回话位置就可以确定了。

这样，就可以开始文字“聊天”了。from txtDialog import Chat

ch=Chat("bgSrc.png","马总，在吗，我是小潘",342,"Me")

ch=Chat("bgEnd.png","有点小事麻烦一下你",ch 32,"Me")

ch=Chat("bgEnd.png","有事说一声就行",ch 32,"U")

ch=Chat("bgEnd.png","都是老朋友了，能办的我一定办",ch 32,"U")

ch=Chat("bgEnd.png","我最近缺钱花了，能不能刷点花呗借呗，你给我设置个免还？",ch 32,"Me")

ch=Chat("bgEnd.png","就这事？",ch 32,"U")

ch=Chat("bgEnd.png","已经搞定，下次留言说一下就好，都是小事！",ch 32,"U")

ch=Chat("bgEnd.png","好的，谢谢",ch 32,"Me")

ch=Chat("bgEnd.png","下次直接留言！",ch 32,"Me")

准备初始图片(人名暂时是PS上的)：

运行代码后：

至此，我们的目标已经基本实现了。整理一下本部分的知识点:用好函数的返回值，如果要返回多个值，可以用元组拼成一个。

左右两侧的聊天虽不同，找到共性leftStart，可以写成通用代码。

利用参数进行分支判断，做不同的处理过程。如气泡背景加载处理。

做好代码文件和图片资源的合理划分，规划好存放目录。

下期预告《收尾工作：添加更多可变参数，优化功能》

如果你觉得有用，可以点个在看↓