前言

之前在图形处理系列课程中,讲过如何给图片添加上文字,尽管通过程序设定,已经可以实现文本自动居中的效果,人的需求是会不断变的,我们有时候可能并不想只放在中间,而是想要放到图片的任意一个位置,用原来的方法改一改坐标也是可以实现的,不过会非常麻烦。如果可以可视化的操作,让我们自己调整文字到我们想要的位置,那应该非常方便。

今天就来介绍如何自己设计一个可以进行可视化操作,给图片添加上文字的方法。

可视化的核心其实就是让可视化的操作变化对应转化成实际变化,简单点说,可视化时我们操作移动文字到左上角了,如何让实际生成的图片的文字也在左上角?比如可视化时我们时x,y各减小100,实际要达到这种效果,我们就需要进行一个对应的转化了,因为二者的坐标系统可能不一致,可能我们需要x,y各增大200。

我们操作的时候移动文字位置了,这里只是给我们看的,如果直接就生成图片,其实得到的结果并没有变化;要想将这种移动变化转化成实际的移动,我们需要计算二者的转换关系,在生成的时候直接就将这种数值关系对应的实际变化中就实现了对应的效果。

效果展示

支持更改画布大小和更改背景色,可以选择保存图片的类型(png和jpg)。

支持字体的修改,文字内容,颜色,大小,显示位置。

如果不用默认的背景图,也可以自己选择图片,同样支持上面的功能。

实现思路:

1.功能构思。

画布:使用一个标签,支持大小和背景更改(使用滑动控件和单行输入框)

图片选择:使用一个按钮和一个标签

文本内容:使用一个标签,支持大小,字体类型,颜色,显色位置。(使用滑动控件,字体下拉框控件和单行输入框)

保存:使用一个按钮和一个下拉框。

2.UI布局设计。

功能较多,整个界面也比较大,这里显示的不完成,总体就是分为左右两侧布局,左侧里面采用垂直布局,里面的每一个小功能采用的是水平布局。右侧其实里面有两个标签,分别用来显示图片和文字内容的。

3.转换界面为python文件代码

利用pyside2-uic将ui文件转换成py文件。

4.初始化界面

5.功能实现。

其实整体功能实现并不难,主要分为了几个大部分,画布区改变响应,画布区里面显示的其实是图片,所以这里imgNew专门用来生成图片的,textChange用来实现文本内容和样式的改变,selectImg用来选择图片,最后一个saveImg用来生成保存图片用的。

(全文完)

长按二维码,加关注!叶子陪你玩

欢迎转载,转载请注明出处!

欢迎关注公众微信号:叶子陪你玩编程

分享自己的python学习之路

