Shulou(Shulou.com)06/01 Report--

This article mainly introduces how to achieve the template binding of the control template in the Xamarin XAML language, which is very detailed and has a certain reference value. Interested friends must read it!

Template binding of control templates

In order to easily change the property values on the control in the control template, you can implement template binding in the control template. Template binding allows controls in the control template to bind data to public properties. You need to use TemplateBinding at this point. It binds the properties of a control in a control template to a bindable property on the parent of the target view that owns the control template.

Note: (1) TemplateBinding is similar to existing Binding, except that the source of TemplateBinding is always automatically set to the parent of the target view that owns the control template. (2) the use of TemplateBinding outside the control template is not supported.

[example 14-5:ControlTemplateDemo] the following will implement the template binding function in the control template based on the project ControlTemplateDemo. The specific steps are as follows:

(1) Open the MainPage.xaml file, write the code, and realize the definition of bindable attributes. The code is as follows:

Namespace ControlTemplateDemo

{

Public partial class MainPage: ContentPage

{

Bool originalTemplate = true

ControlTemplate tealTemplate

ControlTemplate aquaTemplate

Public static readonly BindableProperty HeaderTextProperty = BindableProperty.Create ("HeaderText"

Typeof (string)

Typeof (MainPage)

"Knowledge is power."

Public static readonly BindableProperty FooterTextProperty = BindableProperty.Create ("FooterText"

Typeof (string)

Typeof (MainPage)

"Xamarin.Froms XAML")

Public MainPage ()

{

InitializeComponent ()

…… / / the instantiation of tealTemplate and aquaTemplate objects is omitted here

}

Public string HeaderText

{

Get

{

Return (string) GetValue (HeaderTextProperty)

}

}

Public string FooterText

{

Get

{

Return (string) GetValue (FooterTextProperty)

}

}

…… / / the implementation of the OnButtonClicked method is omitted here

}

}

(2) Open the App.xaml file, write the code, and realize the template binding function in the first built ControlTemplate. The code is as follows:

In this code, we implement the template binding function of the Text property of the two Label controls, which we mentioned earlier uses template binding to bind it to a bindable property on the parent of the target view that has the ControlTemplate. However, in our code, the template binding is bound to Parent.HeaderText and Parent.FooterText instead of HeaderText and FooterText. This is because in this code, bindable properties are defined at the grandfather level of the target view, not the parent.

Note: the source of the template binding is always automatically set to the parent of the target view that owns the control template, which in this project is the ContentView instance. The template binding uses the Parent property to return the parent element of the ContentView instance, which is the ContentPage instance.

These are all the contents of the article "how to implement template binding of control templates in Xamarin XAML language". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.