In Previous blog we have seen some design for school app, so today I am continue with same app School UI Design using Xamarin form All Part of School UI Design: https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_4.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_10.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-fees-gallery-profile.html Today we are going to learn three page: Examination, Assignment, My Attendance Lets start with create classes for all three pages. Install nugget "XamForms.Controls.Calendar" in all the project. ExaminationViewModel.cs public class ExaminationViewModel { public string Name { get; set; } public string Date { get; set; } } public class ExaminationModel { public List<ExaminationViewModel> Get() { Lis

School UI Design using xamarin form All Part of School UI Design: https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_4.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-using-xamarin-form_10.html https://xamarinuidesigns.blogspot.com/2022/03/school-ui-design-fees-gallery-profile.html First add  Fontawesome  in your project. First image is for Dashboard, Second is for TimeTable and last is for Syllabus. Rest of the page will publish in next blog. You can also replace the calendar view with another calendar control as listed below: Calendar Control 1 Calendar Contorl 2 Code is explain in this video First we will change NavigationDrawercolor. In App.xaml add following code in Application.Resources Tag <Application.Resources> <ResourceDictionary> <OnPlatform x:TypeArguments="x:String" x:Key="FontAwesom

  Splash screen in xamarin form As you can see in above image that splash screen of famous app is very simple. They just keep background color and add icon in center. We will create simple splash screen. please watch video  to understand the code Let begin with android project. Follow the step as given below: 1. First add icon in your android project in Resource -> Drawable folder. Icon in android project 2. Create xml file with name "splash_background" in Resource -> Drawable folder 3. Copy below code in xml file. <?xml version="1.0" encoding="utf-8" ?> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <color android:color="#FFFFFF"/> </item> <item> <bitmap android:src="@drawable/splashscreen" android:tileMode="disabled" android:gravity="center"/> </item> </layer-list> android:src="@

.NET MAUI Multi Platform App UI Topic we are going to cover: Introduction to .NET MAUI Multi Platform APP UI Advantage of .NET MAUI OS Requirement Supported Platforms  Introduction to .NET MAUI Multi Platform APP UI .NET MAUI Multi Platform APP UI also called .NET MAUI. Currently we are able to create native app on mobile using single code in Xamarin forms, But we can able to create native android, IOS, macos window app using single code with the new feature called .NET MAUI. .NET MAUI Multi Platform APP UI Source: Microsoft .NET MAUI is the open source cross platform framework. It is an evolution of Xamarin.Forms which extended from mobile to desktop application. It is a next iteration of xamarin form, instead of there being xamarin form 6 we are getting .NET MAUI It will be integrated in .NET 6. This app can be written in xaml and c#. There are many similarities between Xamarin forms and .NET MAUI Advantage of .NET MAUI Single development project experience with .net CLI Slim rendere

 Login Designs Login UI Designs - Xamarin Form .xaml code <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="LoginUIDesigns.Views.Login.Design4" Shell.NavBarIsVisible="False"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="FillAndExpand" RowSpacing="0" Padding="20,50,20,0"> <Grid.RowDefinitions> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="100"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition> <RowDefinition Height="Auto"></RowDefinition>