【日常篇】001_花里胡哨文字生成器

程序员文章站 2022-03-11 21:18:53

基于Python实现花里胡哨文字生成器在浏览网页的过程中，时常会看到各种“不同寻常”的文字，形如：这些文字总会在普通文字的基础上，附带许多奇特的符号。其基本原理是Unicode的结合附加符号与普通文字的叠加，想要制作一个这样的文字生成器，首先就需要了解这样的文字是怎么使用Unicode编码得到的基本理论Unicode的作用最开始的时候，人们使用长度仅1字节的ASCII码来表示128种字符，其中每个字符都对应一个编码，例如：二进制编码010000012_22表示字符’A’，则在程序...

基于Python实现花里胡哨文字生成器

在浏览网页的过程中，时常会看到各种“不同寻常”的文字，形如：

【日常篇】001_花里胡哨文字生成器

这些文字总会在普通文字的基础上，附带许多奇特的符号。其基本原理是Unicode的结合附加符号与普通文字的叠加，想要制作一个这样的文字生成器，首先就需要了解这样的文字是怎么使用Unicode编码得到的

基本理论

Unicode的作用

最开始的时候，人们使用长度仅1字节的ASCII码来表示128种字符，其中每个字符都对应一个编码，例如：二进制编码01000001 $_2$ 表示字符’A’，则在程序中，字符’A’就是用01000001这样的二进制序列来保存的

后来，随着需求的增加，只能表示128种字符的ASCII码逐渐地“不够用”了：ASCII码显然是没有包含中文、日文、韩文这些文字的，如果要对这些字进行编码，就需要单独制定一种新的编码规则，于是Unicode由此诞生

Unicode使用了更多的字节，将全球各地的语言文字都包含了进去。这样一来，在Unicode的规则之下，任何国家的文字就都可以有一个对应的编码了。也就是说，使用Unicode后，就可以在程序中使用各国语言（而非一定要是ASCII码规定的128种字符之一）了

Unicode结合附加符号

Unicode编码中，有一个分类叫做“结合附加符号”，这便是这些奇形怪状的文字的“万恶之源”：将普通的文字与这些结合附加符号相结合，就会发生一些可能之前从来没有见过的奇观

打开python的idle界面，输入：

sss = "\u0041\u030A"
print(sss)

可以观察到这样的现象：

【日常篇】001_花里胡哨文字生成器

注意到不仅是输出了一个A，而且还在A的上面多了一个圆！\u0041是A的Unicode编码，而\u030A则是一个结合附加符号" $\circ$ "，当这两个符号结合起来的时候，圆圈就不会单独占一个位置，而是与A相互结合了起来！

如果将这个\u030A复制多次，则可以不断地在A的上方生成越来越多的圆，从而起到“穿屏”的效果：

【日常篇】001_花里胡哨文字生成器

上述界面是在浏览器的开发者工具中的Console运行的结果，而在Python的idle中，显示的文字是有高度限制的，所以基本上就只保留了第一层的圈，导致视觉效果并不好。实际上，在qq和微信的聊天界面中，也限制了文字的高度，所以复制进去最多就只能看到四五层，在视觉上并不够震撼

除了圆圈之外，还有其他的很多结合附加符号，他们都可以与前面那个文字相叠加。结合附加符号的Unicode编码位于第0平面（具体概念没了解，但用\u开头表示就是了）的0300-036F之间，共有112种字符，在https://unicode-table.com/cn/blocks/combining-diacritical-marks/这个网址上可以搜索这些Unicode码所对应的符号具体都是些啥，对后续的花里胡哨的选择很有帮助

程序设计思路

在简单地提及了关于Unicode的内容后，现在就可以设计一个这样的文字的生成器了

整理一下目前已知的信息：
1、普通文字+Unicode结合附加符号=在普通文字上追加符号
2、Unicode结合附加符号的编码位于第0平面的0300-036F之间，即编码在\u0300-\u036F之间

因此，如果想要在文字周围加上一堆奇怪的符号的话，只要在每个字后面都加上这些Unicode结合符号就行了。Unicode符号加的越多，看起来就越乱（经实测发现，有些符号会往上叠加，而有些符号则是往下叠加）：

【日常篇】001_花里胡哨文字生成器

这样，在程序中的思路就很清晰了：先让用户输入一个字符串，然后依次遍历此字符串中的每个字符，在每个字符后面都加入一定数量的Unicode结合符号。最后，再对新的字符串进行输出就可以了。伪代码表示如下：

process convertStr(string)
	newString <- "" // 初始化一个空串
	for i <- 1 to length(string)
		randomUnicode <- 随机生成指定数量的Unicode结合符号对应编码
		newString <- newString + string[i] + randomUnicode
    end for
    return newString

关于Unicode的随机生成，由于对这112个结合符号不是很了解，所以在这里就直接在\u0300-\u036F之间随机选取了。此外，应该还可以让用户指定这些结合符号的密度（放在同一个文字上的结合符号数），不然搞太少了没效果，太多了可能又会爆屏（前几年在QQ群有看到过疑似是用了大量Unicode结合符号的消息，结果90%的人看到那条消息后，QQ都闪退了……）

