MAUI中Maui.Graphics.Controls绘制控件
简介
Microsoft.Maui.Graphics是一个完全采用C#的iOS,Android,Windows,macOS,Tizen和Linux的跨平台图形库。
对于MAUI项目当中绘制的方案是使用不同平台的控件来而非自绘。当然MAUI当中也使用了Microsoft.Maui.Graphics,
MAUI Preview9更新中, 引入了新的API能够轻松的将边框、阴影、形状添加到其中。
Microsoft.Maui.Graphics.Controls
Microsoft.Maui.Graphics.Controls是一个.NET MAUI 实验性项目,该项目通过Microsoft.Maui.Graphics库来绘制控件, 具有多种内置主题,
这意味着, 您可以在你现有的MAUI项目当中使用它。
接下来, 主要讲解如何使用Microsoft.Maui.Graphics.Controls 以及如何自行绘制控件。
使用Microsoft.Maui.Graphics.Controls
首先, 创建一个MAUI项目, 添加新的Nuget包源并且安装它。
确保Nuget包源的依赖版本与当前MAUI项目版本一致6.0.101-preview.10.2068
打开MauiProgram文件, 添加 ConfigureGraphicsControls
public static MauiApp CreateMauiApp(){var builder = MauiApp.CreateBuilder();builder.UseMauiApp<App>().ConfigureFonts(fonts =>{fonts.AddFont("OpenSans-Regular.ttf", "OpenSansRegular");}).ConfigureGraphicsControls();return builder.Build();}
启动后,效果如下所示:
说明: 可以通过ConfigureGraphicsControls(Microsoft.Maui.Graphics.Controls.DrawableType.Fluent)参数配置控件的风格, 提供了: Cupertino, Fluent ,Material 三种选项。
绘制控件
如果你想要完全实现自定义控件或者修改控件的某些方面, 你都可以使用它来做到这一点, 下来演示如何使用该库来绘制自定义的圆形控件。
1.创建Circle类, 继承于GraphicsView, 并且重写Draw方法,绘制指定宽度颜色的圆形。
public class Circle : Microsoft.Maui.Graphics.Controls.GraphicsView{public static readonly BindableProperty ForegroundProperty =BindableProperty.Create(nameof(Foreground), typeof(Color),typeof(Circle), null);public Color Foreground{get => (Color)GetValue(ForegroundProperty);set => SetValue(ForegroundProperty, value);}public static readonly BindableProperty SizeProperty =BindableProperty.Create(nameof(Size), typeof(float),typeof(Circle), null);public float Size{get { return (float)GetValue(SizeProperty); }set { SetValue(SizeProperty, value); }}public override void Draw(ICanvas canvas, RectangleF dirtyRect){base.Draw(canvas, dirtyRect);canvas.SaveState();canvas.FillColor = Foreground;var x = dirtyRect.X;var y = dirtyRect.Y;canvas.FillEllipse(x, y, Size, Size);canvas.RestoreState();} }
2.XAML中声明控件,设置指定大小及颜色
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"x:Class="MAUIRender.MainPage"xmlns:my="clr-namespace:MAUIRender" xmlns:ctor="clr-namespace:MAUIRender.Controls" BackgroundColor="{DynamicResource SecondaryColor}"><Grid><StackLayout><ctor:Circle Size="50" Foreground="Blue"/></StackLayout></Grid>
</ContentPage>
3.启动项目,查看控件对应效果:
总结
本篇文章主要介绍如何在MAUI项目中使用Microsoft.Maui.Graphics.Controls, 以及通过它实现自定义控件的扩展功能。
MAUI中Maui.Graphics.Controls绘制控件相关推荐
- 在Paint事件中绘制控件(边框)
在Paint事件中绘制控件(边框) 单纯的自己记录,将来会继续添加,侥幸被大家发现了的话请不要太鄙视... private void panel4_Paint(object sender, Paint ...
- android 绘制控件,Android_开发_Day29_自己绘制控件
Android_开发Day29自己绘制控件 目的: 在Android中很多时候系统的控件是不能满足需要的,组合方式定义控件又非常繁琐,因此此时需要自己画一个控件,才能满足需要 技术: <1> ...
- ST_Curve --- 一个专业的曲线绘制控件
一:什么是ST_Curve? ST_Curve是一个专业的曲线绘制控件,只要是xy坐标系的曲线,都可绘制,纵坐标只能显示为值,横坐标可以显示为值或者时间(如果你愿意为控件提供插件,则坐标可显示任意 ...
- c# controls.add 控件的使用 ,间接引用还是值引用
c# controls.add 控件的使用 10 函数内部用下面代码增加控件: Button btn = new Button(); btn.Location = new Point( 20, 20) ...
- 强大的流程图绘制控件WpfDiagram
为什么80%的码农都做不了架构师?>>> WpfDiagram是一款功能强大的流程图绘制控件,可以绘制工作流程图.对象层次和关系图.网络拓扑图.实体关系图.IVR.工业自动化. ...
- 在Winform中使用MoonPdfLib(Wpf控件)
在Winform中使用MoonPdfLib(Wpf控件) 引用WindowsFormsIntegration.dll,使用ElementHost类的Child属性关联wpf控件 1.新建winform ...
- MFC中,如何获得对话框控件相对于父窗口(对话框窗口)的位置
在MFC中,如何获得对话框控件相对于父窗口(对话框窗口)的位置: CRect r; pWnd->GetWindowRect(&r); 这样获得的r是控件相对于屏幕的坐标,然后用Scre ...
- 动态数据曲线绘制控件
作为一个电子类专业的学生,下位机硬件是我们所擅长的,但是PC机从下位机获取数据后显示出来成为我们的一大难题,今天给大家展示了一个能实现上述功能的Demo例程. 首先,声明两点.第一,该例程中的曲线类是 ...
- Winform DataGridView单元格中动态添加多个控件
简介: 在DataGridView的单元格中动态添加多个控件.例如在DataGridViewTextBox单元格中,添加CheckBox和Button控件.主题思路就是一个动态控件的大小,位置,显示, ...
最新文章
- java 局部内部类的理解
- 远程办公,你希望在家工作几天?
- CVE-2018-4878
- python抓取头条文章
- 一篇文章搞定Linux基础操作
- 一次性配置VS2015属性的方法,新工程无需重新配置
- freetextbox java_FreeTextBox3.2.2下载及使用详解(图)
- fish工具_Python程序员使用哪些开发工具
- 0元包邮 | 多传感器融合感知知识导图
- linux单引号、双引号、特殊字符、换行符等用法
- 为什么有的人手机通知栏显示的是4G+而有的是HD?
- sql数据透视_SQL Server中的数据科学:取消数据透视
- linux启动redis指定端口,linux redis实现自定义运行多端口、多实例 | 极安全-JiSec
- android新闻客户端实验报告,基于Android平台的新闻客户端设计与实现
- 斜率优化dp学习笔记
- Java和Python哪个更适合初学者的问题
- Linux安装与配置SSH服务
- Verilog Language--Modules:Hierachy--Module add
- 话说嵌入式软件工程师的工资待遇
- 【论文导读】Continuity Scaling: A Rigorous Framework for Detecting andQuantifying Causality Accurately