调整UI组件相关代码

Runtime/Component/Background/Background.cs

@@ -17,6 +17,8 @@ namespace XCharts.Runtime
         [SerializeField] private Sprite m_Image;
         [SerializeField] private Image.Type m_ImageType;
         [SerializeField] private Color m_ImageColor = Color.white;
+        [SerializeField][Since("v3.10.0")] private float m_ImageWidth = 0;
+        [SerializeField][Since("v3.10.0")] private float m_ImageHeight = 0;
         [SerializeField] private bool m_AutoColor = true;
         [SerializeField][Since("v3.10.0")] private BorderStyle m_BorderStyle = new BorderStyle();
 
@@ -58,6 +60,26 @@ namespace XCharts.Runtime
             set { if (PropertyUtil.SetColor(ref m_ImageColor, value)) SetComponentDirty(); }
         }
 
+        /// <summary>
+        /// the width of background image.
+        /// ||背景图宽度。
+        /// </summary>
+        public float imageWidth
+        {
+            get { return m_ImageWidth; }
+            set { if (PropertyUtil.SetStruct(ref m_ImageWidth, value)) SetComponentDirty(); }
+        }
+
+        /// <summary>
+        /// the height of background image.
+        /// ||背景图高度。
+        /// </summary>
+        public float imageHeight
+        {
+            get { return m_ImageHeight; }
+            set { if (PropertyUtil.SetStruct(ref m_ImageHeight, value)) SetComponentDirty(); }
+        }
+
         /// <summary>
         /// Whether to use theme background color for component color when the background component is on.
         /// ||当background组件开启时，是否自动使用主题背景色作为backgrounnd组件的颜色。当设置为false时，用imageColor作为颜色。

Runtime/Internal/UIComponent.cs

@@ -14,7 +14,7 @@ namespace XCharts.Runtime
     {
         [SerializeField] private bool m_DebugModel = false;
         [SerializeField] protected UIComponentTheme m_Theme = new UIComponentTheme();
-        [SerializeField] private ImageStyle m_Background = new ImageStyle() { show = false };
+        [SerializeField] private Background m_Background = new Background() { show = true };
 
         protected bool m_DataDirty;
         private ThemeType m_CheckTheme = 0;
@@ -24,7 +24,7 @@ namespace XCharts.Runtime
         /// <summary>
         /// 背景样式。
         /// </summary>
-        public ImageStyle background { get { return m_Background; } set { m_Background = value; color = Color.white; } }
+        public Background background { get { return m_Background; } set { m_Background = value; color = Color.white; } }
         /// <summary>
         /// Update chart theme.
         /// ||切换内置主题。

Runtime/Internal/UIComponentTheme.cs

@@ -50,5 +50,13 @@ namespace XCharts.Runtime
                 else return ColorUtil.clearColor32;
             }
         }
+
+        public Color32 GetBackgroundColor(Background background)
+        {
+            if (background != null && background.show && !background.autoColor)
+                return background.imageColor;
+            else
+                return backgroundColor;
+        }
     }
 }

Runtime/Internal/Utilities/ChartHelper.cs

@@ -368,6 +368,28 @@ namespace XCharts.Runtime
             }
         }
 
+        public static void SetBackground(Image background, Background imageStyle)
+        {
+            if (background == null) return;
+            if (imageStyle.show)
+            {
+                background.gameObject.SetActive(true);
+                background.sprite = imageStyle.image;
+                background.color = imageStyle.imageColor;
+                background.type = imageStyle.imageType;
+                if (imageStyle.imageWidth > 0 && imageStyle.imageHeight > 0)
+                {
+                    background.rectTransform.sizeDelta = new Vector2(imageStyle.imageWidth, imageStyle.imageHeight);
+                }
+            }
+            else
+            {
+                background.sprite = null;
+                background.color = Color.clear;
+                background.gameObject.SetActive(false);
+            }
+        }
+
         public static ChartLabel AddAxisLabelObject(int total, int index, string name, Transform parent,
             Vector2 sizeDelta, Axis axis, ComponentTheme theme,
             string content, Color autoColor, TextAnchor autoAlignment = TextAnchor.MiddleCenter, Color32 iconDefaultColor = default(Color32))

Runtime/Internal/Utilities/UIHelper.cs

