wpf 设置控件层次问题 最顶层 最底层

遇到的问题

按钮控件无法点击，猜测是控件次序问题，被旁边的一个统计图控件覆盖了。如图，被统计图控件覆盖的单选按键。

网上查到的解决方法竟然只有一个，被无数的网站疯狂拷贝。方法异常麻烦，需要遍历整个控件树。无奈，自己用英文搜索看看，也不需要用谷歌，必应国际版用英文搜索就可以了。没看到几个就找到了一个靠谱的解决方案，也希望大家遇到问题的时候可以把英文互联网的答案搬运过来。（10年人家都有答案了，22年中文互联网还没有答案，唉）

https://social.msdn.microsoft.com/Forums/vstudio/en-US/40cce1d7-a6f0-4564-8f02-e39b3ee56a2b/wpf-control-whos-on-top-?forum=wpf#:~:text=As%20far%20as%20I%20know%20WPF%20renders%20controls,Button%20control%20will%20be%20on%20top%20of%20TextBlock.

解决方案

wpf是根据控件次序控制层级的，写在后面的控件会排在上层。
调整前代码：

<!-- 两个单选框控件 -->
<RadioButton Grid.Column="0" GroupName="PieChartType" Content="大小" Margin="380,10,0,0"
             Click="RadioButtonSize_OnClick" IsChecked="True" Style="{StaticResource pie-char-type}"/>
<RadioButton Grid.Column="0" GroupName="PieChartType" Content="占用空间" Margin="380,30,0,0"
             Click="RadioButtonSpaceUsage_OnClick" Style="{StaticResource pie-char-type}"/>
<!-- 统计图控件 -->
<lvc:PieChart Grid.Column="0" x:Name="incidentPieChart" LegendPosition="Bottom"
              ChartPointPointerDown="IncidentPieChart_OnChartPointPointerDown"/>

调整后代码：

<!-- 统计图控件 -->
<lvc:PieChart Grid.Column="0" x:Name="incidentPieChart" LegendPosition="Bottom"
              ChartPointPointerDown="IncidentPieChart_OnChartPointPointerDown"/>
<!-- 两个单选框控件 -->
<RadioButton Grid.Column="0" GroupName="PieChartType" Content="大小" Margin="380,10,0,0"
             Click="RadioButtonSize_OnClick" IsChecked="True" Style="{StaticResource pie-char-type}"/>
<RadioButton Grid.Column="0" GroupName="PieChartType" Content="占用空间" Margin="380,30,0,0"
             Click="RadioButtonSpaceUsage_OnClick" Style="{StaticResource pie-char-type}"/>

调整后按钮即可点击。