Source和BindingContext

BindingContext属性实际上是链接源和目标对象的两种方法之一。您也可以省去BindingContext并在绑定表达式本身中包含对源对象的引用。

BindingSourceCode项目的页面类与OpacityBindingCode中的页面类相同，只是绑定是在两个不涉及BindingContext属性的语句中定义的：

public class BindingSourceCodePage : ContentPage
{
    public BindingSourceCodePage()
    {
        Label label = new Label
        {
            Text = "Opacity Binding Demo",
            FontSize = Device.GetNamedSize(NamedSize.Large, typeof(Label)),
            VerticalOptions = LayoutOptions.CenterAndExpand,
            HorizontalOptions = LayoutOptions.Center
        };
        Slider slider = new Slider
        {
            VerticalOptions = LayoutOptions.CenterAndExpand
        };
        // Define Binding object with source object and property.
        Binding binding = new Binding
        {
            Source = slider,
            Path = "Value"
        };
        // Bind the Opacity property of the Label to the source.
        label.SetBinding(Label.OpacityProperty, binding);
        // Construct the page.
        Padding = new Thickness(10, 0);
        Content = new StackLayout
        {
            Children = { label, slider }
        };
    }
}

目标对象和属性仍然在对SetBinding方法的调用中指定：

label.SetBinding(Label.OpacityProperty, binding);

但是，第二个参数引用一个Binding对象，该对象指定源对象和属性：

Binding binding = new Binding
{
    Source = slider,
    Path = "Value"
};

这不是实例化和初始化Binding对象的唯一方法。广泛的Binding构造函数允许指定许多Binding属性。以下是它如何在BindingSourceCode程序中使用：

Binding binding = new Binding("Value", BindingMode.Default, null, null, null, slider);

或者您可以使用命名参数来引用滑块对象：

Binding binding = new Binding("Value", source: slider);

绑定还有一个通用的Create方法，它允许您将Path属性指定为Func对象而不是字符串，这样它就可以更好地抵御错误拼写或属性名称的更改。但是，此Create方法不包含Source属性的参数，因此您需要单独设置它：

Binding binding = Binding.Create<Slider>(src => src.Value);
binding.Source = slider;

BindableObjectExtensions类定义了SetBinding的两个重载，允许您避免显式实例化Binding对象。但是，这些重载都不包含Source属性，因此它们仅限于使用BindingContext的情况。

BindingSourceXaml程序演示了如何在Binding标记扩展中指定源对象和源属性：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="BindingSourceXaml.BindingSourceXamlPage"
             Padding="10, 0">
    <StackLayout>
        <Label Text="Binding Source Demo"
               FontSize="Large"
               VerticalOptions="CenterAndExpand"
               HorizontalOptions="Center"
               Opacity="{Binding Source={x:Reference Name=slider}, 
               Path=Value}" />
        <Slider x:Name="slider"
                VerticalOptions="CenterAndExpand" />
    </StackLayout> 
</ContentPage>

Binding标记扩展现在有两个参数，其中一个是x：Reference的另一个标记扩展，所以一对花括号嵌套在主花括号中：

Opacity="{Binding Source={x:Reference Name=slider}, 
                  Path=Value}" />

为了清晰起见，两个Binding参数在标记扩展中垂直对齐，但这不是必需的。参数必须用逗号分隔（此处在第一行的末尾），并且大括号内不得出现引号。您没有在标记扩展中处理XML属性。这些是标记扩展参数。

您可以通过消除名称参数名称和等号x：引用来简化嵌套标记扩展名，因为Name是ReferenceExtension类的content属性：

Opacity="{Binding Source={x:Reference slider}, 
                  Path=Value}" />

但是，您不能同样删除Path参数名称和等号。尽管BindingExtension将Path定义为其content属性，但只有当该参数是多个参数中的第一个参数时，才能消除参数名称。你需要像这样切换参数：

Opacity="{Binding Path=Value,
                  Source={x:Reference slider}}" />

然后你可以消除Path参数名称，也许可以将所有内容移动到一行：

Opacity="{Binding Value, Source={x:Reference slider}}" />