@@ -13,27 +13,30 @@ namespace XCharts.Runtime
     {
         internal static void DrawBackground(VertexHelper vh, UIComponent component)
         {
-            if (component.background.show == false ||
-                (component.background.sprite == null && ChartHelper.IsClearColor(component.background.color)))
-            {
-                var p1 = new Vector3(component.graphX, component.graphY);
-                var p2 = new Vector3(component.graphX + component.graphWidth, component.graphY);
-                var p3 = new Vector3(component.graphX + component.graphWidth, component.graphY + component.graphHeight);
-                var p4 = new Vector3(component.graphX, component.graphY + component.graphHeight);
-                UGL.DrawQuadrilateral(vh, p1, p2, p3, p4, GetBackgroundColor(component));
-            }
+            var background = component.background;
+            if (!background.show)
+                return;
+            if (background.image != null)
+                return;
+
+            var backgroundColor = component.theme.GetBackgroundColor(background);
+            var borderWidth = background.borderStyle.GetRuntimeBorderWidth();
+            var borderColor = background.borderStyle.GetRuntimeBorderColor();
+            var cornerRadius = background.borderStyle.GetRuntimeCornerRadius();
+            UGL.DrawRoundRectangleWithBorder(vh, component.graphRect, backgroundColor, backgroundColor, cornerRadius,
+                borderWidth, borderColor);
         }
 
         internal static void InitBackground(UIComponent table)
         {
             if (table.background.show == false ||
-                (table.background.sprite == null && ChartHelper.IsClearColor(table.background.color)))
+                (table.background.image == null && ChartHelper.IsClearColor(table.background.imageColor)))
             {
                 ChartHelper.DestoryGameObject(table.transform, "Background");
                 return;
             }
-            var sizeDelta = table.background.width > 0 && table.background.height > 0 ?
-                new Vector2(table.background.width, table.background.height) :
+            var sizeDelta = table.background.imageWidth > 0 && table.background.imageHeight > 0 ?
+                new Vector2(table.background.imageWidth, table.background.imageHeight) :
                 table.graphSizeDelta;
             var backgroundObj = ChartHelper.AddObject("Background", table.transform, table.graphMinAnchor,
                 table.graphMaxAnchor, table.graphPivot, sizeDelta);
@@ -44,14 +47,7 @@ namespace XCharts.Runtime
                 table.graphMaxAnchor, table.graphPivot, sizeDelta);
             ChartHelper.SetBackground(backgroundImage, table.background);
             backgroundObj.transform.SetSiblingIndex(0);
-        }
-
-        public static Color32 GetBackgroundColor(UIComponent component)
-        {
-            if (component.background.show && !ChartHelper.IsClearColor(component.background.color))
-                return component.background.color;
-            else
-                return component.theme.backgroundColor;
+            backgroundObj.SetActive(table.background.show && table.background.image != null);
         }
     }
 }

Runtime/Widgets.meta

@@ -1,8 +0,0 @@
-fileFormatVersion: 2
-guid: 5e8b7c21c2d5a45f09bfd4028bbe5f63
-folderAsset: yes
-DefaultImporter:
-  externalObjects: {}
-  userData: 
-  assetBundleName: 
-  assetBundleVariant: 

Runtime/Widgets/SVGImage.cs

@@ -1,33 +0,0 @@
-using UnityEngine;
-using UnityEngine.UI;
-using XUGL;
-
-namespace XCharts.Runtime
-{
-    [ExecuteInEditMode]
-    public class SVGImage : MaskableGraphic
-    {
-        [SerializeField] private bool m_MirrorY;
-        [SerializeField] private string m_SVGPath;
-
-        private SVGPath m_Path;
-
-        public string svgPath { set { m_SVGPath = value; } get { return m_SVGPath; } }
-        public bool mirrorY { set { m_MirrorY = value; } get { return m_MirrorY; } }
-
-        protected override void Awake()
-        {
-            base.Awake();
-            m_Path = SVGPath.Parse(m_SVGPath);
-            m_Path.mirrorY = m_MirrorY;
-        }
-
-        protected override void OnPopulateMesh(VertexHelper vh)
-        {
-            vh.Clear();
-            if (m_Path != null)
-                m_Path.Draw(vh);
-        }
-
-    }
-}

Runtime/Widgets/SVGImage.cs.meta

@@ -1,11 +0,0 @@
-fileFormatVersion: 2
-guid: fe10ee35a038646b6aedfffb30f84024
-MonoImporter:
-  externalObjects: {}
-  serializedVersion: 2
-  defaultReferences: []
-  executionOrder: 0
-  icon: {instanceID: 0}
-  userData: 
-  assetBundleName: 
-  assetBundleVariant: