精华内容
下载资源
问答
  • qt制作登录窗口界面及布局的细节

    千次阅读 2020-06-07 23:49:10
    qt制作登录窗口界面及布局的细节 ** 虽然做一个登录窗口还是很简单,但是为了美观还是要花 很多心思的。话不多说,我们直接进入正题。 1.页面显示 首先我们先拖动label完成两个静态文本框账号和密码,再用lineEdit...

    **

    qt制作登录窗口界面及布局的细节

    **

    虽然做一个登录窗口还是很简单,但是为了美观还是要花很多心思的。话不多说,我们直接进入正题。

    1.页面显示

    首先我们先拖动label完成两个静态文本框账号和密码,再用lineEdit完成两个单行输入框,最后用PushButton完成登录和退出按钮,得到如下图所示界面

    这是个用于用户登录的界面,但是对于用户视觉来说,是非常差的。不仅如此,当用户拖动文本框更改大小时,更会造成不好是视觉效果。
    在这里插入图片描述
    为了美观,我们需要对这个界面进行布局。

    2.界面布局

    首先我们对账号的label和所对应的文本框进行水平布局
    有两种方法。
    (1)Vertical Layout(垂直)框和Horizontal Layout(水平)框
    我们可以直接把Horizontal Layout框拖出来,然后将账号的静态文本框和单行输入框拖入,即可完成水平布局。但是这种布局方式对后续的布局及调整是非常不方便的。所以我更推荐另一种方式。
    在这里插入图片描述
    (2)Widget框
    我们将Widget框拖到界面上,然后将账号和密码所对应的静态文本框和单行输入框拖入。然后选中Widget框点击上方栅格布局。即得下面如图效果。
    在这里插入图片描述
    我们再将登陆和退出按钮做水平布局。
    在这里插入图片描述
    最后我们对整个界面进行垂直布局,布局工作即可完成。
    在这里插入图片描述
    但是我们可以看到,效果显然很差。为什么布局后的效果还是这么差甚至不如布局之前的美观?我们现在就需要对布局进行细节修改。

    3.布局细节修改

    首先我们发现主要问题还是Widget框太大,导致了界面上各种标签异常宽大及标签垂直距离过大,我们可以分两个步骤解决。
    (1)选择Weiget框将sizePolicy属性垂直策略设置为Fixed,可以减小垂直间距。
    在这里插入图片描述
    (2)我们发现虽然上下距离压紧了,但是还是宽大,所以我们可以使用弹簧Horizontal Spacer和Vertical Spacer,然后经过调整弹簧距离是否固定长度、调整界面大小等,得到如下成型界面。
    在这里插入图片描述
    这样一个登陆界面的布局就做好了。
    在这里插入图片描述

    4.其它操作

    1.如果我们想给登陆框设置一个标题,可以先选中登陆框,然后找到右下角属性WindowsTitle即可设置

    2.一般来说,我们做的登陆窗口大小基本上是合理的,不需要用户自己调整大小,为了防止用户调整大小,造成不好的视觉体验,我们可以将属性里面高度宽度、最大宽度、最小宽度设置为一样的大小,就可以使登录框不可修改。

    展开全文
  • PS制作登录界面

    千次阅读 多人点赞 2020-12-10 10:00:36
    PS 制作登录界面 新建:名称(登录页面),宽度800,高度600,分辨72 制作标题:logo抠图,图层样式调整颜色,投影等效果输入标题,复制图层样式到标题。 拾色器(双白色),导入校徽,图层右键选择背景图层 魔法棒...

    PS 制作登录界面

    1. 新建:名称(登录页面),宽度800,高度600,分辨72
    2. 制作标题:logo抠图,图层样式调整颜色,投影等效果输入标题,复制图层样式到标题。
    3. 拾色器(双白色),导入校徽,图层右键选择背景图层
    4. 魔法棒工具,取消勾选连续,选择白色删除。,扣出图徽。
    5. 拖到登录页面,ctrl+t调整大小。
    6. 添加图层样式,f(x):颜色叠加和投影,
    7. 输入相应文字,调整颜色,大小,位置(注意将前景色改为要求色)
    8. 按住alt,将logo所在的图层拖到标题图层
    9. 图层一重命名为logo
    10. 除背景外,将其他图层多选,ctrl+g建组,组名标题
    11. 新建图层,层命名:登录背景
    12. 选中登录背景图层,使用矩形选框工具选择下部分,稍微改变颜色,油漆桶涂抹。
    13. 选中登陆背景,f(x)-渐变叠加(文字不好描述自己做做)
    14. 点击文件,置入嵌入对象日出,调整素材图层大小,混合模式,不透明度等(右边“正常”改为“正片叠底”)同理导入太阳,小鸟,调整同上。
    15. 创建新组,将新建图层全部选中拖到新组,组名登录背景。
    16. 选择椭圆工具,按住shift画正圆,调整填充和描边。
    17. 圆里文字:账号登录上下两排。
    18. 选择圆角矩形工具,调整圆角半径(八像素),制作登录框,调整颜色及描边。(描边4)
    19. 图层名称改为登录框,添加图层样式-投影,调整图层填充及不透明度
    20. 输入相应文字,及对话框,调整颜色大小
    21. 打上记住密码忘记密码啥的太麻烦了我觉着你们应该都会
    22. 再次新建组,操作同上,拖入改名为登录框。
    23. 制作倒影,勾选自动选择,显示变换控件,图层改名为阴影,alt选择复制登录框拖到阴影下面,
    24. 选择登录框-阴影图层(后面很难写 关于蒙版的建议看看)–反转登录框,添加图层蒙版,蒙版线性渐变。
    展开全文
  • 用Python制作登录界面

    万次阅读 多人点赞 2018-08-25 22:01:48
    PyQt5是一种高级的语言,下面只有几行代码就...登录界面: import sys from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtWidgets import* from PyQt5.QtCore import* from Dialog.HttpLogin import Http...

    用Python制作登录界面

    PyQt5是一种高级的语言,下面只有几行代码就能显示一个小窗口。底层已经实现了窗口的基本功能。

    登录界面:

    import sys
    from PyQt5 import QtCore, QtGui, QtWidgets
    from PyQt5.QtWidgets import*
    from PyQt5.QtCore import*
    from Dialog.HttpLogin import HttpPost
    
    class Ui_dialog(QWidget):
    
        def __init__(self):
            super().__init__()
            self.setupUi() #界面绘制交给InitUi方法
    
        def setupUi(self):
            self.setObjectName("学生登录界面")
            self.resize(535, 344)
            font = QtGui.QFont()
            font.setFamily("Arial")
            font.setPointSize(14)
    
            #注意变量定义的先后顺序
            self.lineEdit = QtWidgets.QLineEdit(self)
            self.lineEdit.setGeometry(QtCore.QRect(190, 100, 231, 31))
            self.lineEdit.setObjectName("lineEdit")
            #将其设为密码输入框
            self.lineEdit_2 = QtWidgets.QLineEdit(self)
            self.lineEdit_2.setEchoMode(QtWidgets.QLineEdit.Password)
            self.lineEdit_2.setGeometry(QtCore.QRect(190, 150, 231, 31))
            self.lineEdit_2.setObjectName("lineEdit_2")
    
            #禁止窗口变化(最上方的设置)
            self.setWindowFlags(QtCore.Qt.WindowCloseButtonHint)
            self.setFont(font)
            self.pushButton = QtWidgets.QPushButton(self)
            self.pushButton.setGeometry(QtCore.QRect(100, 280, 93, 28))
            self.pushButton.setObjectName("pushButton")
            #给取消按钮添加了响应事件
            self.pushButton.clicked.connect(QCoreApplication.instance().quit)
    
            #确认按钮
            self.pushButton_2 = QtWidgets.QPushButton(self)
            self.pushButton_2.setGeometry(QtCore.QRect(340, 280, 93, 28))
            self.pushButton_2.setObjectName("pushButton_2")
            self.pushButton_2.clicked.connect(self.forlogin)#带参数默认执行 不带参数点击执行
    
            self.label = QtWidgets.QLabel(self)
            self.label.setGeometry(QtCore.QRect(90, 100, 72, 21))
    
            self.label.setObjectName("label")
            self.label_2 = QtWidgets.QLabel(self)
            self.label_2.setGeometry(QtCore.QRect(90, 155, 72, 20))
            self.label_2.setObjectName("label_2")
    
            self.retranslateUi(self)
            QtCore.QMetaObject.connectSlotsByName(self)
    
        def retranslateUi(self, dialog):
            _translate = QtCore.QCoreApplication.translate
            dialog.setWindowTitle(_translate("dialog", "Dialog"))
            self.pushButton.setText(_translate("dialog", "取消"))
            self.pushButton_2.setText(_translate("dialog", "确认"))
            self.label.setText(_translate("dialog", "账号:"))
            self.label_2.setText(_translate("dialog", "密码:"))
    
    
    
        def forlogin(self):
           #获取账号输入框的类容和密码输入框的类容
            name = self.lineEdit.text()
            password = self.lineEdit_2.text()
            sign = HttpPost.login(name,password)
            if sign=="true":
                print("登录成功")
                self.QCoreApplication.instance().quit#关闭当前窗口
            else:
                print("登录失败")
                reply = QtWidgets.QMessageBox.question(self,"警告","密码错误请重新登录",QtWidgets.QMessageBox.Yes, QtWidgets.QMessageBox.No)
                if reply == QtWidgets.QMessageBox.Yes:
                    self.lineEdit_2.setText("")
                    self.lineEdit.setText("")
                else:
                    self.QCoreApplication.instance().quit#关闭当前窗口
    
    
    
    if __name__ == '__main__':
        app = QApplication(sys.argv)
        my=Ui_dialog()
        my.show()
        sys.exit(app.exec_())
    

    通过url访问服务器 解析响应json

    import json
    import tkinter #用以显示文本和图像
    import urllib
    class HttpPost():
        def login(name,password):
            print("进行登录操作")
            url = "http://localhost:8080/login"
            try:
                data = bytes(urllib.parse.urlencode({'name': str(name),'password':str(password)}), encoding=
                'utf8')
                response = urllib.request.urlopen(url,data=data)
                jsonDatas = json.load(response)
                sign =jsonDatas["sign"]   #如果是以类形式传输则通过2层结构进行解析
                return sign
            except (SyntaxError) as err:
                print("SyntaxError"+err.args)
            finally:
                None;
    

    运行效果为:
    这里写图片描述

    在这里插入图片描述

    展开全文
  • Qt制作登录界面-Demo1

    2020-04-18 17:19:53
    Qt制作登录界面Demo 界面登录风格仿照html样式制作,颜色搭配和效果还是不错的 效果图

    Qt制作登录界面Demo

    界面登录风格仿照html样式制作,颜色搭配和效果还是不错的

    效果图

     

    展开全文
  • Qt制作登录界面-Demo4

    2020-04-24 21:40:26
    Qt制作登录界面-Demo4 在Qt制作局域网即时通讯软件用到的登录界面,模仿网络上html的登录界面,再次进行记录一下,需要的朋友可以拿去用。 效果: 代码: LogInDemo4.h #ifndef LOGINDEMO4_H #define ...
  • 使用dw制作登录界面

    万次阅读 多人点赞 2019-01-27 09:57:48
    使用dw制作登录界面代码如下: div class=“cont” div class=“ys” div class=“zh” input type=“text” class=“input_lg” placeholder=“账号:” /div div class=“mm” input type=“text” class=“input_...
  • wx制作登录界面 import wx class MyFrame(wx.Frame): def __init__(self, parent, id): wx.Frame.__init__(self, parent, id, title="FristFrame", size=(400, 300)) panel = wx.Panel(self) self.title = wx....
  • VB6.0制作登录界面 环境: win7虚拟机安装visual basic 6.0 新建工程,添加两个窗体 窗体1 -> 登录界面 窗体名称 -> fromLogin 窗体Caption -> 密码验证 username和passsword -> label 名称为txtUser...
  • labview 制作登录界面

    千次阅读 2019-03-12 11:58:00
    labview的登录系统套路设计,模板套用,根据工程实际可做适当修改(程序...开始界面包括 用户的登录和密码修改两个选项 在user.txt中修改为自己的用户名和密码即可使用该系统 若账户密码对应出现进入主程序的...
  • Unity之NGUI制作登录界面

    千次阅读 2015-01-24 23:35:55
    今天上午的时候,对NGUI制作登录界面做了一个联系,下面给大家分享下 做一个简单的登录界面................................... 1、登录背景创建---Sprite介绍 在sprite的inspector里大家可以看到...
  • Qt-制作登录界面

    千次阅读 2018-10-21 11:46:47
    登录界面使用到组件有显示标签QLabel, 用户密码输入框QLineEdit, 按钮QP'u'shButton 结果如下:   本界面使用QtCreator创建设计开始如下: 基本控件属性 QLabel显示标签主要属性设置 设置位置尺寸: ...
  • unity制作登录界面(UGUI知识)

    万次阅读 多人点赞 2019-04-30 20:57:15
    我们在平时玩游戏的时候,都会有登录系统,在这里我给大家简单实现一下这个登录系统 1.制作背景 我们先可以在网页上找几张自己喜欢的背景图片 然后把这张照片保存于我们的项目的文件夹中; 然后在unity中修改图片的...
  • 需要做一个登录界面,背景必须是视频,底层用的videowidget播放视频,在上面叠加透明窗口
  • 引入Bootstrap制作登录界面

    千次阅读 2015-10-26 15:58:01
    登录界面 账号 密码 注册
  • 使用Visual Studio怎样制作登录界面

    万次阅读 多人点赞 2018-10-31 19:19:00
    当我们看到别人美丽的登录软件界面是不是很好奇,很想自己制作个,但是苦于自己不是专业编程人士。不过没有关系,这篇文章同样适合没有任何编程经历的人,本文章每关键步骤采用图片的形式展现个大家,让读着清晰明了...
  • Qt利用ui制作登录界面

    千次阅读 2017-11-08 20:30:37
    描述:用QT的ui编辑器制作程序的登录界面,效果如下: (1)开发环境描述: windows10系统,QT5.8.0 MSVC2015 32bit (2)实现方法: 用Qt创建ui设计类,在ui设计界面中实现上面的界面。 (3)具体实现 1.账号...
  • MFC连接access制作登录界面

    千次阅读 2017-05-24 09:18:10
    创建一个登录对话框添加资源,插入一个dialog,ID为IDD_LOGIN,添加类CLOGIN,自动生成头文件和源文件,将两个文件内容进行更改如下: LOGIN.h:#pragma once // CLOGIN 对话框class CLOGIN : public CDialog { ...
  • 摘要:C#学习笔记,制作一个登录窗口。 一、创建项目 如上图,点击下一步即可创建windows窗体程序。 二、设置窗体名称 选中窗体,在窗体的属性栏找到Text字段,将其值设置为”登录“。 三、设置背景图片,为登录...
  • Axure RP 8 制作登录界面

    万次阅读 多人点赞 2019-02-26 13:00:06
    制作登录按钮的提示 添加用于显示错误信息的文本标签 NameTip “用户名不能为空”、 PwdTip “密码不能为空”,在右侧【样式】栏内勾选【隐藏】,将提示文本隐藏起来 与上述的添加链接步骤相似,点击登录...
  • 04-ui设计器制作登录窗口

    万次阅读 2019-03-23 19:47:57
    一. 布局 1. 使用Horizontal Layout对齐(不推荐使用):可以使用的属性较少。 2. 使用Widget空间进行布局... 二. 窗口大小 最大:minimumSize 最小:maximumSize 三. 窗口名称 windowTitle 四. 弹簧高度 s...
  • 使用windowbuilder制作登录界面开发

    千次阅读 2019-03-02 12:21:30
    1.下载windowbuilder插件根据自己eclipse版本号去下载 下面是官网链接: ... 例如我的版本是4.7.3,对应的是lastGoodBuild链接,复制此选项 ...gt;Install New Software 进入以下界面: 点击OK,开...
  • 求助,本人自学希望能用C#(用的是VS2013)做一个学生成绩管理系统,卡在登录界面,始终不会提取数据库中的表,实现登录功能。![图片](https://img-ask.csdn.net/upload/201611/25/1480052933_42507.png)
  • 前端小白Day6-仿照百度制作登录界面

    千次阅读 2017-04-21 17:16:54
    仿照电脑端百度登录制作一个登录界面
  • 制作窗口示例 数据库的表 记得链接数据库,CSDN里面有很多示例自己去看看吧 下面代码来啦! using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System....
  • "/> "fa fa-key" aria-hidden="true"> "button" value="登录" class="log" autocomplete="on"/> "#">没有账号?点击注册 CSS部分: body{ width: 100%; background: url(bg.jpg) repeat-y; background-size: cover; ...
  • 首先MFC连接mysql数据库的配置百度配好,这里不再解释...1.新建MFC工程 命名为登录界面。在资源视图添加对话框资源IDD_DIALOG1 给该对话框定义一个dlg类 2.打开该对话框资源加入控件做成下图 3.打开dlg.h文件在pub

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 60,889
精华内容 24,355
关键字:

如何制作登录窗口