但是，因为第一个参数缺少一个参数名称而第二个参数有一个参数名称，所以整个表达式看起来有点特殊，并且可能很难在初看时搞定Binding参数。此外，在Path之前指定Source是有意义的，因为Path指定的特定属性仅对特定类型的对象有意义，并且由Source指定。

在本书中，每当Binding标记扩展包含Source参数时，它将首先出现，然后是Path。否则，Path将是第一个参数，并且通常会消除Path参数名称。

您可以通过以元素形式表达Binding来完全避免此问题：

<Label Text="Binding Source Demo"
       FontSize="Large"
       VerticalOptions="CenterAndExpand"
       HorizontalOptions="Center">
    <Label.Opacity>
        <Binding Source="{x:Reference slider}"
                 Path="Value" />
    </Label.Opacity>
</Label>

x：Reference标记扩展仍然存在，但您也可以以元素形式表示：

<Label Text="Binding Source Demo"
       FontSize="Large"
       VerticalOptions="CenterAndExpand"
       HorizontalOptions="Center">
    <Label.Opacity>
        <Binding Path="Value">
            <Binding.Source>
                <x:Reference Name="slider" />
            </Binding.Source>
        </Binding>
    </Label.Opacity>
</Label>

您现在已经看到两种方法来指定源对象与目标对象之间的链接：

使用BindingContext引用源对象。
使用Binding类的Source属性或Binding标记扩展。

如果同时指定两者，则Source属性优先于BindingContext。

在你到目前为止看到的例子中，这两种技术几乎可以互换。但是，它们有一些显着的差异。例如，假设您有一个具有两个属性的对象，这两个属性是涉及两个不同源对象的两个不同数据绑定的目标 - 例如，具有绑定到Slider的Opacity属性的Label和绑定到Switch的IsVisible属性。您不能对两个绑定使用BindingContext，因为BindingContext适用于整个目标对象，并且只能指定单个源。必须为这些绑定中的至少一个使用Binding的Source属性。

BindingContext本身由可绑定属性支持。这意味着可以从Binding标记扩展中设置BindingContext。相反，您不能将Binding的Source属性设置为另一个Binding，因为Binding不是从BindableObject派生的，这意味着Source不受可绑定属性的支持，因此不能成为数据绑定的目标。

在BindingSourceXaml标记的此变体中，Label的BindingContext属性设置为包含Source和Path的Binding标记扩展。

<Label Text="Binding Source Demo"
       FontSize="Large"
       VerticalOptions="CenterAndExpand"
       HorizontalOptions="Center"
       BindingContext="{Binding Source={x:Reference Name=slider}, 
                                Path=Value}"
       Opacity="{Binding}" />

这意味着此Label的BindingContext不是前面示例中的滑块对象，而是Double，它是Slider的Value属性。要将Opacity属性绑定到此double，所需的只是一个空的Binding标记扩展，基本上是“对整个数据绑定源使用BindingContext”。

也许BindingContext和Source之间最重要的区别是一个非常特殊的特性，它使得BindingContext不同于所有Xamarin.Forms中的任何其他属性：

绑定上下文通过可视树传播。

换句话说，如果在StackLayout上设置BindingContext，它也适用于该StackLayout的所有子项及其子项。 StackLayout中的数据绑定不必为Binding指定BindingContext或Source参数。它们从StackLayout继承BindingContext。或者StackLayout的子节点可以使用自己的BindingContext设置或绑定中的Source设置覆盖继承的BindingContext。

这个功能非常有用。假设StackLayout包含一组视觉效果，其数据绑定设置为特定类的各种属性。设置该StackLayout的BindingContext属性。然后，StackLayout的子项上的各个数据绑定不需要Source规范或BindingContext设置。然后，您可以将StackLayout的BindingContext设置为该类的不同实例，以显示每个实例的属性。您将在前面的章节中看到这种技术的示例和其他数据绑定奇迹，特别是在第19章中。

同时，让我们看一下通过可视树传播BindingContext的更简单的例子。

WebView旨在在您的应用程序中嵌入Web浏览器。或者，您可以将WebView与HtmlWebViewSource类结合使用，以显示一大块HTML，可能保存为PCL中的嵌入式资源。

