Question

我正在开发一个Windows Phone应用程序。我要求用户登录。

在登录页面上，用户必须输入密码。

现在我想要的是我给用户一个复选框，选中后应该显示密码的字符。

我没有在密码框中看到任何显示密码字符的属性。

请建议一些方法来做到这一点。

Answer 1

不要认为PasswordBox是可能的......只是一个想法，但你可以使用隐藏的TextBox完成相同的结果，当用户点击CheckBox时，你只需隐藏PasswordBox并显示TextBox;如果他再次点击，你再次切换他们的可见性状态，依此类推......

修改

这就是如何！

只需添加页面，将ContentPanel更改为StackPanel并添加此XAML代码：

<PasswordBox x:Name="MyPasswordBox" Password="{Binding Text, Mode=TwoWay, ElementName=MyTextBox}"/> <TextBox x:Name="MyTextBox" Text="{Binding Password, Mode=TwoWay, ElementName=MyPasswordBox}" Visibility="Collapsed" /> <CheckBox x:Name="ShowPasswordCharsCheckBox" Content="Show password" Checked="ShowPasswordCharsCheckBox_Checked" Unchecked="ShowPasswordCharsCheckBox_Unchecked" />

接下来，在页面代码上添加以下内容：

private void ShowPasswordCharsCheckBox_Checked(object sender, RoutedEventArgs e) { MyPasswordBox.Visibility = System.Windows.Visibility.Collapsed; MyTextBox.Visibility = System.Windows.Visibility.Visible; MyTextBox.Focus(); } private void ShowPasswordCharsCheckBox_Unchecked(object sender, RoutedEventArgs e) { MyPasswordBox.Visibility = System.Windows.Visibility.Visible; MyTextBox.Visibility = System.Windows.Visibility.Collapsed; MyPasswordBox.Focus(); }

这很好用，但是还有一些工作，你可以完全做MVVM！

Answer 2

使用默认密码框，无法实现您想要的功能。

您可以在此处找到更多信息：http://social.msdn.microsoft.com/Forums/en/wpf/thread/98d0d4d4-1463-481f-b8b1-711119a6ba99

Answer 3

您可以创建自己的继承自文本框的控件，但是在每个字符之后用*替换它，将真值存储在页面上的私有变量中。使用复选框，您可以切换文本框中的值是显示真值还是*值。

这不是一个优雅的解决方案，也不是最佳实践，但是如果您愿意接受它，我认为它仍然是一种替代方案。

Answer 4

我创建了一个MVVM示例，我也在现实生活中使用了该示例。请注意，PasswordBox.Password不是依赖项属性，因此无法直接绑定。出于安全原因，它是这样设计的，有关详细信息，请参见：How to bind to a PasswordBox in MVVM

如果仍然要执行此操作，则必须使用后面的代码为视图模型构建桥梁。我没有提供转换器，因为您可能正在使用自己的转换器集。如果没有，请向Google请求合适的实现。

EnterPasswordWindow.xaml

<Window x:Class="MyDemoApp.Controls.EnterPasswordWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:MyDemoApp.Controls"
        mc:Ignorable="d" d:DataContext="{d:DesignInstance local:EnterPasswordViewModel}"
        WindowStartupLocation="CenterOwner" ResizeMode="NoResize" SizeToContent="WidthAndHeight"
        Title="Enter Password">
    <StackPanel Margin="4">
        <TextBlock Margin="4">Please enter a password:</TextBlock>
        <TextBox Margin="4" Text="{Binding Password, UpdateSourceTrigger=PropertyChanged}" Visibility="{Binding ShowPassword, Converter={StaticResource BoolToVisibleConverter}}"/>
        <PasswordBox Margin="4" Name="PasswordBox" Visibility="{Binding ShowPassword, Converter={StaticResource BoolToHiddenConverter}}" PasswordChanged="PasswordBox_PasswordChanged"/>
        <CheckBox Margin="4" IsChecked="{Binding ShowPassword}">Show password</CheckBox>
        <DockPanel>
            <Button Margin="4" Width="150" Height="30" IsDefault="True" IsEnabled="{Binding Password, Converter={StaticResource StringIsNotNullOrEmptyConverter}}" Click="Button_Click">OK</Button>
            <Button Margin="4" Width="150" Height="30" IsCancel="True" HorizontalAlignment="Right">Cancel</Button>
        </DockPanel>
    </StackPanel>
</Window>

EnterPasswordWindow.xaml.cs

using System.ComponentModel;
using System.Windows;
using System.Windows.Controls;

namespace MyDemoApp.Controls
{
    /// <summary>
    /// Interaction logic for EnterPasswordWindow.xaml
    /// </summary>
    public partial class EnterPasswordWindow : Window
    {
        public EnterPasswordWindow()
        {
            InitializeComponent();
            DataContext = ViewModel = new EnterPasswordViewModel();
            ViewModel.PropertyChanged += ViewModel_PropertyChanged;
        }

        public EnterPasswordViewModel ViewModel { get; set; }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            DialogResult = true;
            Close();
        }

        private void ViewModel_PropertyChanged(object sender, PropertyChangedEventArgs e)
        {
            if (!mSuppressPropertyChangedEvent && e.PropertyName == nameof(ViewModel.Password))
            {
                PasswordBox.Password = ViewModel.Password;
            }
        }
        private bool mSuppressPropertyChangedEvent;
        private void PasswordBox_PasswordChanged(object sender, RoutedEventArgs e)
        {
            mSuppressPropertyChangedEvent = true;
            ViewModel.Password = ((PasswordBox)sender).Password;
            mSuppressPropertyChangedEvent = false;
        }
    }
}

EnterPasswordViewModel.cs

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace MyDemoApp.Controls
{
    public class EnterPasswordViewModel : INotifyPropertyChanged
    {
        public string Password
        {
            get => mPassword;
            set
            {
                if (mPassword != value)
                {
                    mPassword = value;
                    NotifyPropertyChanged();
                }
            }
        }
        private string mPassword;

        public bool ShowPassword
        {
            get => mShowPassword;
            set
            {
                if (mShowPassword != value)
                {
                    mShowPassword = value;
                    NotifyPropertyChanged();
                }
            }
        }
        private bool mShowPassword;

        public event PropertyChangedEventHandler PropertyChanged;
        private void NotifyPropertyChanged([CallerMemberName]string propertyName = null)
        {
            if (string.IsNullOrEmpty(propertyName))
            {
                return;
            }
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

在密码箱的某些事件上显示密码字符

4 个答案: