Xamarin.Forms Custom Slider

Hello My Xamarin Friends,

welcome back to my new post, today i would like to talk about xamarin forms CustomSlider, so let's start,

Slider is  the input control for a linear value. 
So we will first create a class whose name "CustomSlider" and then we will write a code in "C #"

Now we can write some code in android project for set

Then we create in Ios Project Also

Please make sure add view reference.....
xmlns:local="clr-namespace:CustomSliderApp"
then write xaml code in main page.
TADDAAAA!

You should have your CustomSlider working!!
If You want to watch related video click Here Custom Rendered Slider

Public Property of Slider:-

1. Maximum Double. =(Maximum="100")
2. Minimum Double. =(Minimum="0")
3. Value Double. =(Value="20")

Features of CustomSlider controls:-

1. Custom Max Color Property=(MaxColor="Red")
2. Custom Min Color Property=(MinColor="Yellow")
3. Custom ThumbColor Radius Property=(ThumbColor="Black")
4. Custom ThumbImage Property=(ThumbImage="icon.png")

Xamarin.Forms Curved Entry

Hello My Xamarin Friends,
This is my new post in which I am going to tell you how  to customize the Entry. 
Entry is a rectangular input frame control in which we can give any type of text input and in this post, we are going to discuss custom entry, this entry will make curved Corner entry.
Let's start........

First, we will  create a class whose name is "CustomEntry" and then we will write a code in "C #".

Now, we will write some code in android project to set the Border Color, Width, Radius and Background Color, IsCurvedCornersEnabled ....
Please make sure to dependency reference.....
[assembly: ExportRenderer(typeof(CustomLabel), typeof(CurvedLabelRenderer))]

Then we create an Ios Project Also

Please make sure to add view reference.....
xmlns:local="clr-namespace:CustomEntryApp"
then write xaml code in main page.

TADDAAAA!

 Now, you will  have your CustomEntry working!!

Public Property Entry controls

1. FontAttributes FontAttributes=(FontAttributes="Bold")
2. FontSize Double=(FontSize="Default")
3. IsPassword Boolean=(IsPassword="True")
4. Placeholder String=( Placeholder="Xamarin Buddy")
5. Text String (Text="Xamarin Buddy")
6. PlaceholderColor Color=( PlaceholderColor="Red")
7. TextColor Color=(TextColor="DarkBlue")
8. FontFamily String=(FontFamily="")
9. HorizontalTextAlignment TextAlignment=(HorizontalTextAlignment="Start")

 Features of CustomEntry controls

1. Custom Border Color Property=(CustomBorderColor="#24C4FF")
2. Custom Background Color Property=(CustomBackgroundColor="#24C4FF")
3. Custom Border Radius Property=(CustomBorderRadius="4")
4. Custom Border Width Property=(CustomBorderWidth="4")
5. Custom IsCurvedCornersEnabled =(IsCurvedCornersEnabled ="True")

To get full source code Click Here

To watch video Click Here

Xamarin.Forms Custom Label

Hello My Xamarin Friends,

Today I am creating another new post in which I am going to tell you to customize the button, so let's start....

Introduction:-
Label is a graphical control that is used to display text on the form or page, usually label to determine the entry or other widget.
When building any application, a label is the general control which is used most often.
"A Label is something describe a person or thing"
For Exa. A label is a father introducing his sons as "the smart one".

So we will first create a class whose name "CustomLabel" and then we will write a code in "C #"

Now we can write some code in android project for set the Radius and Background Color....

Then we will create in Ios Project Also

Now again please make sure to add view reference.....

xmlns:local="clr-namespace:CustomLabelApp"
then write xaml code in main page.

TADDAAAA!

You should have your CustomLabel working!!

Features of CustomLabel controls:-

1. Custom Curved Background Color Property=(CurvedBackgroundColor="#24C4FF")
2. Custom Curved Corner Radius Property=(CurvedCornerRadius="4")

You want to full source code Click Here

If you want to watch this video Click Here

