C# ile Login Form Tasarlama

C# ile Login Form nasıl tasarlanır ?

Merhaba,

Yukarıda görmüş olduğunuz giriş ekranı ne kadar da hoş görünüyor değil mi ? Windows form ile bunu yapmak çok zor sanırdım bende sizler gibi ama aslında tek ihtiyacım olan hayal etmek olduğunu zamanla öğrendim. Bu formu tasarlamak için önce yeni bir C# Windows Form Application projesi açıyoruz.Ve şu araçları formumuza ekliyoruz.

1 Adet label
4 Adet PicturBox
3 Adet Panel
3 Adet TextBox
2 Adet Button

Formumuzda olacak resimleri sizin için ekliyorum aşağıday bunları indirip formunuzda kullanabilirsiniz.

Bu Resimleri indirdikten sonra

Fotoğraftaki gibi herhangi bir picturbox üzerinde bu işlemleri yaparak görselleri içeri alıyoruz. Daha sonra form üzerinde yapacağımız değişiklikleri aşağıya sırasıyla yazıyorum.

Form Özellikleri :

AutoSize : false

BackColor : 34; 36; 49

FormBorderStyle : none

Size : 364; 495

StartPosition : CenterScreen

PicturBox1 Adlı Resim Kutusu Özellikleri:

1 nolu resim eklenir.

Size Mood : Zoom

Locaiton : 121;12

Size : 124;128

Formdaki bütün öğeleri tamamladığımda formun tasarım kodu şöyle olacak:

// textBox1

this.textBox1.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.textBox1.BorderStyle = System.Windows.Forms.BorderStyle.None;

this.textBox1.Font = new System.Drawing.Font("Arial", 11.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(162)));

this.textBox1.ForeColor = System.Drawing.Color.White;

this.textBox1.HideSelection = false;

this.textBox1.Location = new System.Drawing.Point(72, 177);

this.textBox1.Name = "textBox1";

this.textBox1.Size = new System.Drawing.Size(230, 18);

this.textBox1.TabIndex = 2;

this.textBox1.TabStop = false;

this.textBox1.Text = "Kullanıcı Adı";

this.textBox1.Click += new System.EventHandler(this.textBox1_Click);

// panel1

this.panel1.BackColor = System.Drawing.Color.WhiteSmoke;

this.panel1.Location = new System.Drawing.Point(42, 198);

this.panel1.Name = "panel1";

this.panel1.Size = new System.Drawing.Size(260, 1);

this.panel1.TabIndex = 3;

// panel2

this.panel2.BackColor = System.Drawing.Color.WhiteSmoke;

this.panel2.Location = new System.Drawing.Point(42, 250);

this.panel2.Name = "panel2";

this.panel2.Size = new System.Drawing.Size(260, 1);

this.panel2.TabIndex = 6;

// textBox2

this.textBox2.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.textBox2.BorderStyle = System.Windows.Forms.BorderStyle.None;

this.textBox2.Font = new System.Drawing.Font("Arial", 11.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(162)));

this.textBox2.ForeColor = System.Drawing.Color.White;

this.textBox2.HideSelection = false;

this.textBox2.Location = new System.Drawing.Point(72, 229);

this.textBox2.Name = "textBox2";

this.textBox2.Size = new System.Drawing.Size(230, 18);

this.textBox2.TabIndex = 5;

this.textBox2.TabStop = false;

this.textBox2.Text = "Şifre";

this.textBox2.Click += new System.EventHandler(this.textBox2_Click);

// panel3

this.panel3.BackColor = System.Drawing.Color.WhiteSmoke;

this.panel3.Location = new System.Drawing.Point(42, 301);

this.panel3.Name = "panel3";

this.panel3.Size = new System.Drawing.Size(260, 1);

this.panel3.TabIndex = 9;

// textBox3

this.textBox3.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.textBox3.BorderStyle = System.Windows.Forms.BorderStyle.None;

this.textBox3.Font = new System.Drawing.Font("Arial", 11.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(162)));

this.textBox3.ForeColor = System.Drawing.Color.White;

this.textBox3.HideSelection = false;

this.textBox3.Location = new System.Drawing.Point(72, 280);

this.textBox3.Name = "textBox3";

this.textBox3.Size = new System.Drawing.Size(230, 18);

this.textBox3.TabIndex = 8;

this.textBox3.TabStop = false;

this.textBox3.Text = "Email";

this.textBox3.Click += new System.EventHandler(this.textBox3_Click);

// button1

this.button1.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(78)))), ((int)(((byte)(184)))), ((int)(((byte)(206)))));

this.button1.Cursor = System.Windows.Forms.Cursors.Hand;

this.button1.FlatAppearance.BorderSize = 0;

this.button1.FlatStyle = System.Windows.Forms.FlatStyle.Popup;

this.button1.Font = new System.Drawing.Font("Arial Narrow", 11.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(162)));

this.button1.ForeColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.button1.Location = new System.Drawing.Point(42, 328);

this.button1.Name = "button1";

this.button1.Size = new System.Drawing.Size(260, 44);

this.button1.TabIndex = 10;

this.button1.TabStop = false;

this.button1.Text = "Giriş Yap";

this.button1.UseVisualStyleBackColor = false;

// button2

this.button2.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.button2.Cursor = System.Windows.Forms.Cursors.Hand;

this.button2.FlatAppearance.BorderSize = 0;

this.button2.FlatStyle = System.Windows.Forms.FlatStyle.Popup;

this.button2.Font = new System.Drawing.Font("Arial Narrow", 11.25F, System.Drawing.FontStyle.Regular, System.Drawing.GraphicsUnit.Point, ((byte)(162)));

this.button2.ForeColor = System.Drawing.Color.White;

this.button2.Location = new System.Drawing.Point(42, 388);

this.button2.Name = "button2";

this.button2.Size = new System.Drawing.Size(260, 44);

this.button2.TabIndex = 11;

this.button2.TabStop = false;

this.button2.Text = "Üye Ol";

this.button2.UseVisualStyleBackColor = false;

// pictureBox4

this.pictureBox4.BackgroundImage = global::LoginForm.Properties.Resources.mail11;

this.pictureBox4.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;

this.pictureBox4.Location = new System.Drawing.Point(42, 273);

this.pictureBox4.Name = "pictureBox4";

this.pictureBox4.Size = new System.Drawing.Size(24, 24);

this.pictureBox4.SizeMode = System.Windows.Forms.PictureBoxSizeMode.Zoom;

this.pictureBox4.TabIndex = 7;

this.pictureBox4.TabStop = false;

// pictureBox3

this.pictureBox3.BackgroundImage = global::LoginForm.Properties.Resources.pas1;

this.pictureBox3.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;

this.pictureBox3.Location = new System.Drawing.Point(42, 222);

this.pictureBox3.Name = "pictureBox3";

this.pictureBox3.Size = new System.Drawing.Size(24, 24);

this.pictureBox3.SizeMode = System.Windows.Forms.PictureBoxSizeMode.Zoom;

this.pictureBox3.TabIndex = 4;

this.pictureBox3.TabStop = false;

// pictureBox2

this.pictureBox2.BackgroundImage = global::LoginForm.Properties.Resources.user1;

this.pictureBox2.BackgroundImageLayout = System.Windows.Forms.ImageLayout.Stretch;

this.pictureBox2.Location = new System.Drawing.Point(42, 170);

this.pictureBox2.Name = "pictureBox2";

this.pictureBox2.Size = new System.Drawing.Size(24, 24);

this.pictureBox2.SizeMode = System.Windows.Forms.PictureBoxSizeMode.Zoom;

this.pictureBox2.TabIndex = 1;

this.pictureBox2.TabStop = false;

// pictureBox1

this.pictureBox1.Image = ((System.Drawing.Image)(resources.GetObject("pictureBox1.Image")));

this.pictureBox1.Location = new System.Drawing.Point(121, 12);

this.pictureBox1.Name = "pictureBox1";

this.pictureBox1.Size = new System.Drawing.Size(124, 128);

this.pictureBox1.SizeMode = System.Windows.Forms.PictureBoxSizeMode.Zoom;

this.pictureBox1.TabIndex = 0;

this.pictureBox1.TabStop = false;

// label1

this.label1.AutoSize = true;

this.label1.Cursor = System.Windows.Forms.Cursors.Hand;

this.label1.Font = new System.Drawing.Font("Arial", 12.25F);

this.label1.ForeColor = System.Drawing.Color.Silver;

