Chia sẻ

Nội dung

Giới thiệu

Trong WPF để viết đoạn văn bản thông thường ta sử dụng Textbox, tuy nhiên Textbox không đảm bảo tính bảo mật cho người dùng khi sử dụng nó để nhập mật khẩu, để bảo vệ mật khẩu của bạn tránh khỏi sự tò mò đối với những người xung quanh, trong trường hợp này chúng ta sử dụng PasswordBox  thay cho Textbox. Trong bài này csharpcanban.com sẽ hướng dẫn các bạn sử dụng PasswordBox trong WPF.

Để có thể thực hành với nội dung dưới đây, đầu tiên bạn cần đọc bài Hướng dẫn tạo mới một Project trong WPF.

Hướng dẫn

Để hiển thị PasswordBox trong WPF ta sử dụng đoạn mã sau

<Window x:Class="WpfTutorialSamples.Basic_controls.PasswordBoxSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PasswordBoxSample" Height="160" Width="300">
    <StackPanel Margin="10">
        <Label>Text:</Label>
        <TextBox />
        <Label>Password:</Label>
        <PasswordBox />
    </StackPanel>
</Window>

Kết quả thu được như hình dưới đây

Như trên hình, chúng ta đã nhập chính xác cùng một đoạn ký tự là “password” vào hai hộp văn bản, nhưng trong phiên bản PasswordBox, các ký tự đã được thay thế bằng dấu chấm. Chúng ta có thể thay thế ký tự của khung PasswordBox thông qua việc sử dụng thuộc tính PasswordChar như dưới đây:

<PasswordBox PasswordChar="X" />

Trong trường hợp này ta sử dụng ký tự “X” thay cho ký tự là dấu “.”. Để giới hạn độ dài của mật khẩu, ta sử dụng thuộc tính Maxlengh, như dưới đây:

<PasswordBox MaxLength="6" />

Như ví dụ dưới đây, csharpcanban.com đã sử dụng cả 2 thuộc tính PasswordCharMaxlengh cho PasswordBox, giá trị cho thuộc tính Maxlengh đặt là 6 có nghĩa là mật khẩu không dài quá 6 ký tự:

<Window x:Class="WpfTutorialSamples.Basic_controls.PasswordBoxSample"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="PasswordBoxSample" Height="160" Width="300">
    <StackPanel Margin="10">
        <Label>Text:</Label>
        <TextBox />
        <Label>Password:</Label>
        <PasswordBox MaxLength="6" PasswordChar="X" />
    </StackPanel>
</Window>

Kết quả thu được

Xem thêm  [WPF] Hướng dẫn tạo splash screen trong WPF

Lời kết

Như vậy, trên đây csharpcanban.com đã hướng dẫn các bạn cách sử dụng PasswordBox trong WPF, trong các bài tiếp theo chúng ta sẽ cùng nhau nghiên cứu cách sử dụng RadioButton, Checkbox, Button trong WPF. Các bạn hãy thường xuyên truy cập để theo dõi.

Chúc ngày mới tốt lành.

 

 

ĐĂNG KÝ MUA HÀNG

    Email (*)

    Điện thoại (*)

    Tên sản phẩm/Dịch vụ:


    Chia sẻ

    Trả lời

    Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *