UWP如何在MainPage.xaml.cs中访问UserControl里的MainImage控件？

首先，你之前的代码存在两个关键问题：

1. 无限递归陷阱：属性名和控件的x:Name都叫MainImage，get方法里return MainImage会不断调用自身，最终触发栈溢出异常（StackOverflowException）。
2. 访问权限限制：UserControl内部的控件默认访问修饰符是internal，外部类（比如MainPage）无法直接访问。

下面给你两种可行的解决方案，推荐第二种更贴合WPF/UWP设计思想的做法：

方案一：直接暴露内部Image控件（简单直接） #

在你的UserControl代码后台（比如UserControl.xaml.cs）中，定义一个名称不重复的公共属性，用来返回内部的Image控件：

// UserControl.xaml.cs
public Image MainImageControl
{
    get { return MainImage; } // 这里的MainImage是你XAML中控件的x:Name
}

之后在MainPage里，先获取到UserControl的实例（假设你在MainPage的XAML中给UserControl设置了x:Name="MyCustomUserControl"），就能访问这个Image控件了：

// MainPage.xaml.cs
var targetImage = MyCustomUserControl.MainImageControl;
// 接下来可直接操作targetImage，比如修改Source、Visibility等属性

方案二：通过MVVM绑定更新（推荐，符合WPF/UWP设计模式） #

直接操作UI控件并非最佳实践，更合理的方式是通过数据绑定驱动UI更新：

1. 给UserControl创建ViewModel类，包含与XAML绑定对应的FrontImage属性：

public class MyUserControlViewModel : INotifyPropertyChanged
{
    private ImageSource _frontImage;
    public ImageSource FrontImage
    {
        get => _frontImage;
        set
        {
            _frontImage = value;
            OnPropertyChanged(nameof(FrontImage));
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 在UserControl的构造函数中设置DataContext，并暴露ViewModel的公共访问入口：

// UserControl.xaml.cs
public MyUserControl()
{
    InitializeComponent();
    DataContext = new MyUserControlViewModel();
}

public MyUserControlViewModel ViewModel => DataContext as MyUserControlViewModel;

3. 在MainPage中，直接操作UserControl的ViewModel来更新Image的Source：

// MainPage.xaml.cs
var userControlViewModel = MyCustomUserControl.ViewModel;
userControlViewModel.FrontImage = new BitmapImage(new Uri("你的图片路径"));

这种方式无需直接操作UI控件，完全通过数据驱动UI更新，代码更易于维护和扩展。

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