دسته بندی ها
22:12 1399/10/12

ساخت TextBox Mask در WPF سی شارپ

مشخصات سوال کننده :
کاربر : mojtabahakimian     امتیاز کاربر : 155     رتبه کاربر : 10
دسته بندی : WPF سی شارپ

به این سوال امتیاز بدهید    0
تعداد بازدید این سوال : 2558
پاسخ دهنده : fateme 23:39 1399/10/14

برای این کار میتونید چندین ایده مختلف رو پیاده سازی کنید. یکی از ایده هایی که به ذهن من میرسه اینه که مثلا شما یک TextBox روی پنجره خودتون قرار بدید و در رویداد TextChanged اون بیاید و کنترل کنید که مثلا اگر طول متن وارد شده به TextBox دقیقا 4 کاراکتر بود یک علامت / بذاره. (برای تاریخ میتوانید این کار رو انجام بدید.)

 

کدهای xaml برای این کار :

<Window x:Class="WpfApp1.MainWindow"
        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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="200" Width="350">
    <Grid>
        <TextBox HorizontalAlignment="Left" Height="23" Margin="82,46,0,0" TextWrapping="Wrap" Name="txt1" TextChanged="TextBox_TextChanged" VerticalAlignment="Top" Width="178"/>

    </Grid>
</Window>

 

کدهای BackEnd

 

        private void TextBox_TextChanged(object sender, TextChangedEventArgs e)
        {
            if (txt1.Text.Length == 4)
            {
                txt1.Text += "/";
                txt1.CaretIndex = txt1.Text.Length;
                txt1.ScrollToEnd();
                txt1.Focus();
            }
            if (txt1.Text.Length == 7)
            {
                txt1.Text += "/";
                txt1.CaretIndex = txt1.Text.Length;
                txt1.ScrollToEnd();
                txt1.Focus();
            }
        }

 

الان اگر پروژه رو اجرا کنید یه چیزی مشابه با کامپوننت تاریخ پیاده سازی شده. البته خب خیلی کنترلهای دیگه هم باید انجام بشه برای چنین کاری. این فقط یه ایده است که میتونه تکمیل بشه.

نمونه انجام شده رو در زیر ببینید

به این پاسخ امتیاز بدهید    2
امتیاز: 1617 رتبه: 2
برای ارسال پاسخ لطفا وارد حساب کاربری خود شوید.   ورود