C# WinForm制作登录界面的实现步骤

在【解决方案资源管理器】中找到Form1.cs,单击,快捷键F2重命名为“Login.cs”(命名很重要,不然之后项目多了根据不知道哪个项目的内容是什么)

对窗体【Text】属性、【size】属性和【FormBoardStyle】属性进行修改

添加一个新的窗体

Ctrl+Shift+A,在弹出框中选择【Windows窗体】,命名为main.cs

取消登录界面最大化最小化关闭按钮在父窗体菜单栏上显示
最大化:MaximizeBox,最小化:MinimizeBox
如果设置一个为False 的时候会显示不可用,两个都设置为False 的时候,两个按钮同时消失。

关闭按钮没有设置不可用;
但是有一个ControlBox属性,设置为False 的时候最小化、最大化、关闭按钮都会消失。

也可以在login.Designer.cs中添加以下代码

this.MaximizeBox = false;   //禁用最大化按钮,这里的this是指窗体对象
this.MinimizeBox = false;   //禁用最小化按钮
//this.ControlBox = false;  //同时禁用最大化最小化关闭按钮

如果关闭按钮被禁用了,这个窗口就无法通过系统自带的功能来关闭。必须要再写一个关闭的功能用来关闭它。

将Program.cs中代码改为下面的内容
添加的代码为

	public static bool isValidUser;

	if (isValidUser == true)
	            {
	                Application.Run(new main());
	            }

登录界面中添加三个Label控件,纵向排列;将其【Text】属性分别修改为“用户名:"、“密码”、“用户类型”

从【工具箱】中拖放两个TextBox控件和一个ComboBox控件,将它们分别放在对应的Label控件的右边,并且将它们的【Name】属性分别改为"textBoxUserName",“textBoxPassword”,
“comboBoxLoginType”。

再添加一个CheckBox控件,将其【Text】属性修改为"自动登录"

-继续从【工具箱】中向窗体拖放两个Button控件,并且将分别将其【Name】属性改为“buttonOK”和“buttonCancel”,【Text】属性分别改为“确定”和“取消”。

用鼠标双击【确定】按钮控件,让其自动添加Click事件,然后将事件代码改为下面内容:

private void buttonOK_Click(object sender, EventArgs e)
    {
        Program.isValidUser = true;

        this.Close();
    }

同样用鼠标双击【取消】按钮控件,让其自动添加Click事件,然后将事件代码改为下面内容:

private void buttonCancel_Click(object sender, EventArgs e)
{
    Program.isValidUser = false;

    this.Close();
}

以上代码的含义是:点击“确定”,弹出下一个界面main;点击取消,关闭登录界面

将按钮事件代码改完后,我们再在构造函数中添加下面的内容:

comboBoxLoginType.Items.AddRange(new object[] { "中文-简体", "English-US" });
comboBoxLoginType.SelectedIndex = 0;

这段代码是为了添加下拉框的选项,完成这些后按【F5】,运行效果如下:

添加新的窗体
Ctrl+Shift+A,在弹出框中选择【Windows窗体】,命名为OtherForm.cs

打开main.cs的设计界面,设计主窗体的功能。
界面设计如下:

按照login.cs的设计界面的设计步骤进行设计,将第一个Label控件的【AutoSize】属性改为"False",【BorderStyle】属性改为“Fixed3D”【TextAlign】属性改为“MiddleCenter”

将“姓名”后面的textBox的【Name】属性修改为“textBoxName”

将“基本信息”后面的textBox的【Name】属性修改为“textBoxBaseInfo”

将“其他信息”后面的textBox的【Name】属性修改为“textBoxOtherInfo”

其他控件属性按之前的方法设置即可。

分别将“自动填写文本框”、“弹出对话框”和“弹出新窗体”这三个按钮的【Name】属性修改为:“buttonFillText”、“buttonShowDialog”、"buttonShowNewForm"进行双击,让其自动添加对应的Click事件代码,并修改代码如下:

private void buttonFillText_Click(object sender, EventArgs e)
{
    textBoxName.Text = "姜山";
    textBoxBaseInfo.Text = "男,27岁";
    textBoxOtherInfo.Text = "业余爱好,篮球";
}
private void buttonShowDialog_Click(object sender, EventArgs e)
{
     MessageBox.Show("OK");
}
private void buttonShowNewForm_Click(object sender, EventArgs e)
{
    OtherForm otherForm = new OtherForm();

    otherForm.ShowDialog();
}

在OtherForm.cs界面添加TabControl控件

设置Dock

在属性中找到TabPage属性

点击带有三个省略号的按钮,进入选项卡的编辑界面,即tabPage集合编辑器,在该界面中可以添加、删除、选项卡,以及调整选项卡的位置、编辑选项卡的属性,如下图

也可在代码中对选项卡进行动态编辑,如添加、删除选项卡的代码为:

隐藏TabControl的选项卡标签
在***.Designer.cs中添加以下代码

//隐藏选项卡选头
//方法一
 tabControl1.SizeMode = TabSizeMode.Fixed;
 tabControl1.ItemSize = new Size(0, 17);
 tabControl1.Appearance = TabAppearance.FlatButtons;
//方法二
this.tabControl1.Region = new Region(new RectangleF(this.tabPage1.Left,
this.tabPage1.Top, this.tabPage1.Width, this.tabPage1.Height));

到此这篇关于C# WinForm制作登录界面的实现步骤的文章就介绍到这了,更多相关C# WinForm登录界面内容请搜索我们以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们!

(0)