python界面图片-python图形用户界面(六):可视化给图片添加上文字相关推荐

  1. python用户界面导入图片_python图形用户界面(六):可视化给图片添加上文字

    前言 本系列课程是针对无基础的,争取用简单明了的语言来讲解,学习前需要具备基本的电脑操作能力,准备一个已安装python环境的电脑.如果觉得好可以分享转发,有问题的地方也欢迎指出,在此先行谢过. 前言 ...

  2. Python wxpython篇 | Python生态库之图形用户界面开发库 “wxPython “ 的安装及使用(附. 使用pyinstaller 库打包Python随机点名小程序程序.exe文件)

    全文目录 wxPython 图形用户界面 PyCharm 中安装 wxPython库 PyCharm中将程序打包成 .exe 可执行文件 wxPython 的使用 第一个wxPython 程序 自定义 ...

  3. Py之GUI:Python下各种GUI(图形用户界面)简介、使用优缺点对比

    Py之GUI:Python下各种GUI(图形用户界面)简介.使用优缺点对比 目录 GUI Python下各种GUI简介.使用优缺点对比 Python下各种GUI更多官权威介绍 GUI 图形用户界面(G ...

  4. python查找文字在图片中的位置_一键给图片添加上文字、诗词和歌词|还有百万句子库可供查找...

    对于一些人来说,可能在他们的印象里,总觉得给手机拍的照片加上文字太复杂太难,是专业人士才会做的事儿. 其实没那么难,给手机拍的照片加上好看的文字也很简单,今天我就来带给大家一个方法,不光可以给图片添加 ...

  5. HTML在日期单元格添加小图片,如何给图片添加上文字、日期和自己名字的小水印呢?...

    刚刚分享过一篇如何添加文字.日期和印章的文章,大家可以使用图曰(yue)app来完成,首先先看几张效果图,而且还可以添加上一些边框呢! 给图片添加上一些文字之后,图片的文艺气息更加的浓厚 2.尤其是风 ...

  6. jsp点击文字改变颜色_这样给图片添加上文字、诗词、歌词,超吸睛

    这样给图片添加上文字.诗词.歌词,超吸睛! 很多小伙伴想给自己的图片天爱上文字.诗词还有歌词,但是不知道怎么天爱才能吸引别人. 1. 直接给图片添加上文字.诗词或者歌词,可以给图片调节一个背景颜色. ...

  7. python打开界面是什么样的-python学习笔记(图形用户界面)

    GUI python提供了多个图形开发界面的库,几个常用Python GUI库如下: Tkinter: Tkinter模块("Tk 接口")是Python的标准Tk GUI工具包的 ...

  8. python打开界面-python学习笔记(图形用户界面)

    GUI python提供了多个图形开发界面的库,几个常用Python GUI库如下: Tkinter: Tkinter模块("Tk 接口")是Python的标准Tk GUI工具包的 ...

  9. Python学习笔记007_图形用户界面[EasyGui][Tkinter]

    EasyGui官网:http://easygui.sourceforge.net/ EasyGui最新版:easygui-0.97.rar 小甲鱼根据官网文档翻译之后的中文文档地址: http://b ...

最新文章

  1. 为什么第二代测序碱基出错主要以替换(Substitutions)为主
  2. python与pyqt5_【Python开发】PyQt5应用与实践
  3. openfire开发文档
  4. 深入浅出空间索引:2
  5. surfire 单元测试 使用了mock字节码再生和注入, UseSplitVerifier防止字节码校验
  6. C#基础知识详解之【字段与属性】
  7. remote API和regular API 的区别
  8. python爬取京东商品信息代码_Python利用Xpath选择器爬取京东网商品信息
  9. 树莓派添加USB外接硬盘
  10. Linux为什么虚拟内存大于物理内存?
  11. DELL服务器安装centos系统
  12. 爬梯:Docker全解析(二)
  13. elasticsearch7.8索引生命周期报错:index.lifecycle.rollover_alias does not point to index
  14. linux上的c语言开发环境搭建,c语言开发环境(c语言开发环境搭建)
  15. RPGMAKER游戏引擎基于JavaScript的插件制作(一)——前期准备以及RPGMAKER内建逻辑
  16. 【java支付一 】java整合银联支付
  17. qt 5.15.2 版本安装脱坑指南
  18. c语言标志位flag怎么用,怎么用flag标志位当单片机中断标志来用
  19. h5分享到新浪微博 php,h5分享图文链接到微博如何实现
  20. html5 input valid,javascript – 如果inputElement.validity.valid == false,如何显示HTML5验证?...

热门文章

  1. bootstrap4导航栏点击弹出表单_Bootstrap4从入门到精通
  2. c 嵌入html5 win7,Html5新标签解释及用法
  3. python 提取最小外接矩形_放弃机器学习框架,如何用 Python 做物体检测?
  4. JVM 调优 —— 新生代 Survivor 空间不足
  5. dns-sd._udp.domain. 域名发现 本质和MDNS同
  6. mongodb 关闭服务 mongod -f /root/mongodb/bin/xx.conf --shutdown
  7. 对偶问题复习要点整理
  8. webstorm 修改端口号
  9. 深入分析ReentrantLock公平锁和非公平锁的区别 (转)
  10. 1. 自然语言处理描述