jianghe2nd/mota-js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 2 Wiki Activity

Autojust TextBox Width

Browse Source
This commit is contained in:
ckcz123 2018-11-30 22:48:10 +08:00
parent 244f305c3e
commit 3bc047175d
2 changed files with 46 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
libs/ui.js
View File

@ -398,6 +398,34 @@ ui.prototype.drawWindowSkin = function(background,canvas,x,y,w,h,direction,px,py
// 仿RM窗口皮肤 ↑
}
// 计算有效文本框的宽度
ui.prototype.calTextBoxWidth = function (canvas, content, min_width, max_width) {
// 无限长度自动换行
var allLines = core.splitLines(canvas, content);
// 如果不存在手动换行，则二分自动换行
if (allLines.length == 1) {
var prefer_lines = 3;
var start = Math.floor(min_width), end = Math.floor(max_width);
while (start < end) {
var mid = Math.floor((start+end)/2);
if (core.splitLines(canvas, content, mid).length < prefer_lines)
end = mid;
else
start = mid + 1;
}
return mid;
}
// 存在手动换行：以最长的为准
else {
var w = 0;
allLines.forEach(function (t) {
w = Math.max(w, core.canvas[canvas].measureText(t).width);
});
return core.clamp(w, min_width, max_width);
}
}
////// 绘制一个对话框 //////
ui.prototype.drawTextBox = function(content, showAll) {
@ -472,16 +500,27 @@ ui.prototype.drawTextBox = function(content, showAll) {
core.status.boxAnimateObjs = [];
core.clearMap('ui');
var left=7, right=416-left, width = right-left;
var content_left = left + 25;
if (id=='hero' || core.isset(icon)) content_left = left + 62; // 行走图：15+32+15
else if (core.isset(image)) content_left = left + 90; // 大头像：10+70+10
var validWidth = right-content_left - 12;
var font = textfont + 'px Verdana';
if (textAttribute.bold) font = "bold "+font;
var realContent = content.replace(/(\r|\\r)(\[.*?])?/g, "");
var leftSpace = 25, rightSpace = 12;
if (id=='hero' || core.isset(icon)) leftSpace = 62; // 行走图：15+32+15
else if (core.isset(image)) leftSpace = 90; // 大头像：10+70+10
var left = 7, right = 416 - left, width = right - left, validWidth = width - leftSpace - rightSpace;
// 对话框效果：改为动态计算
if (core.isset(px) && core.isset(py)) {
var min_width = 160, max_width = validWidth;
core.setFont('ui', font);
validWidth = this.calTextBoxWidth('ui', realContent, min_width, max_width);
width = validWidth + leftSpace + rightSpace;
// left必须在7~416-7-width区间内，以保证left>=7，right<=416-7
left = core.clamp(32*px+16-width/2, 7, 416-7-width);
right = left + width;
}
var content_left = left + leftSpace;
var height = 30 + (textfont+5)*core.splitLines("ui", realContent, validWidth, font).length;
if (core.isset(name)) height += titlefont + 5;
if (id == 'hero')

2
libs/utils.js
View File

@ -79,7 +79,7 @@ utils.prototype.splitLines = function(canvas, text, maxLength, font) {
else {
var toAdd = text.substring(last, i+1);
var width = core.canvas[canvas].measureText(toAdd).width;
if (width>maxLength) {
if (core.isset(maxLength) && width>maxLength) {
contents.push(text.substring(last, i));
last=i;
}