87 lines
2.9 KiB
QML
87 lines
2.9 KiB
QML
// =============================================
|
||
// =============== 单个文本块组件 ===============
|
||
// =============================================
|
||
|
||
import QtQuick 2.15
|
||
import QtQuick.Controls 2.15
|
||
import ".."
|
||
|
||
Item {
|
||
id: tRoot
|
||
property string text: ""
|
||
|
||
// 颜色固定，不受主题影响
|
||
property color bgColor: "#99000000"
|
||
property color textColor: "#FFFFFF"
|
||
|
||
// 外部接口，重设字体和组件大小
|
||
property var resetSize: textEdit.resetFontSize
|
||
property alias textEdit: textEdit // 文本组件
|
||
property string end: "" // 结尾间隔符
|
||
|
||
// 传入一个相对于item的坐标，返回该坐标的文本序号。
|
||
function where(item, mx, my) {
|
||
const textPoint = textEdit.mapFromItem(item, mx, my)
|
||
const textPos = textEdit.positionAt(textPoint.x, textPoint.y)
|
||
return textPos
|
||
}
|
||
|
||
// 背景
|
||
Rectangle {
|
||
id: bgRect
|
||
anchors.fill: parent
|
||
color: bgColor
|
||
}
|
||
// 结尾标识
|
||
Icon_ {
|
||
icon: "line_feed"
|
||
visible: end == "\n" // 标记换行符
|
||
anchors.left: parent.right
|
||
anchors.bottom: parent.bottom
|
||
anchors.leftMargin: 1
|
||
height: Math.min(tRoot.height * 0.8 ,tRoot.width * 0.8 , size_.line * 2)
|
||
width: height
|
||
color: theme.subTextColor
|
||
}
|
||
// 文本
|
||
TextEdit_ {
|
||
id: textEdit
|
||
anchors.fill: parent
|
||
color: textColor
|
||
readOnly: true // 只读
|
||
selectByMouse: false // 禁止选择文本
|
||
selectByKeyboard: false
|
||
persistentSelection: true // 丢失焦点时，保留选区
|
||
font.pixelSize: 10 // 初始：10像素
|
||
|
||
// 重设字体大小，以适合组件大小
|
||
function resetFontSize() {
|
||
text = tRoot.text
|
||
// 初次调整，利用初始文字面积与容器面积的比值，计算字体大小
|
||
let s = 1
|
||
if(contentWidth>0 && contentHeight>0)
|
||
s = (width * height) / (contentWidth * contentHeight)
|
||
let ps = font.pixelSize * Math.sqrt(s)
|
||
font.pixelSize = ps
|
||
// 二次调整：如果文本比容器高出至少半行，则减小字体大小，直到不高于容器
|
||
if(contentHeight >= height+(ps*0.5)) {
|
||
// 为了保持性能，限定调整的最大次数
|
||
for(let i=0; i<10 && contentHeight > height; i++) {
|
||
font.pixelSize--
|
||
}
|
||
}
|
||
// 二次调整：如果当前只有一行，则优化字间距
|
||
if(lineCount === 1 && text.length > 0) {
|
||
const s = (tRoot.width - contentWidth) / text.length
|
||
if(s > 0) {
|
||
font.letterSpacing = s
|
||
}
|
||
}
|
||
// 优化整体宽高
|
||
if(contentWidth > tRoot.width)
|
||
tRoot.width = contentWidth
|
||
if(contentHeight > tRoot.height)
|
||
tRoot.height = contentHeight
|
||
}
|
||
}
|
||
} |