相关推荐

  • C# winform主界面打开并关闭登录界面的方法

    在winform 界面编程中,我们有时候要在主界面打开之前先显示登录界面,当登录界面用户信息校验正确后才打开主界面,而这时登陆界面也完成使命该功成身退了. 目前有两种方法可实现: 方法1. 隐藏登录界面 Program.cs 中代码如下: /// <summary> /// 应用程序的主入口点. /// </summary> [STAThread] static void Main() { Application.EnableVisualStyles(); Application.

  • C# WinForm 登录界面的图片验证码(区分大小写+不区分大小写)

    一.功能界面 图1 验证码(区分大小写) 图2 验证码(不区分大小写) 二.创建一个产生验证码的类Class1 (1)生成随机验证码字符串,用的是Random随机函数 (2)创建验证码图片,将该字符串画在PictureBox控件中 Class1.cs: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using S

  • C# WinForm制作登录界面的实现步骤

    在[解决方案资源管理器]中找到Form1.cs,单击,快捷键F2重命名为“Login.cs”(命名很重要,不然之后项目多了根据不知道哪个项目的内容是什么) 对窗体[Text]属性.[size]属性和[FormBoardStyle]属性进行修改 添加一个新的窗体 Ctrl+Shift+A,在弹出框中选择[Windows窗体],命名为main.cs 取消登录界面最大化最小化关闭按钮在父窗体菜单栏上显示最大化:MaximizeBox,最小化:MinimizeBox如果设置一个为False 的时候会显示

  • JSP制作简单登录界面实例

    现在很多web项目都能用到登录界面,本文介绍一下JSP制作简单登录界面,分享给大家,具体如下: 运行环境 eclipse+tomcat+MySQL 不知道的可以参考Jsp运行环境--Tomcat 项目列表 这里我先把jsp文件先放在Web-INF外面访问 1.需要建立的几个文件在图上.jsp 2.还要导入MySQL的jar包mysql-5.0.5.jar,导到WEB-INF中的lib文件夹就可以不需要Bulid Path 3.开始编写代码: 代码演示: index.jsp就好像一般网站的首页一样

  • Python制作一个仿QQ办公版的图形登录界面

    最近,QQ的办公版本--TIM进行了一次更新升级.本次更新升级大幅修改了界面的样式,看起来更加的清爽.简洁和高效了. 这种界面州的先生还是比较喜欢的,没有QQ那么花里胡哨,也比微信那些残缺的功能更加丰富. 并且这次的登录界面还新增了微信登录的选项,看来 TIM 还打算从微信那边争取一部分用户过来. 闲话少说,进入正题. 州的先生看到这个出自大厂的图形界面程序,不由得想用 Python 的图形界面模块来实现一个.在上古时代,前端开发还是被称为"切图仔"的岗位,那时候的一个练手方式就是使用

  • python tkinter制作用户登录界面的简单实现

    本文只是几年前学习的tkinter的时候写的测试程序,十分之简陋,只是学习用,没什么其他用处. 学习一下莫烦Python的tkinter教程,根据教程制作了用户登录注册页.基本功能为检查登录.注册. 运行如下: ​​​​​​ 代码如下: # -*- coding: utf-8 -*- """ Created on Sun Aug 5 10:34:10 2018 @author: Administrator """ import tkinter a

  • Android Studio实现简易登录界面制作

    想要制作一个简易的登录界面非常容易,总体上来说就是UI布局.给定id.新建跳转的页面.以及输入账号密码的获取与判断,那么接下来就开始制作吧! 1.首先就是Activity中的组件布局,这个就不一一列举了!自己把两个EditText和一个Button摆好就ok了,像按钮的点击效果可以自己设计一下(默认状态是什么颜色,按下去是什么颜色). 2.再一个就是要给定控件一个id <?xml version="1.0" encoding="utf-8"?> <

  • 如何利用PyQt5制作一个简单的登录界面

    目录 环境配置 额外工具配置 生成UI界面 总结 环境配置 新建python虚拟环境并激活 conda create -n pyqt python=3.8 conda activate py36 安装pyqt5 pip install pyqt5 安装pyqt5-tools pip install pyqt5-tools 在PyCharm中新建一个qtdemo工程,并使用这个新建的python虚拟环境作为工程环境 额外工具配置 依次点击File---Settings---Tools---Exte

  • Python+tkinter制作经典登录界面和点击事件

    目录 前言 环境使用 模块使用 代码部分 导入模块 先做一个大小合适的窗口 账号密码输入框 点击按钮 点击事件绑定 最后效果 前言 Tkinter(即 tk interface) 是 Python 标准 GUI 库,简称 “Tk”:从本质上来说,它是对 TCL/TK 工具包的一种 Python 接口封装.Tkinter 是 Python 自带的标准库,因此无须另行安装,它支持跨平台运行,不仅可以在 Windows 平台上运行,还支持在 Linux 和 Mac 平台上运行. Tkinter 编写的

  • Android miniTwitter登录界面开发实例

    本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界面,下面将分步骤讲解怎样实现图中的界面效果,让大家都能轻松的做出美观的登录界面. 先贴上最终要完成的效果图: miniTwitter登录界面的布局分析 首先由界面图分析布局,基本可以分为三个部分,下面分别讲解每个部分. 第一部分是一个带渐变色背景的LinearLayout布局,关于背景渐变色就不再贴代码了,效果如下图所示: 第二部分,红色线区域内,包括1,2,3,4 如图所示: 红色的1表示的是一个带圆

  • Android开发实例之登录界面的实现

    本文要演示的Android开发实例是如何完成一个Android中的miniTwitter登录界面,下面将分步骤讲解怎样实现图中的界面效果,让大家都能轻松的做出美观的登录界面.        miniTwitter登录界面效果图 先贴上最终要完成的效果图:   miniTwitter登录界面的布局分析 首先由界面图分析布局,基本可以分为三个部分,下面分别讲解每个部分. 第一部分是一个带渐变色背景的LinearLayout布局,关于背景渐变色就不再贴代码了,效果如下图所示: 第二部分,红色线区域内,

随机推荐