MAUI中Grid无RaiseChild属性，如何实现子控件层级调整？

在MAUI里，Layout类不再提供RaiseChild/LowerChild方法，控件的显示层级由Grid的Children集合顺序决定——集合中越靠后的控件，渲染优先级越高（显示在最上层）。针对你遇到的「点击Details Frame无法置于上层」的问题，可通过调整Children集合顺序实现需求，具体方案如下：

修改后的后台代码 #

// 初始化设置
InitializeComponent();
// 确保Details初始处于上层
BringToFront(details_frame);
details_frame.BackgroundColor = Color.FromArgb("#939393");
comment_frame.BackgroundColor = Color.FromArgb("#c2c2c2");

private void DetailsTapped(object sender, EventArgs e)
{
    BringToFront(details_frame);
    details_frame.BackgroundColor = Color.FromArgb("#939393");
    comment_frame.BackgroundColor = Color.FromArgb("#c2c2c2");
}

private void CommentsTapped(object sender, EventArgs e)
{
    BringToFront(comment_frame);
    comment_frame.BackgroundColor = Color.FromArgb("#939393");
    details_frame.BackgroundColor = Color.FromArgb("#c2c2c2");
}

// 通用「置于上层」方法
private void BringToFront(View view)
{
    if (toplayout_grid.Children.Contains(view))
    {
        // 移除后重新添加到集合末尾，即可让控件显示在最上层
        toplayout_grid.Children.Remove(view);
        toplayout_grid.Children.Add(view);
    }
}

原理说明 #

• MAUI布局控件（如Grid）会严格按照Children集合的顺序渲染控件，最后添加的控件会覆盖之前的控件。
• 通过Remove+Add的操作，将目标控件移到集合末尾，就能确保它处于最上层。
• 封装BringToFront方法可避免重复代码，同时加入存在性判断防止异常。

性能优化版实现 #

如果不想移除再添加，也可以直接移动控件在集合中的索引到最后，性能更优：

private void BringToFront(View view)
{
    int currentIndex = toplayout_grid.Children.IndexOf(view);
    int lastIndex = toplayout_grid.Children.Count - 1;
    if (currentIndex != -1 && currentIndex != lastIndex)
    {
        toplayout_grid.Children.Move(currentIndex, lastIndex);
    }
}

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