水平StackPanel中如何让TextBlock高度决定同容器Image高度

• XAML按声明顺序从上到下解析实例化元素，你的Image写在hyperlinkTextBlock之前，绑定初始化时TextBlock还未完成布局，ActualHeight默认值为0，Image拿到0高度后直接被渲染为不可见。
• 水平方向StackPanel会给子元素分配垂直方向的无限可用空间，元素高度完全由自身测量请求决定，初始0高度一旦被布局系统记录，后续即使TextBlock的ActualHeight更新，也可能因为布局测量顺序问题不会触发Image的重新渲染。
• 你给Image设置了VerticalAlignment="Center"，Image会优先按照图片源的固有尺寸请求高度，不会主动匹配相邻TextBlock的高度。

优先选择无绑定的Grid布局方案，完全规避ControlTemplate下的命名域隔离、绑定时机问题，自动适配字体大小变化带来的TextBlock高度动态调整，稳定性最高：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <!-- 图标放在第一列，垂直拉伸自动匹配行高 -->
    <Image Grid.Column="0"
           Source="{Binding HyperlinkIconImagePath}"
           Margin="{StaticResource IconLeftMargin}"
           VerticalAlignment="Stretch"
           Stretch="Uniform"/>
    <!-- 超链接文本放在第二列，自动撑开Grid行高 -->
    <TextBlock Grid.Column="1"
               VerticalAlignment="Center">
        <Hyperlink NavigateUri="{Binding HyperlinkUri}">
            <TextBlock Text="{Binding HyperlinkDisplayedText}"/>
        </Hyperlink>
    </TextBlock>
</Grid>

如果必须保留StackPanel布局，需要做两处改动：

• 调整XAML元素声明顺序，先放TextBlock再放Image，保证绑定初始化时TextBlock已经完成实例化
• 给高度绑定显式指定Mode=OneWay，移除Image上不符合预期的垂直对齐设置
  参考代码：

<StackPanel Orientation="Horizontal">
    <!-- 优先声明TextBlock，保证绑定源已完成加载 -->
    <TextBlock>
        <Hyperlink NavigateUri="{Binding HyperlinkUri}">
            <TextBlock 
                Name="hyperlinkTextBlock" 
                Text="{Binding HyperlinkDisplayedText}"/>
        </Hyperlink>
    </TextBlock>
    <!-- Image后声明，绑定显式设置单向模式 -->
    <Image Source="{Binding HyperlinkIconImagePath}" 
           Height="{Binding ElementName=hyperlinkTextBlock, Path=ActualHeight, Mode=OneWay}" 
           Margin="{StaticResource IconLeftMargin}"
           Stretch="Uniform"/>
</StackPanel>

注意：StackPanel方案依赖ElementName查找绑定源，在部分ControlTemplate命名域隔离场景下可能失效，非必要不推荐使用。

内容的提问来源于stack exchange，提问作者chuckp