• Xamarin Forms Project Tutorial

    Xamarin Forms Label Clicked Event [Tutorial 43]

    The Label view is used for displaying text, both single and multi-line. Labels can have custom fonts (families, sizes, and options) and colored text. In this tutorial we are going to implementing label which is a clickable one. In C# code behind we are going to implement labelSuggestion.GestureRecognizers in order to give the label clickable attribute.  The tap gesture is used for tap detection and is implemented with the TapGestureRecognizer class. We are going to place a label inside stack layout and will give a tap event by calling this command ” labelSuggestion.GestureRecognizers.Add(new TapGestureRecognizer((view) => OnLabelClicked()));” Step1:Page1.cs In Xaml  same as like code behind we are going to implement <Label.GestureRecognizers>…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Image Cell [Tutorial 42]

    TableView  It  a view for displaying scrollable lists of data or choices where there are rows that don’t share the same template. It doesn’t have concept of itemsource so children should be added manually. ImageCell Image Cell holds th concept of cells, whose objects are used to place images and accompanying text into a table. In this tutorial we are going to add images inside the image cell in the table section you can probably do many things inside image cell. In this tutorial we are simply implementing static images that are going to be set inside the given cell. The root element under the TableView is the TableRoot. There is a TableSection immediately underneath…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Image Clicked Event [Tutorial 41]

    In this tutorial we are going to to add Xamarin Forms Image Clicked Event [Tutorial 41]. Some time in our project we require some click events to be handled for images. In this tutorial we are going to make image clicked event inside xaml. In Xaml we are going to add <Image.GestureRecognizers> tags in order to give image a clickable property and in code behind we will be handling inside TapGestureRecognizer_Tapped_1 methods. Step1: Create A Xaml File let is be MainPage.xaml. Now we are going to give image a source as Image Source=“unnamed.jpg” and we have to place that image inside drawable folder of both android and IOS. Now for…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Button Clicked Event [Tutorial 40]

    The Button is the most fundamental interactive control in all of Xamarin.Forms. The Button usually displays a short text string indicating a command, but it can also display a bitmap image, or a combination of text and an image. The user presses the Button with a finger or clicks it with a mouse to initiate that command. In this tutorial we are going to implement xamarin forms button click events for Xaml and c#. In Xaml we are going to add a clicked events handler for the button and which is going to be handled inside the code behind. Enough is Enough Show me the code 😀 Step1: Page1.xaml In…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Grid View [Tutorial 39]

    Grid supports arranging views into rows and columns. Rows and columns can be set to have proportional sizes or absolute sizes. The Grid layout should not be confused with traditional tables and is not intended to present tabular data. Grid does not have the concept of row, column or cell formatting. Unlike HTML tables, Grid is purely intended for laying out content. In this tutorial we are purely implementing power of grid in order to add images inside the grid. I am implementing my complex project using grid as they will optimize in every screen resolutions. Enough is enough show me the code 😀 Step1: Here we are adding two…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Shadow Effect [Tutorial 38]

    Hey guys we are going to implement shadow effects for the given label. At first we are going to add Model Class( ShadowEffect.cs class) where we are going to define Radius,Color,DistanceX,DistanceY attribute for the given label. Step1:ShadowEffect.cs Our HomePage.Xaml Will take the platform specific label effect from local namespace. Step2:HomePage.Xaml LabelShadowEffect Renderer is the platform specific effect which will be exported with using this assembly [assembly:ExportEffect (typeof(LabelShadowEffect), “LabelShadowEffect“)] All the label platform specific implementation effect will be inherited by the shared project. This is an alternative method to the usage of Custom renderer. All the platform specific effect available for the label is been called using this class. Step3:Android Renderer…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Image Zoom[Tutorial 37]

    In this tutorial we are going to implement Xamarin Forms Image Zoom[Tutorial 37]. Handling the pinch gesture to perform a zoom operation requires some math to transform the user interface. This section contains a generalized helper class to perform the math, which can be used to interactively zoom any user interface element. Enough is enough show me the code. Step1:DoubleExtensions.cs The following code example shows the PinchToZoomContainer class: When the Image element receives a pinch gesture, the displayed image will be zoomed-in or out. The zoom is performed by the PinchZoomContainer.OnPinchUpdated method, which is shown in the following code example: Step2:Create a Container.cs Step3:Homepagexaml It will Contain the image which…

  • Xamarin Forms Project Tutorial

    Xamarin Forms horizontal scrolling of an Image wider than the display [Tutorial 36]

    Hey guys in this tutorial we are going to implement pan gesture for the image. The pan gesture is used for detecting dragging and which is helped with the PanGestureRecognizer class. his is accomplished by moving the image within the view. The following code example shows how the PanContainer wraps an Image element in a Homepage.xaml page: Step1:HomePage.xaml Handling the pan gesture to perform a drag operation requires some math to transform the user interface.So we are going to maintain a container. Step2:PanContainer.cs 235 total views, no views today

  • Xamarin Forms Project Tutorial

    Xamarin Forms Custom Fonts [Tutorial 35]

    Hey guys in this tutorial we are going to implement custom fornts for the given label. I request you to watch the tutorial 35 in order to have a clear view about integrating custom label fonts. In this tutorial we are going to have CuustomNavigation.xaml page which will be holding the title that will be changed with custom fonts. Enough is enough show me the code 😀 Step1:CustomNavigation.xaml In the code behind the NavigationPage is going to inherit from the base() . Step2:CustomNavigation.xaml.cs This is the title that will be changed with custom fonts.(Title=”Custom font Main Page”>) Step3:MainView.xaml Now next step is to perform some platform specific implementation where we…

  • Xamarin Forms Project Tutorial

    Xamarin Forms Entry Cell [Tutorial 32]

    Table View It is a view for displaying scrollable lists of data  where it has  rows that don’t share the same template.It doesn’t have concept of item source so we need to add children manually. Elements in TableView are organized into sections. At the root of the TableView is the TableRoot, which is parent to one or more TableSection. Entry Cell EntryCell is a Cell with a label and a single line text entry field. In this tutorial we are going to look around the use of EntryCell. We can add numerous activity in our entry cell but our main aim is to add the image cell inside table view.…