• Xamarin Forms Project Tutorial

    Xamarin Forms Pending ProgressBar WebView[Tutorial 10]

    Hey guys in this tutorial we are going to implement Xamarin Forms Pending ProgressBar WebView[Tutorial 10]. In this tutorial we will add a progess bar to the webview. It’s necessary to add a progress bar when our webpage loads. So Lets have a look to our MainPage.xaml. Basics: Absolute Layout: The layout makes it relatively straightforward to position child elements. StackLayout: It  organizes our  views in a one-dimensional line  either horizontally or vertically. WebView: It is a view for displaying webpages. Now inside AbsoluteLayout, we will add a webview and progress bar. We will handle the webview using the event Navigating and Navigated command. i.e when our webpage is loading (navigating)then…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Profile UI Design[Tutorial 16]

    Hey guys in this tutorial we are going to add profile Ui design inside xamarin forms. In this tutorial we will make a simple UI design. We will be using Image, BoxView,label inside stack layout. If you want to implement this type of ui design then follow me: We have to set our MainPage as our Startup page. MainPage = new ProfileUi.MainPage(); 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. BoxView: It is  a simple rectangle of a specified width, height,…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Material Design Mock Challenge1[Tutorial 61]

    Hey guys this is Xamarin guy show material design Mock up challenge@1 One friend of mine came to me and said that it’s impossible to give material effect to xamarin forms project. And Along with that he told me to mock up the image for me in Xaml I laughed at him and told let’s challenge and with believe i created this sample project. In this project i will be using Frame and Label, Grid, Frame: The Frame class derives from ContentView and it usually displays a rectangular frame around its child. It has a default padding value of 20, and also we can defines OutlineColor, CornerRadius, and HasShadow properties…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Material Design Mock Challenge2[Tutorial 62]

    Hey guys this is Xamarin guy show material design Mock up challenge@2. One friend of mine came to me and said that it’s impossible to give material effect to xamarin forms project. And Along with that he told me to mock up the image for me in Xaml I laughed at him and told let’s challenge and with believe i created this sample project. In this project i will be using Frame and Label, Grid, Frame: The Frame class derives from ContentView and it usually displays a rectangular frame around its child. It has a default padding value of 20, and also we can defines OutlineColor, CornerRadius, and HasShadow properties…

  • Xamarin Forms Project Tutorial

    Xamarin Forms DashBoard Material Design Mock Challenge4[Tutorial 64]

    Hey guys this is Xamarin guy show material design Mock up challenge@4 One friend of mine came to me and said that it’s impossible to give material effect to xamarin forms project. And Along with that he told me to mock up the image for me in Xaml I laughed at him and told let’s challenge and with believe i created this sample project. In this project i will be using Frame and Label, Grid, Frame: The Frame class derives from ContentView and it usually displays a rectangular frame around its child. It has a default padding value of 20, and also we can defines OutlineColor, CornerRadius, and HasShadow properties…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Material Design Mock Challenge3[Tutorial 63]

    Hey guys this is Xamarin guy show material design Mock up challenge@3 One friend of mine came to me and said that it’s impossible to give material effect to xamarin forms project. And Along with that he told me to mock up the image for me in Xaml I laughed at him and told let’s challenge and with believe i created this sample project. In this project i will be using Frame and Label, Grid, Frame: The Frame class derives from ContentView and it usually displays a rectangular frame around its child. It has a default padding value of 20, and also we can defines OutlineColor, CornerRadius, and HasShadow properties…

  • Xamarin Forms Project Tutorial

    Xamarin forms FlexLayout Design [Tutorial 57]

    In Xamarin.Forms ,FlexLayout and is enabled with xamarin version 3.0 and above. It is also known as flex layout or flex-box, because it includes many flexible options to arrange children within the layout. FlexLayout is similar to the Xamarin.Forms StackLayout in that it can arrange its children horizontally and vertically in a stack. However, the FlexLayout is also capable of wrapping many childrens and it has many options for orientation, alignment, and adapting to various screen sizes. This tutorial is based on Using flex layout. We are using  xmlns:ios=“……………..   ios:Page.UseSafeArea=“true” code so that our layout will be adaptive to every screen sizes. At first we are going to define <Style for “Frame,Label and image …

  • Xamarin Forms Project Tutorial

    Xamarin Forms Making Intelligent Application[Tutorial 56]

    Microsoft researchers build algorithms and systems to automatically analyze imagery and extract knowledge from the visual world. This knowledge is used for additional research projects, such as the transformation of depth and scene data into three-dimensional renderings and the intelligent synthesis of labels for people, places and things into scene descriptions and calls to action. Computer vision is visual processing and analytic components to ambitious projects such as the development of personal robots, in drones. Artificial intelligence and machine learning are widely embraced in efforts to automate computer vision tasks such as 3D recovery, facial and object recognition. So we have very much benefit using AI and Ml in this…

  • Xamarin Forms Project Tutorial

    Xamarin forms Lottie Animation [Tutorial 55]

    Step1: Our MainPage.xaml will have stack layout where we will add a button and we will call the animation event when in click handler of the respected button.(x:Name=“BtnLogin“). Along with that i will be adding some label and some entry fields in order to make the UI screen interactive. Step2: Your MainPage.Xaml.cs contain BtnLogin_Clicked event handler where we will set animation to be visible. Our JSON file will be  Animation=“loading.json” wich will be generated from https://www.lottiefiles.com/. We can alco give Scale=”0.2″ for the animation and play with many more attributes. Step3: We are going to implement this code in Main Activity class in Android Project after base(onCreate) method. As we have to…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Basic Calculator App[Tutorial 53]

    Hey guys this is a simple implementation of calculator in Xamarin Forms Cross Platform. In this tutorial we are implementing basic logic not any rocket science in order to make a simple calculator. In Xaml- we are implementing the use of grid which has been divided into 5 rows and 4 Columns. Enough is enough show me the code: 😀 Step1: Your MainPage.xaml will look like this Step2: Your MainPage.xaml.cs will look like this We are implementing some code behind logic in order to add,sub,mul,div,sqroot,sqr…. etc.I request you to add your own logic and extend your knowledge. Step3: Your OperatorHelper.cs will contain simple arithmetic logical operations such as add, mul…