要显示网页，请使用带有UrlWebViewSource类的WebView指定初始URL。但是，UrlWebViewSource和HtmlWebViewSource都派生自抽象类WebViewSource，并且该类定义了字符串和Uri到其自身的隐式转换，因此您真正需要做的就是将带有Web地址的字符串设置为WebView的Source属性以指示WebView呈现该网页。

WebView还定义了两个名为GoBack和GoForward的方法，这两个方法在内部实现Web浏览器上常见的后退和前进按钮。你的zrogram需要知道什么时候可以启用这些按钮，因此WebView还定义了两个get-only布尔属性，名为CanGoBack和CanGoForward。这两个属性由可绑定属性支持，这意味着对这些属性的任何更改都会导致触发PropertyChanged事件，这进一步意味着它们可以用作数据绑定源来启用和禁用两个按钮。

这是WebViewDemo的XAML文件。请注意，包含两个Button元素的嵌套StackLayout将其BindingContext属性设置为WebView。 StackLayout中的两个Button子项继承了BindingContext，因此按钮可以在其IsEnabled属性上具有非常简单的Binding表达式，这些属性仅引用CanGoBack和CanGoForward属性：

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             x:Class="WebViewDemo.WebViewDemoPage">
    <ContentPage.Padding>
        <OnPlatform x:TypeArguments="Thickness"
                    iOS="10, 20, 10, 0"
                    Android="10, 0"
                    WinPhone="10, 0" />
    </ContentPage.Padding>
    <StackLayout>
        <Entry Keyboard="Url"
               Placeholder="web address"
               Completed="OnEntryCompleted" />
 
        <StackLayout Orientation="Horizontal"
                     BindingContext="{x:Reference webView}">
 
            <Button Text="&#x21D0;"
                    FontSize="Large"
                    HorizontalOptions="FillAndExpand"
                    IsEnabled="{Binding CanGoBack}"
                    Clicked="OnGoBackClicked" />
 
            <Button Text="&#x21D2;"
                    FontSize="Large"
                    HorizontalOptions="FillAndExpand"
                    IsEnabled="{Binding CanGoForward}"
                    Clicked="OnGoForwardClicked" />
        </StackLayout>
        <WebView x:Name="webView"
                 VerticalOptions="FillAndExpand"
                 Source="https://xamarin.com" />
    </StackLayout>
</ContentPage>

代码隐藏文件需要处理Back和Forward按钮的Clicked事件以及Entry的Completed事件，它允许您输入自己的Web地址：

public partial class WebViewDemoPage : ContentPage
{
    public WebViewDemoPage()
    {
        InitializeComponent();
    }
    void OnEntryCompleted(object sender, EventArgs args)
    {
        webView.Source = ((Entry)sender).Text;
    }
    void OnGoBackClicked(object sender, EventArgs args)
    {
        webView.GoBack();
    }
    void OnGoForwardClicked(object sender, EventArgs args)
    {
        webView.GoForward();
    }
}

程序启动时您无需输入网址，因为XAML文件已硬编码以转到您喜欢的网站，您可以从那里导航：

第十六章：数据绑定（三）Source和BindingContext

Source和BindingContext

继续阅读

JavaScript自学笔记【4】函数的声明与调用目录二、函数的声明三、函数的调用

请求超时VUE axios重新再次请求

nodejs微信开发---授权登录+获取用户信息微信网页授权

debian9升级4.9.0内核到4.19.2内核过程

Javascript构建Bingo卡片游戏

JavaScript的那些坑之事件代理事件代理事件阶段

javascript的for (var i in data)慎用javascript中的for (var i in data)谨慎用

Android电视机（机顶盒）初次开发的一些经验分享

tab鼠标经过菜单切换

vue （vue2.0）使用总结(从大体结构总结)

vue搭建过程及出现问题

/\B(?=(?:\d{3})+$)/g 一条令人费解的正则表达式

适用于JavaScript的ECMAScript 2020规范向前发展

JS生成uuid的四种方法

layui多任务上传添加进度条