WPF中点击Page2按钮隐藏Page1图片的问题及示例代码请求

你的代码无效的核心原因：你在Page2里new了一个全新的Page1实例，修改的是这个新实例里图片的可见性，而非当前界面上正在显示的那个Page1实例的图片，所以界面不会有任何变化。

下面给你两种可行的实现方式：

方案一：直接传递已有Page1实例（简单直接） #

通过Page2的构造函数接收当前显示的Page1实例，直接操作该实例的图片控件。

1. 修改Page2的代码 #

public partial class Page2 : Page
{
    // 保存传入的已有Page1实例
    private readonly Page1 _currentPage1;

    // 构造函数接收Page1实例
    public Page2(Page1 page1)
    {
        InitializeComponent();
        _currentPage1 = page1;
    }

    private void Button_Click(object sender, RoutedEventArgs e)
    {
        // 修改已有实例中图片的可见性为隐藏
        _currentPage1.gear111.Visibility = Visibility.Collapsed;
    }
}

2. 导航到Page2时传递实例 #

比如在MainWindow中通过Frame控件导航：

// 获取当前Frame中显示的Page1实例
var currentPage1 = MyFrame.Content as Page1;
if (currentPage1 != null)
{
    // 导航到Page2并传入已有Page1实例
    MyFrame.Navigate(new Page2(currentPage1));
}

如果是从Page1内部导航到Page2：

private void GoToPage2Button_Click(object sender, RoutedEventArgs e)
{
    // 传入当前Page1实例（this）
    NavigationService.Navigate(new Page2(this));
}

方案二：使用MVVM模式（推荐，解耦页面） #

通过共享的ViewModel管理图片的可见性，页面只负责绑定和触发操作，更符合WPF的设计思想。

1. 创建共享ViewModel #

using System.ComponentModel;
using System.Windows;

public class SharedViewModel : INotifyPropertyChanged
{
    private Visibility _imageVisibility = Visibility.Visible;

    // 图片可见性属性
    public Visibility ImageVisibility
    {
        get => _imageVisibility;
        set
        {
            _imageVisibility = value;
            OnPropertyChanged(nameof(ImageVisibility));
        }
    }

    // 实现INotifyPropertyChanged接口
    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged(string propertyName)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 注册全局ViewModel #

在App.xaml中添加全局资源，让所有页面都能访问同一个ViewModel实例：

<Application x:Class="YourAppName.App"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:YourAppName"
             StartupUri="MainWindow.xaml">
    <Application.Resources>
        <!-- 注册全局共享ViewModel -->
        <local:SharedViewModel x:Key="SharedVM"/>
    </Application.Resources>
</Application>

3. Page1绑定可见性 #

修改Page1的Image控件，绑定到ViewModel的ImageVisibility属性：

<Image x:Name="gear111" 
       Visibility="{Binding ImageVisibility, Source={StaticResource SharedVM}}"
       HorizontalAlignment="Left" Height="114" VerticalAlignment="Top" Width="114" 
       Source="/gear1.png" Margin="676,461,0,0" Grid.Column="1"/>

4. Page2修改ViewModel属性 #

在Page2的按钮点击事件中修改ViewModel的属性，自动同步到Page1的图片：

private void Button_Click(object sender, RoutedEventArgs e)
{
    // 获取全局共享ViewModel
    var sharedVm = Application.Current.Resources["SharedVM"] as SharedViewModel;
    // 修改图片可见性为隐藏
    sharedVm.ImageVisibility = Visibility.Collapsed;
}

内容的提问来源于stack exchange，提问作者Алибек Кирджакиров