ساخت فرم Login به زبان WPF
در این مقاله خواهیم آموخت که چگونه یک فرم Login به زبان WPF ایجاد کنیم.به کمک آن میتوانید برنامه های ویندوزتان را مقداری زیباتر و خوش رنگ تر کنید.پس با من در این مقاله ی کوتاه و جالب همراه باشید.آموزش به صورت تصویری کاملا مرحله مرحله بوده امید وارم لذت ببرید.
شرووع آموزش در WPF:
از روش زیر استفاده کنید :
۱ – ویژوال استودیو را باز کنید ( در اینجا نسخه ۲۰۱۲ استفاده میشود)
۲ – به صفحه ی ایجاد یک پروژه ی جدید بروید و سپس برنامه ی WPF را همانطور که در شکل زیر نشان داده شده است ، انتخاب کنید.
۳ – به صفحه ی Solution Explorer بروید و فولدر جدیدی همانند تصویر زیر به آن اضافه کنید.
۴ – نام Images را برای آن برگزینید.
۵ – تمام تصاویر را به این فولدر اضافه کنید( تصاویر در اینجا در قسمت سورس کد دمو آورده شده است)
۶ – پنجره ی جدیدی به پروژه اضافه کنید و نام login2.xaml را برای آن برگزینید.
۷ – حال login2.xaml را باز کنید و کد مورد نیاز برای نمایش تصویر را بنویسید.
۸ – خصوصیات پنجره ی اصلی را تنظیم کنید.
<Window x:Class="LoginFormInWPF.login2" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="login2" Height="700" Width="400" AllowsTransparency="True" WindowStyle="None" WindowStartupLocation="CenterScreen">
۹ – حال نمایش تصویر پس زمینه را در کد ها اضافه کنید.
<Window.Background> <ImageBrush ImageSource="Images/Untitled-1.png"/> </Window.Background>
۱۰ – حال کد های دیگر را برای نمایش معتبرسازی تصاویر ، TextBox ها ، دکمه ی ورود و غیره اضافه میکنیم.
<Grid> <TextBox HorizontalAlignment="Left" Height="30" Margin="135,313,0,0" TextWrapping="Wrap" Text="" VerticalAlignment="Top" Width="169"/> <Button Content="" HorizontalAlignment="Left" Margin="248,410,0,0" VerticalAlignment="Top" Width="54" Height="24" Click="Button_Click_1"> <Button.Background> <ImageBrush/> </Button.Background> </Button> <Image HorizontalAlignment="Left" Source="Images/worng.png" Height="30" VerticalAlignment="Top" Width="41" Margin="309,313,0,0"> </Image> <Image HorizontalAlignment="Left" Source="Images/Warning.png" Height="30" VerticalAlignment="Top" Width="41" Margin="309,361,0,0"/> <PasswordBox HorizontalAlignment="Left" Margin="135,361,0,0" VerticalAlignment="Top" Width="169" Height="30"/> <Image HorizontalAlignment="Left" Height="25" VerticalAlignment="Top" Width="30" Margin="368,6,0,0" Source="Images/close.png" MouseDown="Image_MouseDown_1"/> <Image HorizontalAlignment="Left" Height="25" VerticalAlignment="Top" Width="30" Margin="336,6,0,0" Source="Images/minimize.png" MouseDown="Image_MouseDown_2"/> </Grid>
حال پنجره ی App.xamp را باز کنید و نام فرم startup را همانن زیر تغییر دهید :
StartupUrl="login2.xaml"
با کمک آن با اجرای برنامه ، فرم Login2.xaml باز میشود.
۱۱ – حال برنامه را اجرا کنید. خروجی شما مشابه تصویر بالا خواهد بود.
سوال و نظرات خودتان را با من درمیان بگذارید.
با تشکر از وقتی که برای خواندن این مقاله گذاشتید.
سوال؟؟
چگونه از فرم wpf میتوان در یک windows application استفاده کرد
با تشکر