wpf RelativeSource繫結

aierong發表於2023-04-10

RelativeSource有四種型別

Self

FindAncestor

TemplatedParent

PreviousData

 

a.Self

Self用於繫結源和繫結目標相同的場景中。物件的一個屬性與同一物件的另一個屬性繫結。

例如，讓我們取一個高度和寬度相同的橢圓。在XAML檔案中新增下面給出的程式碼。寬度屬性與高度屬性相對繫結。

<Grid>
    <Ellipse Width="{Binding RelativeSource={RelativeSource Self}, Path=Height}"
             Height="100"
             Fill="Black" />
</Grid>

 

b.FindAncestor

FindAncestor
顧名思義，當繫結源是繫結目標的祖先（父級）之一時使用此選項。使用FindAncestor擴充套件，可以找到任何級別的祖先。
             

現在，讓我們使用FindAncestor擴充套件將祖先的Name屬性繫結到子元素button的Content屬性。

<Grid Name="Parent_3">
    <StackPanel Name="Parent_222"
                Width="100"
                HorizontalAlignment="Center"
                VerticalAlignment="Center">
        <StackPanel Name="Parent_2"
                    Width="100"
                    HorizontalAlignment="Center"
                    VerticalAlignment="Center">
            <Border Name="Parent_1">
                <StackPanel x:Name="Parent_0"
                            Orientation="Vertical">
                    <!--  下面這個按鈕Content得到：Parent_2  -->
                    <Button Height="50"
                            Content="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type StackPanel}, AncestorLevel=2}, Path=Name}" />
                    <!--  下面這個按鈕Content得到：Parent_0  -->
                    <Button Height="50"
                            Content="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type StackPanel}, AncestorLevel=1}, Path=Name}" />
                    <!--  下面這個按鈕Content得到：Parent_0  -->
                    <Button Height="50"
                            Content="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type StackPanel}}, Path=Name}" />
                </StackPanel>
            </Border>
        </StackPanel>
    </StackPanel>
</Grid>

 

c.TemplatedParent

TemplatedParent是一個屬性，它使您能夠建立一個包含少量未知值的控制元件模板。這些值取決於應用ControlTemplate的控制元件的屬性。

    <Window.Resources>
        <ControlTemplate x:Key="template1">
            <!--
                在應用模板時，按鈕的Background（Beige）與橢圓的Fill屬性相對繫結，Content（Click me）與ContentPresenter的Content屬性相對繫結。依賴值生效並給出以下輸出。
            -->
            <Canvas>
                <Ellipse Width="155"
                         Height="110"
                         Fill="Black" />
                <Ellipse Width="150"
                         Height="100"
                         Fill="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Background}" />
                <ContentPresenter Margin="35"
                                  Content="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=Content}" />
            </Canvas>
        </ControlTemplate>
    </Window.Resources>
<Button Height="0"
                        Margin="5"
                        Background="Beige"
                        Content="Click me"
                        FontSize="18"
                        Template="{StaticResource template1}" />

 

d.PreviousData

PreviousData這個用得很少，表示值相對於以前資料的變化。

 

最終效果圖

wpf RelativeSource繫結

 

 

文章導航
  1. https://github.com/aierong/WpfDemo (自我Demo地址)

 

相關文章