com.unity.uiwidgets/Assets/UIWidgets/Tests/CanvasAndLayers.cs

using System;
using System.Collections.Generic;
using System.Linq;
using UIWidgets.painting;
using UIWidgets.ui;
using UnityEditor;
using UnityEngine;
using Color = UIWidgets.ui.Color;
using Rect = UIWidgets.ui.Rect;

namespace UIWidgets.Tests {
    public class CanvasAndLayers : EditorWindow {
        private readonly Action[] _options;

        private readonly string[] _optionStrings;

        private int _selected;

        private PaintingBinding paintingBinding;

        private ImageStream _stream;

        CanvasAndLayers() {
            this._options = new Action[] {
                this.drawPloygon4,
                this.drawRect,
                this.drawRectShadow,
                this.drawImageRect,
                this.drawPicture,
                this.clipRect,
                this.clipRRect,
                this.saveLayer,
                this.drawLine,
            };
            this._optionStrings = this._options.Select(x => x.Method.Name).ToArray();
            this._selected = 0;

            this.titleContent = new GUIContent("CanvasAndLayers");
        }

        void OnGUI() {
            this._selected = EditorGUILayout.Popup("test case", this._selected, this._optionStrings);

            if (_selected == 3) {
                if (GUI.Button(new UnityEngine.Rect(20, 50, 100, 20), "Image 1")) {
                    LoadImage(
                        "http://a.hiphotos.baidu.com/image/h%3D300/sign=10b374237f0e0cf3bff748fb3a47f23d/adaf2edda3cc7cd90df1ede83401213fb80e9127.jpg");
                }

                if (GUI.Button(new UnityEngine.Rect(20, 150, 100, 20), "Image 2")) {
                    LoadImage(
                        "http://a.hiphotos.baidu.com/image/pic/item/cf1b9d16fdfaaf519b4aa960875494eef11f7a47.jpg");
                }

                if (GUI.Button(new UnityEngine.Rect(20, 250, 100, 20), "Image 3")) {
                    LoadImage(
                        "http://a.hiphotos.baidu.com/image/pic/item/2f738bd4b31c8701c1e721dd2a7f9e2f0708ffbc.jpg");
                }
            }

            if (Event.current.type == EventType.Repaint) {
                this._options[this._selected]();
            }
        }

        private void OnEnable() {
            this.paintingBinding = new PaintingBinding(null);
            paintingBinding.initInstances();
        }

        private void LoadImage(string url) {
            Dictionary<string, string> headers = new Dictionary<string, string>();
            NetworkImage networkImage = new NetworkImage(url, headers);
            ImageConfiguration imageConfig = new ImageConfiguration();
            _stream = networkImage.resolve(imageConfig);
        }

        void drawPloygon4() {
            var canvas = new CanvasImpl();

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawPloygon4(
                new[] {new Offset(10, 10), new Offset(10, 110), new Offset(110, 110), new Offset(110, 10)},
                paint);

            canvas.drawPloygon4(
                new[] {new Offset(10, 150), new Offset(10, 160), new Offset(140, 120), new Offset(110, 180)},
                paint);
        }
        
        void drawLine() {
            var canvas = new CanvasImpl();

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawLine(
                new Offset(10, 20),
                new Offset(50, 20),
                paint);
            
            canvas.drawLine(
                new Offset(10, 10),
                new Offset(100, 100),
                paint);
            
            
            canvas.drawLine(
                new Offset(10, 10),
                new Offset(10, 50),
                paint);

            canvas.drawLine(
                new Offset(40, 10),
                new Offset(90, 10),
                paint);
            
            var widthPaint = new Paint {
                color = new Color(0xFFFF0000),
                strokeWidth = 4,
            };
            canvas.drawLine(
                new Offset(40, 20),
                new Offset(120, 190),
                widthPaint);
        }

        void drawRect() {
            var canvas = new CanvasImpl();

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 10, 100, 100),
                BorderWidth.only(2, 4, 6, 8),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            paint = new Paint {
                color = new Color(0xFF00FF00),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 150, 100, 100),
                BorderWidth.only(),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            canvas.drawRect(
                Rect.fromLTWH(150, 150, 100, 100),
                BorderWidth.only(10, 12, 14, 16),
                BorderRadius.only(),
                paint);
        }

        void drawRectShadow() {
            var canvas = new CanvasImpl();

            var paint = new Paint {
                color = new Color(0xFF00FF00),
                blurSigma = 3.0,
            };

            canvas.drawRectShadow(
                Rect.fromLTWH(10, 10, 100, 100),
                paint);

            paint = new Paint {
                color = new Color(0xFFFFFF00),
                blurSigma = 2.0,
            };

            canvas.drawRectShadow(
                Rect.fromLTWH(10, 150, 100, 100),
                paint);
        }

        void drawPicture() {
            var pictureRecorder = new PictureRecorder();
            var canvas = new RecorderCanvas(pictureRecorder);

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawPloygon4(
                new[] {new Offset(10, 10), new Offset(10, 110), new Offset(90, 110), new Offset(110, 10)},
                paint);

            paint = new Paint {
                color = new Color(0xFFFFFF00),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 150, 100, 100),
                BorderWidth.only(2, 4, 6, 8),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            canvas.concat(Matrix4x4.Translate(new Vector2(-150, -150)));
            canvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -45)));
            canvas.concat(Matrix4x4.Translate(new Vector2(150, 150)));

            paint = new Paint {
                color = new Color(0xFF00FFFF),
                blurSigma = 3,
            };
            canvas.drawRectShadow(
                Rect.fromLTWH(150, 150, 110, 120),
                paint);

            var picture = pictureRecorder.endRecording();
            Debug.Log("picture.paintBounds: " + picture.paintBounds);

            var editorCanvas = new CanvasImpl();
            editorCanvas.drawPicture(picture);

            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -15)));
            editorCanvas.concat(Matrix4x4.Translate(new Vector2(100, 100)));
            editorCanvas.drawPicture(picture);
        }

        void drawImageRect() {
            if (_stream == null || _stream.completer == null || _stream.completer._currentImgae == null) {
                return;
            }

            var canvas = new CanvasImpl();

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawImageRect(
                Rect.fromLTWH(150, 50, 250, 250),
                Rect.fromLTWH(150, 50, 250, 250),
                paint,
                _stream.completer._currentImgae.image
            );
        }

        void clipRect() {
            var pictureRecorder = new PictureRecorder();
            var canvas = new RecorderCanvas(pictureRecorder);

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawPloygon4(
                new[] {new Offset(10, 10), new Offset(10, 110), new Offset(90, 110), new Offset(110, 10)},
                paint);

            paint = new Paint {
                color = new Color(0xFFFFFF00),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 150, 100, 100),
                BorderWidth.only(2, 4, 6, 8),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            canvas.concat(Matrix4x4.Translate(new Vector2(-150, -150)));
            canvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -45)));
            canvas.concat(Matrix4x4.Translate(new Vector2(150, 150)));

            paint = new Paint {
                color = new Color(0xFF00FFFF),
                blurSigma = 3,
            };
            canvas.drawRectShadow(
                Rect.fromLTWH(150, 150, 110, 120),
                paint);

            var picture = pictureRecorder.endRecording();
            Debug.Log("picture.paintBounds: " + picture.paintBounds);

            var editorCanvas = new CanvasImpl();
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -5)));
            editorCanvas.clipRect(Rect.fromLTWH(25, 15, 250, 250));
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, 5)));

            editorCanvas.drawPicture(picture);

            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -15)));
            editorCanvas.concat(Matrix4x4.Translate(new Vector2(100, 100)));
            editorCanvas.drawPicture(picture);
        }

        void clipRRect() {
            var pictureRecorder = new PictureRecorder();
            var canvas = new RecorderCanvas(pictureRecorder);

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawPloygon4(
                new[] {new Offset(10, 10), new Offset(10, 110), new Offset(90, 110), new Offset(110, 10)},
                paint);

            paint = new Paint {
                color = new Color(0xFFFFFF00),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 150, 100, 100),
                BorderWidth.only(2, 4, 6, 8),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            canvas.concat(Matrix4x4.Translate(new Vector2(-150, -150)));
            canvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -45)));
            canvas.concat(Matrix4x4.Translate(new Vector2(150, 150)));

            paint = new Paint {
                color = new Color(0xFF00FFFF),
                blurSigma = 3,
            };
            canvas.drawRectShadow(
                Rect.fromLTWH(150, 150, 110, 120),
                paint);

            var picture = pictureRecorder.endRecording();
            Debug.Log("picture.paintBounds: " + picture.paintBounds);

            var editorCanvas = new CanvasImpl();
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -5)));
            editorCanvas.clipRRect(RRect.fromRectAndRadius(Rect.fromLTWH(25, 15, 250, 250), 50));
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, 5)));

            editorCanvas.drawPicture(picture);

            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -15)));
            editorCanvas.concat(Matrix4x4.Translate(new Vector2(100, 100)));
            editorCanvas.drawPicture(picture);
        }

        void saveLayer() {
            var pictureRecorder = new PictureRecorder();
            var canvas = new RecorderCanvas(pictureRecorder);

            var paint = new Paint {
                color = new Color(0xFFFF0000),
            };

            canvas.drawPloygon4(
                new[] {new Offset(10, 10), new Offset(10, 110), new Offset(90, 110), new Offset(110, 10)},
                paint);

            paint = new Paint {
                color = new Color(0xFFFFFF00),
            };

            canvas.drawRect(
                Rect.fromLTWH(10, 150, 100, 100),
                BorderWidth.only(2, 4, 6, 8),
                BorderRadius.only(0, 4, 8, 16),
                paint);

            canvas.concat(Matrix4x4.Translate(new Vector2(-150, -150)));
            canvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -45)));
            canvas.concat(Matrix4x4.Translate(new Vector2(150, 150)));

            canvas.clipRRect(RRect.fromRectAndRadius(Rect.fromLTWH(180, 150, 60, 120), 40));
            paint = new Paint {
                color = new Color(0xFF00FFFF),
                blurSigma = 3,
            };
            canvas.drawRectShadow(
                Rect.fromLTWH(150, 150, 110, 120),
                paint);

            var picture = pictureRecorder.endRecording();

            var editorCanvas = new CanvasImpl();
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -5)));
            editorCanvas.clipRRect(RRect.fromRectAndRadius(Rect.fromLTWH(25, 15, 250, 250), 50));
            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, 5)));

            editorCanvas.saveLayer(picture.paintBounds, new Paint {color = new Color(0x7FFFFFFF)});
            editorCanvas.drawPicture(picture);

            editorCanvas.concat(Matrix4x4.Rotate(Quaternion.Euler(0, 0, -15)));
            editorCanvas.concat(Matrix4x4.Translate(new Vector2(100, 100)));
            editorCanvas.drawPicture(picture);
            editorCanvas.restore();
        }
    }
}