PAINT Archives - icodebroker

[C#/MAUI/.NET6] RadialGradientPaint 클래스 : 방사형 그라데이션 만들기

■ RadialGradientPaint 클래스를 사용해 방사형 그라데이션을 만드는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        RadialGradientPaint radialGradientPaint = new RadialGradientPaint
        {
            StartColor = Colors.Red,
            EndColor   = Colors.DarkBlue,
            Center     = new Point(0.5, 0.5),
            Radius     = 0.5
        };

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(radialGradientPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

RadialGradientPaint radialGradientPaint = new RadialGradientPaint

{

StartColor = Colors.Red,

EndColor = Colors.DarkBlue,

Center = new Point(0.5, 0.5),

Radius = 0.5

};

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(radialGradientPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] LinearGradientPaint 클래스 : 대각선 선형 그라데이션 만들기

■ LinearGradientPaint 클래스를 사용해 대각선 선형 그라데이션을 만드는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        LinearGradientPaint linearGradientPaint = new LinearGradientPaint
        {
            StartColor = Colors.Yellow,
            EndColor   = Colors.Green,
            StartPoint = new Point(0, 0),
            EndPoint   = new Point(1, 1)
        };

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(linearGradientPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

LinearGradientPaint linearGradientPaint = new LinearGradientPaint

{

StartColor = Colors.Yellow,

EndColor = Colors.Green,

StartPoint = new Point(0, 0),

EndPoint = new Point(1, 1)

};

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(linearGradientPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] LinearGradientPaint 클래스 : 수직 선형 그라데이션 만들기

■ LinearGradientPaint 클래스를 사용해 수직 선형 그라데이션을 만드는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        LinearGradientPaint linearGradientPaint = new LinearGradientPaint
        {
            StartColor = Colors.Yellow,
            EndColor   = Colors.Green,
            StartPoint = new Point(0, 0),
            EndPoint   = new Point(0, 1)
        };

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(linearGradientPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

LinearGradientPaint linearGradientPaint = new LinearGradientPaint

{

StartColor = Colors.Yellow,

EndColor = Colors.Green,

StartPoint = new Point(0, 0),

EndPoint = new Point(0, 1)

};

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(linearGradientPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] LinearGradientPaint 클래스 : 수평 선형 그라데이션 만들기

■ LinearGradientPaint 클래스를 사용해 수평 선형 그라데이션을 만드는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        LinearGradientPaint linearGradientPaint = new LinearGradientPaint
        {
            StartColor = Colors.Yellow,
            EndColor   = Colors.Green,
            StartPoint = new Point(0, 0),
            EndPoint   = new Point(1, 0)
        };

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(linearGradientPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

LinearGradientPaint linearGradientPaint = new LinearGradientPaint

{

StartColor = Colors.Yellow,

EndColor = Colors.Green,

StartPoint = new Point(0, 0),

EndPoint = new Point(1, 0)

};

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(linearGradientPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] LinearGradientPaint 클래스 사용하기

■ LinearGradientPaint 클래스를 사용하는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        canvas.FillColor = Colors.Yellow;

        canvas.FillRectangle(dirtyRectangle);

        LinearGradientPaint linearGradientPaint = new LinearGradientPaint
        {
            StartColor = Colors.Yellow,
            EndColor   = Colors.Green,
            StartPoint = new Point(0, 0),
            EndPoint   = new Point(1, 1)
        };

        linearGradientPaint.AddOffset(0.25f, Colors.Red );
        linearGradientPaint.AddOffset(0.75f, Colors.Blue);

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(linearGradientPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

canvas.FillColor = Colors.Yellow;

canvas.FillRectangle(dirtyRectangle);

LinearGradientPaint linearGradientPaint = new LinearGradientPaint

{

StartColor = Colors.Yellow,

EndColor = Colors.Green,

StartPoint = new Point(0, 0),

EndPoint = new Point(1, 1)

};

linearGradientPaint.AddOffset(0.25f, Colors.Red );

linearGradientPaint.AddOffset(0.75f, Colors.Blue);

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(linearGradientPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] PatternPaint 클래스 사용하기

■ PatternPaint 클래스를 사용하는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        canvas.FillColor = Colors.Yellow;

        canvas.FillRectangle(dirtyRectangle);

        using PictureCanvas pictureCanvas = new PictureCanvas(0, 0, 10, 10);

        pictureCanvas.StrokeColor = Colors.Silver;

        pictureCanvas.DrawLine(0, 0 , 10, 10);
        pictureCanvas.DrawLine(0, 10, 10, 0 );

        PatternPaint patternPaint = new PatternPaint
        {
            Pattern = new PicturePattern(pictureCanvas.Picture, 10, 10)
        };

        canvas.SetFillPaint(patternPaint, RectF.Zero);

        canvas.FillRectangle(50, 50, 250, 250);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

canvas.FillColor = Colors.Yellow;

canvas.FillRectangle(dirtyRectangle);

using PictureCanvas pictureCanvas = new PictureCanvas(0, 0, 10, 10);

pictureCanvas.StrokeColor = Colors.Silver;

pictureCanvas.DrawLine(0, 0 , 10, 10);

pictureCanvas.DrawLine(0, 10, 10, 0 );

PatternPaint patternPaint = new PatternPaint

{

Pattern = new PicturePattern(pictureCanvas.Picture, 10, 10)

};

canvas.SetFillPaint(patternPaint, RectF.Zero);

canvas.FillRectangle(50, 50, 250, 250);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] ImagePaint 클래스 사용하기

■ ImagePaint 클래스를 사용하는 방법을 보여준다. ▶ GraphicsDrawable.cs


using System.Reflection;

using Microsoft.Maui.Graphics.Platform;

namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        canvas.FillColor = Colors.Yellow;

        canvas.FillRectangle(dirtyRectangle);

        using Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream("TestProject.IMAGE.sample.png");

        Microsoft.Maui.Graphics.IImage image = PlatformImage.FromStream(stream);

        ImagePaint imagePaint = new ImagePaint
        {
            Image = image.Downsize(100)
        };

        canvas.SetFillPaint(imagePaint, RectF.Zero);

        canvas.FillRectangle(0, 0, 350, 350);
    }

    #endregion
}

using System.Reflection;

using Microsoft.Maui.Graphics.Platform;

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

canvas.FillColor = Colors.Yellow;

canvas.FillRectangle(dirtyRectangle);

using Stream stream = Assembly.GetExecutingAssembly().GetManifestResourceStream("TestProject.IMAGE.sample.png");

Microsoft.Maui.Graphics.IImage image = PlatformImage.FromStream(stream);

ImagePaint imagePaint = new ImagePaint

{

Image = image.Downsize(100)

};

canvas.SetFillPaint(imagePaint, RectF.Zero);

canvas.FillRectangle(0, 0, 350, 350);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip

[C#/MAUI/.NET6] SolidPaint 클래스 사용하기

■ SolidPaint 클래스를 사용하는 방법을 보여준다. ▶ GraphicsDrawable.cs


namespace TestProject;

/// <summary>
/// 그래픽스 그리기 가능형
/// </summary>
public class GraphicsDrawable : IDrawable
{
    //////////////////////////////////////////////////////////////////////////////////////////////////// Method
    ////////////////////////////////////////////////////////////////////////////////////////// Public

    #region 그리기 - Draw(canvas, dirtyRectangle)

    /// <summary>
    /// 그리기
    /// </summary>
    /// <param name="canvas">캔버스</param>
    /// <param name="dirtyRectangle">더티 사각형</param>
    public void Draw(ICanvas canvas, RectF dirtyRectangle)
    {
        canvas.FillColor = Colors.Yellow;

        canvas.FillRectangle(dirtyRectangle);

        SolidPaint solidPaint = new SolidPaint(Colors.Silver);

        RectF rectangle = new RectF(50, 50, 250, 250);

        canvas.SetFillPaint(solidPaint, rectangle);

        canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

        canvas.FillRoundedRectangle(rectangle, 10);
    }

    #endregion
}

namespace TestProject;

/// <summary>

/// 그래픽스 그리기 가능형

/// </summary>

public class GraphicsDrawable : IDrawable

{

//////////////////////////////////////////////////////////////////////////////////////////////////// Method

////////////////////////////////////////////////////////////////////////////////////////// Public

#region 그리기 - Draw(canvas, dirtyRectangle)

/// <summary>

/// 그리기

/// </summary>

/// <param name="canvas">캔버스</param>

/// <param name="dirtyRectangle">더티 사각형</param>

public void Draw(ICanvas canvas, RectF dirtyRectangle)

{

canvas.FillColor = Colors.Yellow;

canvas.FillRectangle(dirtyRectangle);

SolidPaint solidPaint = new SolidPaint(Colors.Silver);

RectF rectangle = new RectF(50, 50, 250, 250);

canvas.SetFillPaint(solidPaint, rectangle);

canvas.SetShadow(new SizeF(10, 10), 10, Colors.Grey);

canvas.FillRoundedRectangle(rectangle, 10);

}

#endregion

}

▶ MainPage.xaml


<?xml version="1.0" encoding="utf-8" ?>
<ContentPage x:Class="TestProject.MainPage"
    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
    xmlns:local="clr-namespace:TestProject">
    <ContentPage.Resources>
        <local:GraphicsDrawable x:Key="GraphicsDrawableKey" />
    </ContentPage.Resources>
    <GraphicsView
        HorizontalOptions="Center"
        VerticalOptions="Center"
        WidthRequest="350"
        HeightRequest="350"
        Drawable="{StaticResource GraphicsDrawableKey}" />
</ContentPage>

<?xml version="1.0" encoding="utf-8" ?>

<ContentPage x:Class="TestProject.MainPage"

xmlns="http://schemas.microsoft.com/dotnet/2021/maui"

xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"

xmlns:local="clr-namespace:TestProject">

<ContentPage.Resources>

<local:GraphicsDrawable x:Key="GraphicsDrawableKey" />

</ContentPage.Resources>

<GraphicsView

HorizontalOptions="Center"

VerticalOptions="Center"

WidthRequest="350"

HeightRequest="350"

Drawable="{StaticResource GraphicsDrawableKey}" />

</ContentPage>

TestProject.zip