نمونه فرم لاگین طراحی شده با WPF

miladhsb

این هم کدش هست:

Window x:Class="WpfApp2.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:WpfApp2"
        mc:Ignorable="d"
        Title="MainWindow" Height="480" Width="300
        " ResizeMode="NoResize" WindowStyle="None" BorderThickness="1" WindowStartupLocation="CenterScreen">
    <Grid x:Name="milad" Margin="0,0,0,0" FlowDirection="RightToLeft" Background="White">
        <Grid.RowDefinitions>
            <RowDefinition Height="30*"/>
            <RowDefinition Height="77*"/>
            <RowDefinition Height="80*"/>
            <RowDefinition Height="37*"/>
            <RowDefinition Height="36*"/>
            <RowDefinition Height="39*"/>
            <RowDefinition Height="33*"/>
            <RowDefinition Height="39*"/>
            <RowDefinition Height="39*"/>
            <RowDefinition Height="29*"/>
            <RowDefinition Height="10*"/>
            <RowDefinition Height="29*"/>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="13*"/>
            <ColumnDefinition Width="70*"/>
            <ColumnDefinition Width="37*"/>
            <ColumnDefinition Width="53*"/>
            <ColumnDefinition Width="40*"/>
            <ColumnDefinition Width="0*"/>
            <ColumnDefinition Width="70*"/>
            <ColumnDefinition Width="15*"/>
        </Grid.ColumnDefinitions>
        <Rectangle  Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="8" Grid.RowSpan="5"  >
            <Rectangle.Fill>
                <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">
                    <GradientStop Color="#FF257BC8" Offset="0"/>
                    <GradientStop Color="#FF332789" Offset="1"/>
                    <GradientStop Color="#FF2F44A1" Offset="0.43"/>
                </LinearGradientBrush>
            </Rectangle.Fill>
        </Rectangle>

        <Rectangle  Grid.Row="3" Grid.Column="1" Grid.ColumnSpan="6" Grid.RowSpan="7" Fill="White" RadiusX="8" RadiusY="8"  >
            <Rectangle.Effect>
                <DropShadowEffect BlurRadius="30" Direction="0" ShadowDepth="1"/>
            </Rectangle.Effect>
        </Rectangle>

        <Label Content="نام کاربری :" Grid.Column="1" Grid.Row="4" Foreground="#FFACACAC" FontFamily="B Yekan" Grid.ColumnSpan="2" />
        <Label Content="کلمه عبور:" Grid.Column="1" Grid.Row="6" Foreground="#FF979797" FontFamily="B Yekan" Grid.ColumnSpan="2" />

        <TextBox TextWrapping="Wrap" Text="نام کاربری را وارد کنید"  Grid.Row="5" Grid.Column="1" Grid.ColumnSpan="6" Foreground="#FF636060" FontFamily="B Yekan" Margin="13,3,13,5" BorderBrush="#FF4B5B95" BorderThickness="0,0,0,2" VerticalContentAlignment="Center"/>
        <TextBox TextWrapping="Wrap" Text="کلمه عبور را وارد کنید"  Grid.Row="7" Grid.Column="1" Grid.ColumnSpan="6" Margin="13,3,13,5" Foreground="#FF616161" FontFamily="B Yekan" Background="{x:Null}" BorderBrush="#FF3A4A84" BorderThickness="0,0,0,2" VerticalContentAlignment="Center"/>

        <Rectangle Grid.Row="9" Grid.Column="2" Grid.ColumnSpan="3" Grid.RowSpan="2" RadiusX="5"  RadiusY="5" Fill="#FF2497F2" Margin="5,3,5,1" >
            <Rectangle.Effect>
                <DropShadowEffect BlurRadius="10" Opacity="0.7"/>
            </Rectangle.Effect>
        </Rectangle>
        <TextBlock Grid.Row="9" Grid.Column="2" Grid.ColumnSpan="3" Grid.RowSpan="2"  VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White" FontFamily="B Yekan" FontWeight="Bold">ورود</TextBlock>

        <!--<Button Grid.Row="9" Grid.Column="2" Grid.ColumnSpan="3" Background="{x:Null}" Foreground="#FFF7F2F2" FontFamily="B Yekan" FontWeight="Bold" Click="Button_Click" Margin="5,5,5,0" Grid.RowSpan="2" BorderBrush="{x:Null}" BorderThickness="0">کلیک کنید</Button>-->


        <Ellipse Grid.Row="1" Grid.Column="3" Margin="2,10">
            <Ellipse.Fill>
                <ImageBrush ImageSource="NewFolder1/images.jpg"/>
            </Ellipse.Fill>
        </Ellipse>
        <Label Content="ورود کاربران" Grid.Column="2" Grid.Row="3" Foreground="#FFACACAC" FontFamily="B Yekan" Grid.ColumnSpan="3" HorizontalAlignment="Center" />
     
        <TextBlock Grid.Column="1" Margin="1,3,50,3" MouseDown="Ellipse_MouseDown" FontSize="15" FontWeight="Bold" Foreground="White">x</TextBlock>
    </Grid>
</Window>

سجاد باقرزاده

سلام، روزتون بخیر.

فرم بسیار زیبایی طراحی کردید ولی به عنوان پیشنهاد فونت B Yekan رو به فونت B Koodak تغییر بدید و همچنین میتونید برای Layout بندی از مدل های مختلف مثل DockPanel، Stack در داخل Grid تون استفاده کنید تا فرم شما دچار پیچیدگی نشود. الان برای تغییر باید دوباره row و column اضافه کنید و امکان بهم ریختن فرم وجود دارد همچنین برای تنظیم باید از ColumnSpan و RowSpan استفاده کنید.

موفق و پیروز باشید

miladhsb

تشکر میکنم از راهنمایی ارزشمند شما . حتما مواردی رو که گفتید رعایت میکنم.