Public Properties of Label controls:-

1.  Font Font. =(Font="13")
2.  FontAttributes FontAttributes. =(FontAttributes ="Bold")
3.  FontFamily String. =(FontFamily ="Arial")
4.  FontSize Double. =(FontSize ="Default")
5.  HorizontalTextAlignment TextAlignment.=(HorizontalTextAlignment ="Start")
6.  LineBreakMode LineBreakMode =(LineBreakMode ="CharacterWrap")
7.  Text String. =(Text ="xamarin buddy")
8.  TextColor Color. =(TextColor ="Azure")
      

Xamarin.Forms Slider Lock

Hello My Xamarin Friends,

Today, I have come up with a post in which I am going to tell you how to customize the Slider Lock.  Let's start,

First, we will create a class whose name is "SlideToActView", then we will write a code in "C #"

Please make sure to add view reference.....
xmlns:local="clr-namespace:XamarinControlsApp.SliderLock"
then write xaml code in main page.


TADDAAAA!

Now, you will have your Slider Lock working!!
If You want to watch related video click Here Custom Slider Lock

Xamarin.Forms Custom Button

Hello Friends,
Today, in this post we are taking about button and how we can use it in xamarin project. Also I can demonstrate how to access and overwrite the behavior of button from Android and Ios in PCL project. Button is a simple element which binds two different pieces of code. Similarly in Ios and Android button binds UI with the code with that we are able to perform some action on button click etc.


In Xamarin we have limitation in button UI design. So with the help pf Rendered we can we can use the native properties of button from IOS and Android into PCL project and customize the view of button as per the user requirement.

Let's start with the Implementation...

So, we will first create a class whose name is "CustomButtons" and then we will write a code in C#. we can write some code in android project to set the Border Color, Width, Radius and Background Color etc. Then we create Ios project also.


Please make sure to add view reference xmlns:local="clr-namespace:CustomButtonApp" and write Xaml code in main page.
TADDAAAA!

You should have your CustomButton working!!

If you are lazzy download here here 

If you want to watch video Click Here 

Features of CustomButton controls:-

1. Custom Border Color Property=(CustomBorderColor="#24C4FF")
2. Custom Background Color Property=(CustomBackgroundColor="#24C4FF")
3. Custom Border Radius Property=(CustomBorderRadius="4")
4. Custom Border Width Property=(CustomBorderWidth="4")

Note:

In the New Version Of  Xamarin Studio or Visual Studio(4.7.10.38) Don't Need to Customize this properties, this Property is working well in new Version(4.7.10.38).

Public Property Button controls......

1. BorderColor    Color. =(BorderColor="AliceBlue")
2. BorderRadius    Int32. =(BorderRadius="5")
3. BorderWidth    Double. =(BorderWidth="4")
4. CornerRadius    Int32. =(CornerRadius="5")
5. Font    Font. =(Font="13")
6. FontAttributes    FontAttributes. =(FontAttributes="Bold")
7. FontFamily    String. =(FontFamily="")
8. FontSize    Double. =(FontSize="Default")
9. Image    FileImageSource. =(Image="icon")
10. Text    String. =(Text="Submit")
11. TextColor    Color. =(TextColor="Aqua")       

Xamarin.Forms Custom Underline Label

Hello Xamarin Friends ,
I came across the task of underline on a label in the design of a login and I also needed the underline label, that's why I have created a custom underline label today.

So let's start friends,

First, we create a ContentView whoes name is UnderLineLabel.xaml and then set the Label and Boxview.
Then we use the  BindableProperty to the code behind.
Please make sure to add view reference.....
xmlns:local="clr-namespace:MyNewApp"

TADAA!,

Now, you will have your Custom UnderLine working!!

Features of Custom UnderLine controls

1. Text Color Property= ( TextColor="BlueViolet")
2. Text Property = (Text="Xamarin Skills")
3. Line Color Property=( LineColor="Orange")

To get full source code Click Here

To watch the video Click Here