Posts

Showing posts with the label #Form

Find out how to implement appshell in xamarin forms

Image
Xamarin.Forms 4.0 introduced the amazing feature called Xamarins.Forms Shell. It has reduced complexity of creating mobile apps. Please, support my blog by clicking on our sponsors ad! It is used for Navigation,URI base routing, integrated search handling. Before Appshell there was independent feature: MasterDetailPage TabbedPage NavigationPage but Appshell has combine this and make easy creating apps. > You can add xaml file in your project and named it as AppShell.xaml and Update it like below code: AppShell.Xaml <?xml version="1.0" encoding="utf-8" ?> <Shell xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="XamarinCourse.AppShell"> </Shell> AppShell.Xaml.cs public partial class AppShell : Shell { public AppShell() { InitializeComponent(); } } You can call this class

Payment UI Design using xamarin form

Image
  Payment UI Design using xamarin form Add following code in App.xaml in Resource Dictionary tag get fontawesome code from here Watch video  to understand code       <Color x:Key="Primary">#3AC3D6</Color>             <Color x:Key="Secondary">#FFFFFF</Color>             <Color x:Key="TextColorGray">#333333</Color>             <Color x:Key="SeparatorColor">#E8E8E9</Color>             <Color x:Key="BGColor">#FFFCF7</Color>             <Style TargetType="Label" x:Key="PoppinsBoldLabel">                 <Setter Property="FontFamily" Value="Helvetica"></Setter>                 <Setter Property="FontAttributes" Value="Bold"></Setter>                 <Setter Property="TextColor" Value="{x:DynamicResource TextColorGray}"></Setter>             </Style>          

Hotel UI Design using Xamarin Form

Image
  Hotel UI Design using xamarin form About UI Design is for Hotel using xamarin form. There are three forms. List of Places Hotel list of selected place, you can filter and search Third page is detail of selected hotel. Lets begin with code: Copy code for Font awesome from this link . Copy code for CustomEntry from this link . Please watch video  to understand this code. Create Property classes for Hotel and Places. HotelViewModel public class HotelViewModel { public string Name { get; set; } public string Price { get; set; } public string Address { get; set; } public string Days { get; set; } public string Distance { get; set; } public ImageSource Img { get; set; } } public class HotelModel { public List<HotelViewModel> Get() { List<HotelViewModel> list = new List<HotelViewModel>(); list.Add(new HotelViewModel { Img = "https://encrypted-tbn0.gstatic.com/

Form UI Design in xamarin form

Image
  Form UI Design in xamarin form Below is the code. <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" xmlns:control="clr-namespace:OnlineBankingUIDesigns.Controls" x:Class="OnlineBankingUIDesigns.Views.NewPayee" Title="New Payee"> <ContentPage.Content> <Grid HorizontalOptions="FillAndExpand" VerticalOptions="StartAndExpand" Padding="20" RowSpacing="20" RowDefinitions="Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto,Auto"> <Label Grid.Row="0" Text="Name" HorizontalOptions="FillAndExpand" TextColor="#202020"></Label> <Entry Grid.Row="1" HorizontalTextAlignment="Start" HeightRequest="50" /> <La