Graphics 类用于创建绘图显示对象。Graphics可以同时绘制多个位图或者矢量图，还可以结合save，restore，transform，scale，rotate，translate，alpha等指令对绘图效果进行变化。
@@ -735,4 +737,18 @@ export class Graphics {
draw9Grid(texture: Texture, x: number = 0, y: number = 0, width: number = 0, height: number = 0, sizeGrid: any[]): void {
this._saveToCmd(null, Draw9GridTexture.create(texture, x, y, width, height, sizeGrid));
}
-}
\ No newline at end of file
+
+ /**
+ * @private
+ * 绘制对称填充纹理的图片
+ * @param texture
+ * @param x
+ * @param y
+ * @param width
+ * @param height
+ * @param type
+ */
+ drawSymmetric(texture:Texture, x=0,y=0,width=0,height=0,type=0) {
+ this._saveToCmd(null, DrawSymmetricTexture.create(texture, x, y, width, height, type));
+ }
+}
diff --git a/src/layaAir/laya/display/GraphicsBounds.ts b/src/layaAir/laya/display/GraphicsBounds.ts
index e48c093b51..fbb8077fd1 100644
--- a/src/layaAir/laya/display/GraphicsBounds.ts
+++ b/src/layaAir/laya/display/GraphicsBounds.ts
@@ -30,6 +30,7 @@ import { DrawTrianglesCmd } from "./cmd/DrawTrianglesCmd";
import { Draw9GridTexture } from "./cmd/Draw9GridTexture";
import { ClassUtils } from "../utils/ClassUtils";
import { SaveCmd } from "./cmd/SaveCmd"
+import {DrawSymmetricTexture} from "./cmd/DrawSymmetricTexture";
/**
* @private
@@ -150,7 +151,7 @@ export class GraphicsBounds {
this._switchMatrix(tMatrix, tempMatrix);
break;
- case RotateCmd.ID://case context._rotate:
+ case RotateCmd.ID://case context._rotate:
tempMatrix.identity();
tempMatrix.translate(-cmd.pivotX, -cmd.pivotY);
tempMatrix.rotate(cmd.angle);
@@ -172,11 +173,11 @@ export class GraphicsBounds {
this._switchMatrix(tMatrix, tempMatrix);
break;
- case DrawImageCmd.ID://case context._drawTexture:
+ case DrawImageCmd.ID://case context._drawTexture:
case FillTextureCmd.ID://case context._fillTexture
GraphicsBounds._addPointArrToRst(rst, Rectangle._getBoundPointS(cmd.x, cmd.y, cmd.width, cmd.height), tMatrix);
break;
- case DrawTextureCmd.ID://case context._drawTextureTransform:
+ case DrawTextureCmd.ID://case context._drawTextureTransform:
tMatrix.copyTo(tempMatrix);
if (cmd.matrix)
tempMatrix.concat(cmd.matrix);
@@ -267,7 +268,7 @@ export class GraphicsBounds {
GraphicsBounds._addPointArrToRst(rst, GraphicsBounds._tempPoints, tMatrix);
break;
- case DrawCurvesCmd.ID://context._drawCurves:
+ case DrawCurvesCmd.ID://context._drawCurves:
GraphicsBounds._addPointArrToRst(rst, Bezier.I.getBezierPoints(cmd.points), tMatrix, cmd.x, cmd.y);
break;
case DrawLinesCmd.ID://drawpoly
@@ -286,6 +287,10 @@ export class GraphicsBounds {
case Draw9GridTexture.ID:
GraphicsBounds._addPointArrToRst(rst, this._getDraw9GridBBXPoints(cmd as Draw9GridTexture), tMatrix);
break;
+ case DrawSymmetricTexture.ID:
+ //这两个的绘制原理差不多，因此获取包围盒的方式也用一样的
+ GraphicsBounds._addPointArrToRst(rst, this._getDraw9GridBBXPoints(cmd as Draw9GridTexture), tMatrix);
+ break;
}
}
if (rst.length > 200) {
@@ -337,7 +342,7 @@ export class GraphicsBounds {
rst.push(x - radius, y + radius);
return rst;
}
- //
+ //
rst.push(x, y); // 中心
var delta: number = d1 % 360;
@@ -366,13 +371,13 @@ export class GraphicsBounds {
return rst;
/*
var segnum:int = 32;
- var step:Number = delta / segnum;
+ var step:Number = delta / segnum;
var i:Number;
var angle:Number = startAngle;
for (i = 0; i <= segnum; i++) {
rst.push(x + radius * Math.cos(angle), y + radius * Math.sin(angle));
angle += step;
- }
+ }
*/
}
@@ -420,4 +425,4 @@ export class GraphicsBounds {
}
return rst;
}
-}
\ No newline at end of file
+}
diff --git a/src/layaAir/laya/display/cmd/DrawSymmetricTexture.ts b/src/layaAir/laya/display/cmd/DrawSymmetricTexture.ts
new file mode 100644
index 0000000000..0b30ed39bb
--- /dev/null
+++ b/src/layaAir/laya/display/cmd/DrawSymmetricTexture.ts
@@ -0,0 +1,72 @@
+/** created by WangCheng on 2021/9/12 17:56 */
+
+import {Texture} from "../../resource/Texture";
+import {Pool} from "../../utils/Pool";
+import {Context} from "../../resource/Context";
+
+/**
+ * 绘制对称填充纹理的图片
+ * @internal
+ */
+export class DrawSymmetricTexture {
+
+ static ID: string = "DrawSymmetricTexture";
+
+ /**
+ * 纹理。
+ */
+ texture: Texture;
+ /**
+ * （可选）X轴偏移量。
+ */
+ x: number;
+ /**
+ * （可选）Y轴偏移量。
+ */
+ y: number;
+ /**
+ * （可选）宽度。
+ */
+ width: number;
+ /**
+ * （可选）高度。
+ */
+ height: number;
+ /**纹理填充类型, 默认为 0 */
+ type: number;
+
+
+
+ /**@private */
+ static create(texture: Texture, x: number, y: number, width: number, height: number, type:number): DrawSymmetricTexture {
+ var cmd: DrawSymmetricTexture = Pool.getItemByClass("DrawSymmetricTexture", DrawSymmetricTexture);
+ cmd.texture = texture;
+ texture._addReference();
+ cmd.x = x;
+ cmd.y = y;
+ cmd.width = width;
+ cmd.height = height;
+ cmd.type = type;
+
+ return cmd;
+ }
+
+ /**
+ * 回收到对象池
+ */
+ recover(): void {
+ this.texture._removeReference();
+ Pool.recover("DrawSymmetricTexture", this);
+ }
+
+ /**@private */
+ run(context: Context, gx: number, gy: number): void {
+ context.drawSymmetricTexture(this.texture, this.x, this.y, this.width, this.height, this.type, gx, gy);
+ }
+
+ /**@private */
+ get cmdID(): string {
+ return DrawSymmetricTexture.ID;
+ }
+
+}
diff --git a/src/layaAir/laya/resource/Context.ts b/src/layaAir/laya/resource/Context.ts
index 330f99e8ed..05fe531731 100644
--- a/src/layaAir/laya/resource/Context.ts
+++ b/src/layaAir/laya/resource/Context.ts
@@ -289,7 +289,7 @@ export class Context {
this._fillAndStroke(fillColor, lineColor, lineWidth);
}
- //矢量方法
+ //矢量方法
/**@internal */
_drawPie(x: number, y: number, radius: number, startAngle: number, endAngle: number, fillColor: any, lineColor: any, lineWidth: number, vid: number): void {
//移动中心点
@@ -637,7 +637,7 @@ export class Context {
* 当前canvas请求保存渲染结果。
* 实现：
* 如果value==true，就要给_target赋值
- * @param value {Boolean}
+ * @param value {Boolean}
*/
set asBitmap(value: boolean) {
if (value) {
@@ -832,7 +832,7 @@ export class Context {
var submit: Submit = this._curSubmit;
var sameKey: boolean = submit && (submit._key.submitType === SubmitBase.KEY_DRAWTEXTURE && submit._key.blendShader === this._nBlendType);
if (this._mesh.vertNum + 4 > Context._MAXVERTNUM) {
- this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
+ this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
this.meshlist.push(this._mesh);
sameKey = false;
}
@@ -1008,12 +1008,12 @@ export class Context {
return;
}
_clipRect = pre;
-
+
Stat.drawCall++;//= pos.length / 2;
-
+
if (pos.length < 4)
return;
-
+
var finalVB:VertexBuffer2D = _curSubmit._vb || _vb;
var sx:Number = _curMat.a, sy:Number = _curMat.d;
var vpos:int = finalVB._byteLength >> 2;// + Context._RECTVBSIZE;
@@ -1105,8 +1105,8 @@ export class Context {
/*
var cd:Array = submit.shaderValue.clipDir;
var cp:Array = submit.shaderValue.clipRect;
-
- if (clipInfo[0] != cp[0] || clipInfo[1] != cp[1] || clipInfo[2] != cd[0] || clipInfo[3] != cd[1] || clipInfo[4] != cd[2] || clipInfo[5] != cd[3] )
+
+ if (clipInfo[0] != cp[0] || clipInfo[1] != cp[1] || clipInfo[2] != cd[0] || clipInfo[3] != cd[1] || clipInfo[4] != cd[2] || clipInfo[5] != cd[3] )
return false;
return true;
*/
@@ -1122,7 +1122,7 @@ export class Context {
//var sameKey:Boolean = tex.bitmap.id >= 0 && preKey.submitType === SubmitBase.KEY_DRAWTEXTURE && preKey.other === tex.bitmap.id ;
if (this._mesh.vertNum + minVertNum > Context._MAXVERTNUM) {
- this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
+ this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
this.meshlist.push(this._mesh);
//sameKey = false;
}
@@ -1233,7 +1233,7 @@ export class Context {
this._lastTex = tex;
if (mesh.vertNum + 4 > Context._MAXVERTNUM) {
- mesh = this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
+ mesh = this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
this.meshlist.push(mesh);
sameKey = false; //新的mesh不能算samekey了
}
@@ -1312,7 +1312,7 @@ export class Context {
}
/**
- * 应用当前矩阵。把转换后的位置放到输出数组中。
+ * 应用当前矩阵。把转换后的位置放到输出数组中。
* @param x
* @param y
* @param w
@@ -1411,9 +1411,9 @@ export class Context {
}
/**
- *
+ *
* @param tex
- * @param x
+ * @param x
* @param y
* @param width
* @param height
@@ -1576,7 +1576,7 @@ export class Context {
this._drawCount++;
var rgba: number = 0xffffffff;
if (this._mesh.vertNum + 4 > Context._MAXVERTNUM) {
- this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
+ this._mesh = MeshQuadTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
this.meshlist.push(this._mesh);
}
@@ -1601,11 +1601,11 @@ export class Context {
return false;
}
- drawTriangles(tex: Texture,
- x: number, y: number,
- vertices: Float32Array,
- uvs : Float32Array,
- indices : Uint16Array,
+ drawTriangles(tex: Texture,
+ x: number, y: number,
+ vertices: Float32Array,
+ uvs : Float32Array,
+ indices : Uint16Array,
matrix : Matrix, alpha: number, color: ColorFilter, blendMode: string, colorNum: number = 0xffffffff): void {
if (!tex._getSource()) { //source内调用tex.active();
@@ -1641,7 +1641,7 @@ export class Context {
//var rgba:int = mixRGBandAlpha(0xffffffff);
//rgba = _mixRGBandAlpha(rgba, alpha); 这个函数有问题，不能连续调用，输出作为输入
if (triMesh.vertNum + vertices.length / 2 > Context._MAXVERTNUM) {
- triMesh = this._triangleMesh = MeshTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
+ triMesh = this._triangleMesh = MeshTexture.getAMesh(this.isMain);//创建新的mesh TODO 如果_mesh不是常见格式，这里就不能这么做了。以后把_mesh单独表示成常用模式
this.meshlist.push(triMesh);
sameKey = false; //新的mesh不能算samekey了
}
@@ -1811,7 +1811,7 @@ export class Context {
}
/**
- *
+ *
* @param start
* @param end
*/
@@ -2073,7 +2073,7 @@ export class Context {
}
/**
- *
+ *
* @param x
* @param y
* @param b 是否应用矩阵
@@ -2343,7 +2343,7 @@ export class Context {
* | p6--------------------p7 |
* | x,y+h x+w,y+h|
* p5-------------------------------p8
- *
+ *
* 不用了
* 这个其实用4个fillrect拼起来更好，能与fillrect合并。虽然多了几个点。
*/
@@ -2378,16 +2378,16 @@ export class Context {
get canvas(): HTMLCanvas {
return this._canvas;
}
- //=============新增==================
+ //=============新增==================
/* 下面的方式是有bug的。canvas是直接save，restore，现在是为了优化，但是有bug，所以先不重载了
public function saveTransform(matrix:Matrix):void {
this._curMat.copyTo(matrix);
}
-
+
public function restoreTransform(matrix:Matrix):void {
matrix.copyTo(this._curMat);
}
-
+
public function transformByMatrix(matrix:Matrix,tx:Number,ty:Number):void {
var mat:Matrix = _curMat;
matrix.setTranslate(tx, ty);
@@ -2399,15 +2399,15 @@ export class Context {
/* 下面的是错误的。位置没有被缩放
public function transformByMatrix(matrix:Matrix, tx:Number, ty:Number):void {
- SaveTransform.save(this);
- Matrix.mul(matrix, _curMat, _curMat);
+ SaveTransform.save(this);
+ Matrix.mul(matrix, _curMat, _curMat);
_curMat.tx += tx;
_curMat.ty += ty;
_curMat._checkTransform();
}
-
+
public function transformByMatrixNoSave(matrix:Matrix, tx:Number, ty:Number):void {
- Matrix.mul(matrix, _curMat, _curMat);
+ Matrix.mul(matrix, _curMat, _curMat);
_curMat.tx += tx;
_curMat.ty += ty;
_curMat._checkTransform();
@@ -2427,7 +2427,7 @@ export class Context {
* @param w
*/
private _fillTexture_h(tex: Texture, imgid: number, uv: ArrayLikeAutoBitmap 类是用于表示位图图像或绘制图形的显示对象。
@@ -23,6 +24,8 @@ export class AutoBitmap extends Graphics {
private _source: Texture;
/**@private 网格数据*/
private _sizeGrid: number[];
+ /**@private 对称图像类型*/
+ private _symmetricType: number = 0;
/**@private */
protected _isChanged: boolean;
/**@internal */
@@ -32,7 +35,7 @@ export class AutoBitmap extends Graphics {
//private var _key:String;
private _drawGridCmd:Draw9GridTexture|null;
- /**@inheritDoc
+ /**@inheritDoc
* @override
*/
destroy(): void {
@@ -77,6 +80,23 @@ export class AutoBitmap extends Graphics {
this._sizeGrid = value.map((v) => { return +v; });
this._setChanged();
}
+ /**
+ * 当前精灵图的纹理(对称)填充类型，默认值为0
+ * symmetricType 的值如下所示：
+ *
Image 类是用于表示位图图像或绘制图形的显示对象。
* Image和Clip组件是唯一支持异步加载的两个组件，比如img.skin = "abc/xxx.png"，其他UI组件均不支持异步加载。
- *
+ *
* @example Image 实例，设置了它的皮肤、位置信息，并添加到舞台上。 symmetricType 的值如下所示：
+ *