this.label1.Location = new System.Drawing.Point(338, 4);

this.label1.Name = "label1";

this.label1.Size = new System.Drawing.Size(20, 19);

this.label1.TabIndex = 12;

this.label1.Text = "X";

this.label1.Click += new System.EventHandler(this.label1_Click);

// Form1

this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);

this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

this.BackColor = System.Drawing.Color.FromArgb(((int)(((byte)(34)))), ((int)(((byte)(36)))), ((int)(((byte)(49)))));

this.ClientSize = new System.Drawing.Size(364, 495);

this.Controls.Add(this.label1);

this.Controls.Add(this.button2);

this.Controls.Add(this.button1);

this.Controls.Add(this.panel3);

this.Controls.Add(this.textBox3);

this.Controls.Add(this.pictureBox4);

this.Controls.Add(this.panel2);

this.Controls.Add(this.textBox2);

this.Controls.Add(this.pictureBox3);

this.Controls.Add(this.panel1);

this.Controls.Add(this.textBox1);

this.Controls.Add(this.pictureBox2);

this.Controls.Add(this.pictureBox1);

this.FormBorderStyle = System.Windows.Forms.FormBorderStyle.None;

this.Name = "Form1";

this.StartPosition = System.Windows.Forms.FormStartPosition.CenterScreen;

this.Text = "Form1";

this.Load += new System.EventHandler(this.Form1_Load);

((System.ComponentModel.ISupportInitialize)(this.pictureBox4)).EndInit();

((System.ComponentModel.ISupportInitialize)(this.pictureBox3)).EndInit();

((System.ComponentModel.ISupportInitialize)(this.pictureBox2)).EndInit();

((System.ComponentModel.ISupportInitialize)(this.pictureBox1)).EndInit();

this.ResumeLayout(false);

this.PerformLayout();

Ve Son olarak arkaplan kodlarımız şu şekilde olacak :

private void textBox1_Click(object sender, EventArgs e)

{

textBox1.Clear();

pictureBox2.BackgroundImage = Properties.Resources.user2;

panel1.BackColor = Color.FromArgb(78, 184, 206);

textBox1.ForeColor = Color.FromArgb(78, 184, 206);

pictureBox3.BackgroundImage = Properties.Resources.pas1;

panel2.BackColor = Color.WhiteSmoke;

textBox2.ForeColor = Color.WhiteSmoke;

pictureBox4.BackgroundImage = Properties.Resources.mail11;

panel3.BackColor = Color.WhiteSmoke;

textBox3.ForeColor = Color.WhiteSmoke;

}

private void textBox2_Click(object sender, EventArgs e)

{

textBox2.Clear();

textBox2.PasswordChar = '*';

pictureBox3.BackgroundImage = Properties.Resources.pas2;

panel2.BackColor = Color.FromArgb(78, 184, 206);

textBox2.ForeColor = Color.FromArgb(78, 184, 206);

pictureBox2.BackgroundImage = Properties.Resources.user1;

panel1.BackColor = Color.WhiteSmoke;

textBox1.ForeColor = Color.WhiteSmoke;

pictureBox4.BackgroundImage = Properties.Resources.mail11;

panel3.BackColor = Color.WhiteSmoke;

textBox3.ForeColor = Color.WhiteSmoke;

}

private void textBox3_Click(object sender, EventArgs e)

{

textBox3.Clear();

pictureBox4.BackgroundImage = Properties.Resources.mail22;

panel3.BackColor = Color.FromArgb(78, 184, 206);

textBox3.ForeColor = Color.FromArgb(78, 184, 206);

pictureBox3.BackgroundImage = Properties.Resources.pas1;

panel2.BackColor = Color.WhiteSmoke;

textBox2.ForeColor = Color.WhiteSmoke;

pictureBox2.BackgroundImage = Properties.Resources.user1;

panel1.BackColor = Color.WhiteSmoke;

textBox1.ForeColor = Color.WhiteSmoke;

}

private void label1_Click(object sender, EventArgs e)

{

Close();

}

Umarım sorun yaşamazsınız. Sorun yaşamanız durumunda bana iletişim formu yada sosyal medya hesaplarımdan ulaşabilirsiniz.

Kolay Gelsin İyi Çalışmalar :)

Bu Blogda Ara

Mert ile Teknolojiye Dair Her Şey