Checkbox and RadioButon in xamarin forms

-
Step 1:

Install the following plugin :

Xamarin.Forms.InputKit

Step 2 :

Add this line in page deceleration:

   xmlns:input="clr-namespace:Plugin.InputKit.Shared.Controls;assembly=Plugin.InputKit"





Step 3 :

1 . CheckBox

you can use checkbox like that :

             <input:CheckBox Text="Option 1" Type="Box" />
            <input:CheckBox Text="Hello World I'm Option 2" Type="Check"/>
            <input:CheckBox Text="Consetetur eum kasd eos dolore Option 3" Type="Cross"/>
            <input:CheckBox Text="Sea sed justo" Type="Star"/>



Result :

** checkbox have the following properties :



  1. CheckChanged: (Event) Invokes when check changed.
  2. CheckChangedCommand: (Command) Bindable Command, executed when check changed.
  3. Key: (int) A key you can set to define checkboxes as ID.
  4. Text: (string) Text to display description
  5. IsChecked: (bool) Checkbox checked situation. Works TwoWay Binding as default.
  6. Color: (Color) Color of selected check.
  7. TextColor: (Color) Color of description text.
  8. Type: (CheckType) Type of checkbox checked style. (Check,Cross,Star,Box etc.)



2 . RadioButon :

Radio Buttons should use inside a RadioButtonGroupView. If you want this view will return you selected radio button. But you can handle it one by one too.

Example :

               <input:RadioButtonGroupView>
                <input:RadioButton Text="Option 1" />
                <input:RadioButton Text="Option 2" />
                <input:RadioButton Text="Option 3" />
                <input:RadioButton Text="Option 4" />
            </input:RadioButtonGroupView>


Result :

** RadioButton has the following properties :


RadioButtonGroupView
  • SelectedIndex: (int) Gets or Sets selected radio button inside itself by index
  • SelectedItem: (object) Gets or Sets selected radio button inside itself by Value

RadioButton
  • Clicked: (event) Invokes when clikced
  • ClickCommand: (int) Bindable Command, Executes when clicked
  • Value: (object) A value keeps inside and groupview returns that value as SelectedItem
  • IsChecked: (bool) Gets or Sets that radio button selected
  • Text: (string) Text to display near of Radio Button
  • FontSize: (double) Fontsize of Text
  • Color: (Color) Color of selected radio button dot
  • TextColor: (Color) Color of Text




Comments

Post a Comment

Popular posts from this blog

ScrollView in xamarin forms

-
Image
An element capable of scrolling if it's Content requires. ScrollView contains layouts and enables them to scroll offscreen. ScrollView is also used to allow views to automatically move to the visible portion of the screen when the keyboard is showing. Note: ScrollViews should not be nested. In addition, ScrollViews should not be nested with other controls that provide scrolling, like ListView and WebView. A ScrollView is easy to define. In XAML: <ContentPage.Content> <ScrollView> <StackLayout> <BoxView BackgroundColor="Red" HeightRequest="600" WidthRequest="150" /> <Entry /> </StackLayout> </ScrollView> </ContentPage.Content> The same definition in code: var scroll = new ScrollView(); Content = scroll; var stack = new StackLayout(); stack.Children.Add(new BoxView { BackgroundColor = Color.Red, HeightRequest = 600, WidthRequest = 600 });
Read more

Navigation in Xamarin.Forms

-
NavigationPage flow with XAML App.xaml.cs file (App.xaml file is default, so skipped) using Xamrin.Forms namespace NavigationApp { public partial class App : Application { public static INavigation GlobalNavigation { get; private set; } public App() { InitializeComponent(); var rootPage = new NavigationPage(new FirstPage()); GlobalNavigation = rootPage.Navigation; MainPage = rootPage; } } } FirstPage.xaml file <?xml version="1.0" encoding="UTF-8"?> <ContentPage xmlns="http://xamarin.com/schemas/2014/forms" xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" x:Class="NavigationApp.FirstPage" Title="First page"> <ContentPage.Content> <StackLayout> <Label Text="This is the first page" /> <Button Text="Click to navigate to a new page" Clicked="GoToSecondPageButtonClicked"/> <Button Text="Click to open the new page
Read more