WPF密码可见性ToggleButton图片切换异常及按钮消失问题求助

你的核心问题出在布局层级覆盖以及ToggleButton的列定位错误：

• 你的ToggleButton未指定Grid.Column="1"，默认和PasswordBox、PasswordTextBox处于Grid的第0列，当切换显示PasswordTextBox时，TextBox会完全覆盖ToggleButton，导致按钮看似“消失”，无法点击触发Unchecked事件。
• 按钮被上层控件覆盖后，IsChecked状态的Trigger无法正常响应，因此图标也不会切换。

1. 修正ToggleButton的Grid列定位 #

给PasswordToggleButton添加Grid.Column="1"，让它处于右侧的Auto列，避免被密码输入框覆盖：

<ToggleButton x:Name="PasswordToggleButton" 
              Grid.Column="1"  <!-- 新增该属性 -->
              Width="30" 
              Height="30" 
              VerticalAlignment="Center" 
              HorizontalAlignment="Right" 
              Margin="0,0,10,0" 
              Cursor="Hand"
              Checked="PasswordToggleButton_Checked"
              Unchecked="PasswordToggleButton_Unchecked">
    <!-- 原有模板内容保持不变 -->
</ToggleButton>

2. 优化ControlTemplate（可选，增强交互体验） #

给ToggleButton的模板添加透明背景，确保整个按钮区域都能接收点击事件：

<ControlTemplate TargetType="ToggleButton">
    <Grid Background="Transparent"> <!-- 新增透明背景，扩大可点击区域 -->
        <Image x:Name="PasswordEyeIcon" 
               Source="pack://application:,,,/img/Visibility.png" />
    </Grid>
    <ControlTemplate.Triggers>
        <Trigger Property="IsChecked" Value="True">
            <Setter TargetName="PasswordEyeIcon" Property="Source" Value="pack://application:,,,/img/VisibilityOff.png" />
        </Trigger>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="Opacity" Value="0.8" /> <!-- 鼠标悬停透明度效果 -->
        </Trigger>
    </ControlTemplate.Triggers>
</ControlTemplate>

3. 优化后台代码（可选，避免空值异常） #

在密码同步逻辑中添加空值判断，防止异常：

private void PasswordToggleButton_Checked(object sender, RoutedEventArgs e)
{
    PasswordBox.Visibility = Visibility.Hidden;
    PasswordTextBox.Visibility = Visibility.Visible;
    if (!string.IsNullOrEmpty(PasswordBox.Password))
    {
        PasswordTextBox.Text = PasswordBox.Password;
    }
}

private void PasswordToggleButton_Unchecked(object sender, RoutedEventArgs e)
{
    PasswordBox.Visibility = Visibility.Visible;
    PasswordTextBox.Visibility = Visibility.Hidden;
    if (!string.IsNullOrEmpty(PasswordTextBox.Text))
    {
        PasswordBox.Password = PasswordTextBox.Text;
    }
}

修改后，ToggleButton会固定在右侧独立列，不会被密码输入框覆盖，点击时图标会正常在Visibility.png和VisibilityOff.png之间切换，密码显示/隐藏功能正常，且能正常切回隐藏状态。

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