-
MAUI Fontawesome Integration
Download FontAwesome Let’s start with downloading Fontawesome font file from https://fontawesome.com/v5/download Add the Font File to Your Project Place the Font File: Register the Font in MauiProgram.cs In MauiProgram.cs register your custom font so that it can be used in your whole application. Below code save into a new file named IconResources.xaml or whatever you…
-
XAML MAUI Custom views
Developing a New Custom Control Called RatingView The custom RatingView control will be rating icons that the users can select, to give a rating of between 1 and 5. This custom view can be reused again and again across different pages of your application. Using the Custom View in a Page Benefits of Custom Views
-
XAML MAUI Web view control
Basic Usage of WebView The WebView control is simply a control that can display any webpage just by entering the URL. This is particularly helpful when you want to use online resources as part of the elements you deploy on your application. Loading Local HTML Content It is also possible to set the WebView for…
-
XAML MAUI Graphic Views
BoxView BoxView is a basic control for painting rectangles or squares and may be used for drawing lines, separators or primitive shapes. Graphic Primitives (Rectangle, Round Rectangle, ellipse, Polygon, Line, Polyline, Path) The following shapes are made with XAML and the namespace of Microsoft.Maui.Controls.Shapes. It is more developed than BoxView type, supporting more enhancement such…
-
XAML MAUI Container View Types
ScrollView ScrollView is a container control whose relationship with the content is that the latter can be scrolled, if it occupies more space than the screen. This is specially helpful when working on content with long scroll or in forms. Border The Border control enables you to create an around any content that you would…
-
XAML MAUI Composite View Types
RadioButton The radioButton permits the user to choose only one option from a set of options. These, to be made exclusive, can be grouped by specifying GroupName attribute. Picker The Picker comes out as a list selection component, which works like a drop down. TableView The TableView places elements on TL-rows and can be used…
-
XAML MAUI Basic View Types
These controls(views) are some of the basics in developing interfaces that are to be used in a GUI. You can have these views on the content pages. All of these controls are single-functionality control elements. Image Displays an image. Label Displays text. Button Triggers an action when clicked. Clicked=”OnButtonClicked”: This is the event handler of…
-
XAML Layout Types
Stacklayout Stacklayout can stack its children in vertical manner or in the horizontal manner depending with the content of the Orientation. VerticalStackLayout While positioned with the help of VerticalStackLayout, its children are positioned in vertical direction from the top downwards. HorizontalStackLayout The HorizontalStackLayout places the children in the layout horizontally in the order from left…
-
XAML Page Types
ContentPage ContentPage : Describes one page of your application. This is the most simple page type in dotnet MAUI. StackLayout : Places child elements one below the other in a vertical manner. Let’s look attributes of StackLayout. RadioButtons : Enables choice from a limited number of possibilities whereby the user has to choose a certain…
-
XAML Views(Code Behind)
Let’s look closer some items. ContentPage : MainPage is inherited from the ContentPage class which in turn is a class that represents a single view. InitializeComponent(); : An XAML compiler method, that produces named item. Constructor to intialize all the controls which are present in MainPage.xaml page. Links the XAML components with their peers in…