SunnyUI中UIAvatar的使用

在SunnyUI控件库中，UIAvatar 控件是用来显示头像或图标的小部件，通常用于用户界面中代表用户或角色的图像。下面是如何在你的应用程序中使用 UIAvatar 的步骤：

1. 引入 SunnyUI 控件库

确保你的项目已经包含了 SunnyUI 控件库。如果是通过 NuGet 包管理器安装的，应该在项目的引用中可以看到 SunnyUI 的相关库。

2. 添加 UIAvatar 控件

在你的窗体设计视图中，从工具箱中拖拽 UIAvatar 控件到窗体上。如果 UIAvatar 没有出现在工具箱中，可能需要刷新工具箱或者手动添加 SunnyUI 控件到工具箱。

3. 配置 UIAvatar 属性

UIAvatar 控件有几个关键属性，例如：

• Image：设置显示的图像，可以是 Image 类型的对象。
• ImageUrl：设置显示图像的 URL，适用于网络图像。
• SizeMode：设置图像的大小模式，如 SizeMode.StretchImage 会拉伸图像以适应控件大小。
• Radius：设置圆形头像的圆角半径，通常设置为控件高度的一半来形成一个完美的圆形。

示例代码

下面是一个使用 UIAvatar 的简单示例：

Csharp

1using Sunny.UI;
2
3public partial class MainForm : Form
4{
5    public MainForm()
6    {
7        InitializeComponent();
8
9        UIAvatar avatar = new UIAvatar();
10        avatar.Size = new Size(100, 100);
11        avatar.Location = new Point(50, 50);
12        avatar.ImageUrl = "https://example.com/path/to/avatar.jpg"; // 使用网络图像
13        // 或者使用本地图像
14        // avatar.Image = Image.FromFile(@"C:\path\to\avatar.png");
15        avatar.SizeMode = PictureBoxSizeMode.StretchImage;
16        avatar.Radius = 50; // 圆形头像
17
18        this.Controls.Add(avatar);
19    }
20}

注意事项

• 当使用网络图像时，确保网络连接稳定，否则图像可能无法加载。
• 如果使用本地图像，记得将图像文件添加到项目资源中，或者确保路径正确无误。
• UIAvatar 的 Radius 属性可以用来创建圆形头像效果，但需要确保控件的宽高比为1:1。