南京二号线皮肤调整

This commit is contained in:
fan 2020-12-18 13:10:55 +08:00
parent 0594529577
commit 2ddc94f7aa
14 changed files with 73 additions and 39 deletions

View File

@ -133,7 +133,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#5578B6', // 灯灯柱颜色 standardColor: '#5578B6', // 灯灯柱颜色
standardWidth: 1.5 // 灯柱宽度 standardVerticalWidth: 1.5, // 灯柱竖杆宽度
standardRailWidth: 1.5 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -141,7 +141,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#C0C0C0', // 灯柱颜色 standardColor: '#C0C0C0', // 灯柱颜色
standardWidth: 2 // 灯柱宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -147,7 +147,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#FFFFFF', // 灯柱颜色 standardColor: '#FFFFFF', // 灯柱颜色
standardWidth: 2 // 灯柱宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -125,7 +125,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#3149C3', // 灯珠颜色 standardColor: '#3149C3', // 灯珠颜色
standardWidth: 2 // 灯珠宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -125,7 +125,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#3149C3', // 灯珠颜色 standardColor: '#3149C3', // 灯珠颜色
standardWidth: 2 // 灯珠宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -148,7 +148,8 @@ class SkinCode extends defaultStyle {
standardLength: 4, // 高柱长度 standardLength: 4, // 高柱长度
standardHeight: 5, // 灯柱高度 standardHeight: 5, // 灯柱高度
standardColor: '#FF0000', // 灯柱颜色 standardColor: '#FF0000', // 灯柱颜色
standardWidth: 4 // 灯柱宽度 standardVerticalWidth: 4, // 灯柱竖杆宽度
standardRailWidth: 4 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -145,10 +145,12 @@ class SkinCode extends defaultStyle {
distance: 10, // 设备距离区段的距离 distance: 10, // 设备距离区段的距离
post: { post: {
standardShow: true, // 灯柱显示 standardShow: true, // 灯柱显示
standardLength: 4, // 高柱长度 standardVerticalShape: '8', // 灯柱 竖杆 8边型
standardLength: 12, // 高柱长度
standardHeight: 5, // 灯柱高度 standardHeight: 5, // 灯柱高度
standardColor: '#FF0000', // 灯柱颜色 standardColor: '#FF0000', // 灯柱颜色
standardWidth: 4 // 灯柱宽度 standardVerticalWidth: 1, // 灯柱竖杆宽度
standardRailWidth: 6 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -128,7 +128,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#C0C0C0', // 灯柱颜色 standardColor: '#C0C0C0', // 灯柱颜色
standardWidth: 2 // 灯柱宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -164,7 +164,8 @@ class SkinCode extends defaultStyle {
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#000000', // 灯柱颜色 standardColor: '#000000', // 灯柱颜色
physicColor:'#c0c0c0', // 物理点灯灯柱颜色 physicColor:'#c0c0c0', // 物理点灯灯柱颜色
standardWidth: 2 // 灯柱宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -150,7 +150,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#969696', // 灯灯柱颜色 standardColor: '#969696', // 灯灯柱颜色
standardWidth: 3 // 灯柱宽度 standardVerticalWidth: 3, // 灯柱竖杆宽度
standardRailWidth: 3 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -133,7 +133,8 @@ class SkinCode extends defaultStyle {
standardLength: 6, // 高柱长度 standardLength: 6, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#3149C3', // 灯珠颜色 standardColor: '#3149C3', // 灯珠颜色
standardWidth: 2 // 灯珠宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2 // 灯柱横杆宽度
}, },
text: { text: {
show: true, // 信号机名称显示 show: true, // 信号机名称显示

View File

@ -142,7 +142,8 @@ class SkinCode extends defaultStyle {
standardLength: 7, // 高柱长度 standardLength: 7, // 高柱长度
standardHeight: 6, // 灯柱高度 standardHeight: 6, // 灯柱高度
standardColor: '#fff', // 灯柱颜色 standardColor: '#fff', // 灯柱颜色
standardWidth: 2, // 灯柱宽度 standardVerticalWidth: 2, // 灯柱竖杆宽度
standardRailWidth: 2, // 灯柱横杆宽度
autoRouteColor: '#008000', // 自动进路开启灯柱颜色 autoRouteColor: '#008000', // 自动进路开启灯柱颜色
shapeChange: true, // 灯柱形状改变 shapeChange: true, // 灯柱形状改变
terminalOptional: '#CC3399' // 终端可选信号机灯柱颜色 terminalOptional: '#CC3399' // 终端可选信号机灯柱颜色

View File

@ -12,23 +12,49 @@ class ESigPost extends Group {
create() { create() {
const model = this.model; const model = this.model;
const style = this.model.style; const style = this.model.style;
// 竖杆 // 基座
this.ver = new Polyline({ let verPoints = [[model.x, model.y + style.Signal.post.standardHeight * 1.2], [model.x, model.y - style.Signal.post.standardHeight * 1.2]];
_subType: 'SignalLamp', if (style.Signal.post.standardVerticalShape && style.Signal.post.standardVerticalShape === '8') {
_val: '3', verPoints = [
zlevel: model.zlevel, [model.x - model.drict * 2, model.y + style.Signal.post.standardHeight * 1.2],
z: model.z, [model.x - model.drict * 2, model.y - style.Signal.post.standardHeight * 1.2],
shape: { [model.x, model.y - style.Signal.post.standardHeight * 1.2],
points: [ [model.x, model.y - style.Signal.post.standardRailWidth / 2],
[model.x, model.y + style.Signal.post.standardHeight * 1.2], [model.x + model.drict * 2, model.y - style.Signal.post.standardRailWidth / 2],
[model.x, model.y - style.Signal.post.standardHeight * 1.2] [model.x + model.drict * 2, model.y + style.Signal.post.standardRailWidth / 2],
] [model.x, model.y + style.Signal.post.standardRailWidth / 2],
}, [model.x, model.y + style.Signal.post.standardHeight * 1.2]
style: { ];
lineWidth: style.Signal.post.standardWidth, this.ver = new Polygon({
stroke: style.Signal.post.standardColor _subType: 'SignalLamp',
} _val: '3',
}); zlevel: model.zlevel,
z: model.z,
shape: {
points: verPoints
},
style: {
lineWidth: style.Signal.post.standardVerticalWidth,
stroke: style.Signal.post.standardColor,
fill: style.Signal.post.standardColor
}
});
} else {
this.ver = new Polyline({
_subType: 'SignalLamp',
_val: '3',
zlevel: model.zlevel,
z: model.z,
shape: {
points: verPoints
},
style: {
lineWidth: style.Signal.post.standardVerticalWidth,
stroke: style.Signal.post.standardColor,
fill: style.Signal.post.standardColor
}
});
}
// 横杆 // 横杆
this.hor = new Polyline({ this.hor = new Polyline({
zlevel: model.zlevel, zlevel: model.zlevel,
@ -41,18 +67,13 @@ class ESigPost extends Group {
] ]
}, },
style: { style: {
lineWidth: style.Signal.post.standardWidth, lineWidth: style.Signal.post.standardRailWidth,
stroke: style.Signal.post.standardColor stroke: style.Signal.post.standardColor
} }
}); });
this.add(this.ver); this.add(this.ver);
this.add(this.hor); this.add(this.hor);
model.type === '01' ? this.hor.hide() : this.hor.show();
if (style.Signal.post.standardShow) {
this.hor.show();
}
} }
setColor(color) { setColor(color) {
@ -100,7 +121,7 @@ class ESigPost extends Group {
if (style.Signal.post.standardShow) { if (style.Signal.post.standardShow) {
type = '01'; type = '01';
} }
const length = style.Signal.post.standardShow ? 4 : 0; const length = style.Signal.post.standardShow ? style.Signal.post.standardLength : 0;
if (type === '01') { if (type === '01') {
return { return {
x: model.x + model.drict * style.Signal.lamp.radiusR * 3 / 2 + model.drict * length, x: model.x + model.drict * style.Signal.lamp.radiusR * 3 / 2 + model.drict * length,

View File

@ -180,7 +180,7 @@ class Signal extends Group {
this.sigBack.hide(); this.sigBack.hide();
} }
// 信号机名称 // 信号机名称
const sigNameX = model.position.x + model.positionPoint.x - drict * (style.Signal.post.standardWidth) + model.namePosition.x; const sigNameX = model.position.x + model.positionPoint.x - drict * (style.Signal.post.standardVerticalWidth) + model.namePosition.x;
const sigNameY = model.position.y + model.positionPoint.y + posit * (style.Signal.distance + style.Section.line.width + style.Signal.lamp.radiusR * 2 + model.namePosition.y + style.Signal.text.distance); const sigNameY = model.position.y + model.positionPoint.y + posit * (style.Signal.distance + style.Section.line.width + style.Signal.lamp.radiusR * 2 + model.namePosition.y + style.Signal.text.distance);
const textAlign = style.Signal.text.isAlignCenter ? 'middle' : this.model.right ? 'left' : 'right'; const textAlign = style.Signal.text.isAlignCenter ? 'middle' : this.model.right ? 'left' : 'right';
const textVerticalAlign = posit == 1 ? 'top' : 'bottom'; const textVerticalAlign = posit == 1 ? 'top' : 'bottom';
@ -725,7 +725,7 @@ class Signal extends Group {
const rect = this.sigPost.getBoundingRect().clone(); const rect = this.sigPost.getBoundingRect().clone();
return { return {
x: rect.x + drict * this.style.Signal.post.standardWidth, x: rect.x + drict * this.style.Signal.post.standardVerticalWidth,
y: rect.y - offsetY y: rect.y - offsetY
}; };
} }