How to set a graphical frame image as a background of .NET MAUI?
This article describes how to set a graphical frame image as a background of the .NET MAUI Radial Gauge control.
You can show any visual content as a background of Radial Gauge using the BackgroundContent
property of RadialAxis.
Step 1: Adding an image to the project
Add the required graphical frame image to the Resources/Images path in your .NET MAUI project. You can access the image using their name.
To know more about working with images in .NET MAUI, click here.
Step 2: Set a graphical frame image to the background of the radial axis
Create the radial gauge control by referring to the getting started link and set the corresponding image to the BackgroundContent property as demonstrated in the following code example.
XAML
<gauge:SfRadialGauge>
<gauge:SfRadialGauge.Axes>
<gauge:RadialAxis … >
…
<gauge:RadialAxis.BackgroundContent>
<Image Source="dark_theme_gauge.png"/>
</gauge:RadialAxis.BackgroundContent>
</gauge:RadialAxis>
</gauge:SfRadialGauge.Axes>
</gauge:SfRadialGauge>
Output
View sample in GitHub.
See also
How to create an application using the .NET MAUI Radial Gauge?
How to customize Axis Label using Label Created Event?
How to position and customize annotation?
Conclusion
I hope you enjoyed learning about how to set a graphical frame image as a background of .NET MAUI.
You can refer to our .NET MAUI Radial Gauge feature tour page to know about its other groundbreaking feature representations. You can also explore our.NET MAUI Radial Gauge documentation to understand how to create and manipulate data.
For current customers, you can check out our components from the License and Downloads page. If you are new to Syncfusion, you can try our 30-day free trial to check out our other controls.
If you have any queries or require clarifications, please let us know in the comments section below. You can also contact us through our support forums, Direct-Trac, or feedback portal. We are always happy to assist you!
