• Xamarin Forms Project Tutorial

    Xamarin Forms Bottom Navigation Easy Steps[Tutorial 11]

    Hey guys in this tutorial we are going to achieve Bottom navigation. It’s an simple implementation of bottom navigation. Step 1: At first set your MainPage as Startup page inside App.xaml.cs. Step 2 : Basics : Entry: It is used for single-line text input. It supports multiple keyboard types and  can be used as a password field. Label: Label which is a view  is used for displaying text. It can  have custom fonts , colored text and font families etc. Button:  It  displays a  text string or bitmap image or both   indicating a command, When  user presses the Button  with a finger or clicks it with a mouse to initiate that…

  • Xamarin Forms Project Tutorial

    Xamarin Forms WelcomeScreen Fading (Splash Screen) [Tutorial 9]

    Hey guys in this tutorial we are going to add Welcome screen a fading effect. So we will spend some time learning some code that can be handled in order to give a fading effect in xamarin forms. Basics StackLayout: It  organizes our  views in a one-dimensional line  either horizontally or vertically. Label: Label which is a view  is used for displaying text. It can  have custom fonts , colored text and font families etc. Step1: At first our Page1.Xaml will not contain any logic behind. Leave at it is as it’s going to be used as the page where our final activity goes. So show up the code 😀…

  • Xamarin Forms Project Tutorial

    Xamarin Forms CardView As Like GoogleCards[Tutorial 8]

    Hey guys in this tutorial i have implemented card views that is still been used by google 2018 in order to display their contents. 😀 So i request you to extend this project inorder to make it bindable one and use in your project. At first we are going to make a model class as CardDataModel.cs having HeadTitle,HeadLines, HeadLinesDesc,ProfileImage Step1: Your Card data model will look like this Now We are making use of frame so that we can add grid inorder to display the contents. Here we are going to add the binding context to each items contents like image, text etc. Step2: CardViewTemplate.Xaml will look like this There…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Cinemax UI Design[Tutorial 6]

    Hey guy in this tutorial we are going to create Cinemax Ui design. It’s an simple design but in this tutorial you have to understand about maximum reuse of code i.e we are going to declare some styles in Application.resources which can be used in any pages inside xamain forms. That’s one way of localization. Now in this App.Xaml we are going to provide some styles for our buttons , font size for the label , font family etc. Code is pretty explanatory. So show up the code 😀 Step1: App.Xaml Will Look like: Now our next work is to make MainPage as our Startup page. Step2: App.Xaml.cs Will Look…

  • Xamarin Forms Project Tutorial

    Xamarin Forms ListView EasyWay[Tutorial 5]

    Step1: Hey guys in this tutorial we are going to create ListView which is going to be a bindable one. We are going to create a simple list of given data and try to represent that in the form of list. In later part of the tutorial we will craeate list that will be based on mvvm pattern. So enough is enough lets start :D. In our Human.cs model class we are going to Make sure that human.cs class has humanid , name and origin . Our Human.cs class: Step2: Now our next objective is to create List view whose contents are going to be bindable one. Visible code is…

  • Xamarin Forms Project Tutorial

    Xamarin Forms MasterDetail Navigation Page Customizable [Tutorial 4]

    ?Hey guys in this tutorial we will be creating xamrin forms master detail page. At first we are going to set our mainpage as starting page by using new command. Step1:Our App.Xaml.cs Will Look Like this: Then we are going to create a model class name MenuItems which will be having Title,Icons and TargetType attributes. We are going to call all those attributes from code behind in MainPage.cs. So let’s create a class called MasterPageItems.cs. Step2:Now : This MasterPageItems.cs class will be placed inside MenuItems folder: It’s time to create a page let’s call as View1 and accorting to tutorial i have make many views for my clicked events. Step3:Now…