有了思路之后，接下来就是实现了

程序实现

分析

用户的操作是在图形界面进行的，因此，首先需要一个边界类：用户接口类。而关于字符串的处理，可以单独使用一个控制类来实现，因此，可以再添加一个控制类：字符串处理类。对应的类图如下所示：

【日常篇】001_花里胡哨文字生成器

设计

这两个类之间的主要交互只有一个：用户接口类向字符串处理类发送一个字符串，让字符串处理类对字符串进行加工，随后接收加工后的字符串

由此，给字符串处理类分配方法：convertString(str, density)——字符串加工，给用户接口类分配方法：convert(str, density)——将字符串发送给字符串处理类，让后者对字符串进行加工并返回加工后的字符串

此外，字符串是从用户接口类输入的，因为长度通常都很小，不需要单独作为一个实体类而存在，所以可以直接作为用户接口类的一个成员。综上所述，构造的类图如下：

【日常篇】001_花里胡哨文字生成器

实现

控制类ProString

首先构造控制类ProString，其方法也只有一个，就是上述伪代码中，过程convertStr(string, density)的实现。新建文件ProString.py：

import random

class ProString:
    
    '''Process string receive from user's interface class'''
    @staticmethod
    def convertString(string, density):
        newString = ""
        lengthOfStr = len(string)
        for i in range(lengthOfStr):
            randomUnicode = ""
            for j in range(density):
                randomUnicode += ("\\u03" + str(int(random.random() * 7)) + str([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'][int(random.random() * 16)]))
            # 区分出字母、数字
            if('a' <= string[i] <= 'z' or 'A' <= string[i] <= 'Z' or '0' <= string[i] <= '9'):
                part = string[i]
            else:
                part = str(string[i].encode("unicode_escape"))[-7:-1]
            newString += (part + randomUnicode)
        return newString

因为各种坑爹的问题，字母和数字需要单独被区分开来，而汉字则需要先转换为unicode码的字符形式，所以才有了非常费解的那段if-else语句

而randomUnicode的生成比较地笨，但最直接的能想到的就是这个方式了……

随意编写一个test.py来调用这个过程：

from ProString import *

a = ProString.convertString("aaa是", 10)
print(a)

得到结果：

a\u0363\u032D\u036B\u0314\u032F\u030E\u0359\u0317\u0337\u030Da\u0328\u0322\u0319\u0309\u035E\u0356\u0356\u0321\u033D\u0349a\u033B\u0331\u036A\u0306\u030A\u0306\u0317\u0325\u032E\u0306\u662f\u032F\u036E\u0323\u034B\u0349\u0351\u032D\u0369\u0322\u0323

这正是想要的返回结果，将其复制到浏览器开发者工具的Console上查看效果：

【日常篇】001_花里胡哨文字生成器

汉字没有显示出来，但是不要紧，在其他地方还是可以正常显示的

接下来再到用户接口类：

用户接口类Main

此处使用qt对图形界面进行设计，首先是一个归纳出的模板：

import sys
from PySide2.QtUiTools import QUiLoader
from PySide2.QtWidgets import QApplication
from PySide2.QtCore import QFile, QIODevice

if __name__ == "__main__":
    app = QApplication(sys.argv)

    ui_file_name = "form.ui"
    ui_file = QFile(ui_file_name)
    if not ui_file.open(QIODevice.ReadOnly):
        print("Cannot open {}: {}".format(ui_file_name, ui_file.errorString()))
        sys.exit(-1)
    loader = QUiLoader()
    window = loader.load(ui_file)
    ui_file.close()
    if not window:
        print(loader.errorString())
        sys.exit(-1)
    window.show()

    sys.exit(app.exec_())

使用这段代码，就可以在运行Main.py的时候，让python加载一个名为form.ui的图形化界面文件，并将其打开

现在，先设计图形界面form.ui。这个过程是在qt creator中完成的：

【日常篇】001_花里胡哨文字生成器

qt creator能够提供一个良好的可视化界面设计环境，并且还是有开源（免费）版的，非常值得一试

设计出的窗口界面如下：

【日常篇】001_花里胡哨文字生成器

随后，在Main.py中，添加调用ProString.convertString的方法：

def convert():
    inputString = window.textEdit.toPlainText()
    # 排除空串
    if(inputString == ""):
        return
    # 排除非法输入的符号密度
    density = window.lineEdit.text()
    try:
        density = int(density)
    except:
        window.plainTextEdit.setPlainText("符号密度应该是数字！")
        return
    # 正常执行
    outputString = ProString.convertString(inputString, density)
    outputString = outputString.encode("utf-8").decode("unicode_escape")
    window.plainTextEdit.setPlainText(outputString)

并将此方法关联到按钮上：

window.pushButton.clicked.connect(convert)

到此，生成器的制作就完成了，下面是运行效果：

效果展示

【日常篇】001_花里胡哨文字生成器

放在QQ中尝试：

【日常篇】001_花里胡哨文字生成器

ohhhhhhhhhhhhhhhhhh

经实测发现，如果要保证可读性，符号密度设置为8就差不多了，再多一些就会影响文字的阅读了……

最后，在弄完后才发现，在QQ里面只要多换几行，就可以让下面几行的符号顶到最顶上，可以用这个方式来弥补高度限制……

源码

form.ui

<?xml version="1.0" encoding="UTF-8"?>
<ui version="4.0">
 <class>widget</class>
 <widget class="QWidget" name="widget">
  <property name="geometry">
   <rect>
    <x>0</x>
    <y>0</y>
    <width>1000</width>
    <height>750</height>
   </rect>
  </property>
  <property name="minimumSize">
   <size>
    <width>1000</width>
    <height>750</height>
   </size>
  </property>
  <property name="maximumSize">
   <size>
    <width>1000</width>
    <height>750</height>
   </size>
  </property>
  <property name="windowTitle">
   <string>Form</string>
  </property>
  <widget class="QPushButton" name="pushButton">
   <property name="geometry">
    <rect>
     <x>840</x>
     <y>10</y>
     <width>151</width>
     <height>61</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <family>楷体</family>
     <pointsize>20</pointsize>
    </font>
   </property>
   <property name="text">
    <string>生成</string>
   </property>
  </widget>
  <widget class="QLineEdit" name="lineEdit">
   <property name="geometry">
    <rect>
     <x>720</x>
     <y>10</y>
     <width>61</width>
     <height>61</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <pointsize>20</pointsize>
    </font>
   </property>
   <property name="text">
    <string>10</string>
   </property>
   <property name="maxLength">
    <number>2</number>
   </property>
  </widget>
  <widget class="QLabel" name="label">
   <property name="geometry">
    <rect>
     <x>540</x>
     <y>10</y>
     <width>181</width>
     <height>61</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <family>楷体</family>
     <pointsize>20</pointsize>
    </font>
   </property>
   <property name="text">
    <string>符号密度</string>
   </property>
  </widget>
  <widget class="QLabel" name="label_2">
   <property name="geometry">
    <rect>
     <x>10</x>
     <y>10</y>
     <width>211</width>
     <height>61</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <family>楷体</family>
     <pointsize>20</pointsize>
    </font>
   </property>
   <property name="text">
    <string>待转换文本</string>
   </property>
  </widget>
  <widget class="QTextEdit" name="textEdit">
   <property name="geometry">
    <rect>
     <x>220</x>
     <y>10</y>
     <width>311</width>
     <height>61</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <pointsize>12</pointsize>
    </font>
   </property>
  </widget>
  <widget class="QPlainTextEdit" name="plainTextEdit">
   <property name="geometry">
    <rect>
     <x>10</x>
     <y>80</y>
     <width>981</width>
     <height>661</height>
    </rect>
   </property>
   <property name="font">
    <font>
     <pointsize>20</pointsize>
    </font>
   </property>
  </widget>
 </widget>
 <resources/>
 <connections/>
</ui>

Main.py

import sys
from PySide2.QtUiTools import QUiLoader
from PySide2.QtWidgets import QApplication
from PySide2.QtCore import QFile, QIODevice
from ProString import *

def convert():
    inputString = window.textEdit.toPlainText()
    # 排除空串
    if(inputString == ""):
        return
    # 排除非法输入的符号密度
    density = window.lineEdit.text()
    try:
        density = int(density)
    except:
        window.plainTextEdit.setPlainText("符号密度应该是数字！")
        return
    # 正常执行
    outputString = ProString.convertString(inputString, density)
    outputString = outputString.encode("utf-8").decode("unicode_escape")
    window.plainTextEdit.setPlainText(outputString)

if __name__ == "__main__":
    app = QApplication(sys.argv)

    ui_file_name = "form.ui"
    ui_file = QFile(ui_file_name)
    if not ui_file.open(QIODevice.ReadOnly):
        print("Cannot open {}: {}".format(ui_file_name, ui_file.errorString()))
        sys.exit(-1)
    loader = QUiLoader()
    window = loader.load(ui_file)
    ui_file.close()
    if not window:
        print(loader.errorString())
        sys.exit(-1)
    window.pushButton.clicked.connect(convert)
    window.show()
    sys.exit(app.exec_())

ProString.py

import random

class ProString:
    
    '''Process string receive from user's interface class'''
    @staticmethod
    def convertString(string, density):
        newString = ""
        lengthOfStr = len(string)
        for i in range(lengthOfStr):
            randomUnicode = ""
            for j in range(density):
                randomUnicode += ("\\u03" + str(int(random.random() * 7)) + str([0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'B', 'C', 'D', 'E', 'F'][int(random.random() * 16)]))
            # 区分出字母、数字
            if('a' <= string[i] <= 'z' or 'A' <= string[i] <= 'Z' or '0' <= string[i] <= '9'):
                part = string[i]
            else:
                part = str(string[i].encode("unicode_escape"))[-7:-1]
            newString += (part + randomUnicode)
        return newString

本文地址：https://blog.csdn.net/qq_41959720/article/details/110429162