精华内容
下载资源
问答
  • Java Swing 图形界面开发(目录)

    万次阅读 多人点赞 2017-05-30 23:50:42
    Java Swing 图形界面(GUI)开发基础教程(目录)

    本文链接: https://blog.csdn.net/xietansheng/article/details/72814492

    0. JavaSwing 简介

    1. JavaSwing 布局管理器

    2. JavaSwing 基本组件

    3. JavaSwing 面板组件

    4. JavaSwing 其他组件

    5. JavaSwing 相关特性

    扩展:Java AWT/Swing 其他相关


    展开全文
  • Java Swing 图形界面开发简介

    万次阅读 多人点赞 2017-05-30 23:52:47
    Java Swing GUI 图形界面窗口开发基础教程,本教程将系统性地详细介绍 Swing 开发中常用的一些组件、布局管理器等相关知识技术,并且每章节都将通过代码实例展示实际应用。Swing 是 Java 为图形界面应用开发提供的...

    本文链接: http://blog.csdn.net/xietansheng/article/details/72814531

    Java Swing GUI 图形界面窗口开发基础教程,本教程将系统性地详细介绍 Java Swing 开发中常用的一些组件、布局管理器等相关知识技术,并且每章节都将通过代码实例展示实际应用。

    教程总目录: Java Swing 图形界面开发(目录)

    1. Swing简介

    Swing 是 Java 为图形界面应用开发提供的一组工具包,是 Java 基础类的一部分。

    Swing 包含了构建图形界面(GUI)的各种组件,如: 窗口、标签、按钮、文本框等。

    Swing 提供了许多比 AWT 更好的屏幕显示元素,使用纯 Java 实现,能够更好的兼容跨平台运行。

    为了和 AWT 组件区分,Swing 组件在javax.swing.*包下,类名均以 J 开头,例如: JFrame、JLabel、JButton等。

    2. Swing组件

    一个 Java 的图形界面,由各种不同类型的“元素”组成,例如: 窗口、菜单栏、对话框、标签、按钮、文本框等等,这些“元素”统一被称为 组件Component)。

    组件按照不同的功能,可分为 顶层容器中间容器基本组件。一个简单窗口的组成,如下层级结构所示:

    • 顶层容器
      • 菜单栏
      • 中间容器
        • 基本组件
        • 基本组件

    组件类型的继承关系:

    • 顶层容器 属于窗口类组件,继承自java.awt.Window
    • 中间容器 和 基本组件 继承自javax.swing.JComponent

    2.1 顶层容器

    顶层容器属于窗口类组件,可以独立显示,一个图形界面至少需要一个窗口,例如:

    #组件描述
    1JFrame一个普通的窗口(绝大多数 Swing 图形界面程序使用 JFrame 作为顶层容器)
    2JDialog对话框

    2.2 中间容器

    中间容器充当基本组件的载体,不可独立显示。中间容器可以添加若干基本组件(也可以嵌套添加中间容器),对容器内的组件进行管理,类似于给各种复杂的组件进行分组管理。最顶层的一个中间容器必须依托在顶层容器(窗口)内。

    常用的中间容器(面板):

    #组件描述
    1JPanel一般轻量级面板容器组件
    2JScrollPane带滚动条的,可以水平和垂直滚动的面板组件
    3JSplitPane分隔面板
    4JTabbedPane选项卡面板
    5JLayeredPane层级面板

    特殊的中间容器:

    #组件描述
    1JMenuBar菜单栏
    2JToolBar工具栏
    3JPopupMenu弹出菜单
    4JInternalFrame内部窗口

    2.3 基本组件

    基本组件是直接实现人机交互的组件。

    常用的简单的基本组件:

    #组件描述
    1JLabel标签
    2JButton按钮
    3JRadioButton单选按钮
    4JCheckBox复选框
    5JToggleButton开关按钮
    6JTextField文本框
    7JPasswordField密码框
    8JTextArea文本区域
    9JComboBox下拉列表框
    10JList列表
    11JProgressBar进度条
    12JSlider滑块

    选取器组件:

    #组件描述
    1JFileChooser文件选取器
    2JColorChooser颜色选取器

    其他较为复杂的基本组件:

    #组件描述
    1JTable表格
    2JTree

    3. 布局管理器

    Swing 的各种组件(JComponent)添加到面板容器中(JPanel),需要给面板容器指定布局管理器(LayoutManager),明确容器(Container)内的各个组件之间的排列布局方式。

    常用的布局管理器:

    #布局管理器描述
    1FlowLayout流式布局,按组件加入的顺序,按水平方向排列,排满一行换下一行继续排列。
    2GridLayout网格布局,把Container按指定行列数分隔出若干网格,每一个网格按顺序放置一个控件。
    3GridBagLayout网格袋布局,按网格划分Container,每个组件可占用一个或多个网格,可将组件垂直、水平或沿它们的基线对齐。
    4BoxLayout箱式布局,将Container中的多个组件按 水平 或 垂直 的方式排列。
    5GroupLayout分组布局,将组件按层次分组(串行 或 并行),分别确定 组件组 在 水平 和 垂直 方向上的位置。
    6CardLayout卡片布局,将Container中的每个组件看作一张卡片,一次只能显示一张卡片,默认显示第一张卡片。
    7BorderLayout边界布局,把Container按方位分为 5 个区域(东、西、南、北、中),每个区域放置一个组件。
    8SpringLayout弹性布局,通过定义组件四条边的坐标位置来实现布局。
    9null绝对布局,通过设置组件在Container中的坐标位置来放置组件。

    4. 代码实例: 一个简单的窗口程序

    package com.xiets.swing;
    
    import javax.swing.*;
    
    public class Main {
    
        public static void main(String[] args) {
            // 1. 创建一个顶层容器(窗口)
            JFrame jf = new JFrame("测试窗口");          // 创建窗口
            jf.setSize(250, 250);                       // 设置窗口大小
            jf.setLocationRelativeTo(null);             // 把窗口位置设置到屏幕中心
            jf.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE); // 当点击窗口的关闭按钮时退出程序(没有这一句,程序不会退出)
    
            // 2. 创建中间容器(面板容器)
            JPanel panel = new JPanel();                // 创建面板容器,使用默认的布局管理器
    
            // 3. 创建一个基本组件(按钮),并添加到 面板容器 中
            JButton btn = new JButton("测试按钮");
            panel.add(btn);
    
            // 4. 把 面板容器 作为窗口的内容面板 设置到 窗口
            jf.setContentPane(panel);
    
            // 5. 显示窗口,前面创建的信息都在内存中,通过 jf.setVisible(true) 把内存中的窗口显示在屏幕上。
            jf.setVisible(true);
        }
    
    }
    

    结果展示:

    result.png


    展开全文
  • android 漂亮的UI界面 完整的界面设计

    万次下载 热门讨论 2012-02-17 22:19:40
    声明:这也是我学习时在网上下载的,鉴于分享精神,并且觉得很不错才上传...android 漂亮的UI界面 完整的界面设计 这是一个完整的UI设计,但是没写动作,这是一个公司程序员的公司任务设计,请别商用,要用请修改。。。
  • Python - 编写可视化界面(Python+PyCharm+PyQt)

    万次阅读 多人点赞 2018-02-11 15:19:18
    Python编写可视化界面 最近开始学习Python,但只限于看理论,编几行代码,觉得没有意思,就想能不能用Python编写可视化的界面。遂查找了相关资料,发现了PyQt,由于前一段时间刚看过Qt,而且对Qt的印象很好,于是...

        最近开始学习Python,但只限于看理论,编几行代码,觉得没有意思,就想能不能用Python编写可视化的界面。遂查找了相关资料,发现了PyQt,由于前一段时间刚看过Qt,而且对Qt的印象很好,于是觉得用PyQt应该是一个比较愉快的选择。

    1、前言

        PyQt的版本需要与Python的版本保持一致,在这里我用的PyQT的版本是 PyQt5-5.6-gpl-Py3.5-Qt5.6.0-x64.exe,具体下载方式,请直接搜索。由于该版本需要v3.5版本的Python,所以首先需要安装Python3.5,然后安装PyQt,为了更加方便的写代码,故安装了Pycharm,版本为pycharm-community-2017.3.2.exe。具体的下载、安装,网上有很多教程,在这里就不多做描述,请自行搜索,下面就先介绍基于Pycharm+Python3.5+PyQt5.6的Python可视化编程。文末还会介绍一下基于最新版本的Pycharm2018.3+Python3.7+PyQt5.11的Python可视化编程。

    2、开始

    1)、打开PyCharm并配置相关设置

        打开PyCharm界面如下:

        点击界面右下方的“Configure”下拉按钮,选择“Settings”,如下所示:

        打开如下设置界面:

        如上图所示,在“Project Interpreter”选显卡中选择本机所安装的Python版本,一般情况下,它会自动识别本机所安装的Python版本,如图所示,选择的为Python3.5;

        配置完成之后,点击“OK”,返回开始界面,

        选择“Create New Project”,选择工程路径和工程的名称,然后点击"Create",然后弹出如下界面:

        此时,工作环境已准备完毕;

    3、编写

    1)、首先,创建一个.py文件,暂命名为PyQt.py

    2)、其次,需要导入PyQt的文件如下所示:

    import sys
    from PyQt5.QtWidgets import QWidget, QApplication

    注意,如果提示找不到对应文件,请确保PyQt5的安装路径在环境变量中!

    然后先添加主函数:

    if __name__ == "__main__":
        app = QApplication(sys.argv)
        sys.exit(app.exec_())

    接下来就需要添加界面相关函数:

    #class Example
    class Example(QWidget):
        def __init__(self):
            super(Example, self).__init__()
            self.InitUI()
    
        def InitUI(self):
            self.btn = QPushButton("Dialog", self)
            self.btn.move(20, 20)
            self.btn.clicked.connect(self.ShowDialog)
    
            self.le = QLineEdit(self)
            self.le.move(130, 22)
    
            self.setWindowTitle("Input Dialog")
            self.show()
    
        def ShowDialog(self):
            text,ok = QInputDialog.getText(self, "Input Dialog", "Enter your name:")
            if ok:
                self.le.setText(str(text))

    如上代码所示,在Python中主要是通过类来生成界面的,在类中,可以进行界面的生成,控件的创建,创建控件的响应函数,connect控件与控件响应函数。

    其中函数 __init__(self) 可以理解为该类的构造函数,其中界面的初始化在该部分执行;

    函数 InitUI(self) 主要是生成界面控件;

    当类创建完成后,只需要在主函数中调用该类即可。如下所示:

    if __name__ == "__main__":
        app = QApplication(sys.argv)
        ex = Example()
        sys.exit(app.exec_())

    在以上的代码中,主要是在界面中添加了一个按钮(btn),一个编辑框(le),一个按钮响应函数(ShowDialog),其中在ShowDialog响应函数中打开了一个标准输入窗口,并将标准输入窗口中输入的值显示到编辑框(le)中。
      

    结果:

    4、扩展

        在接下来做了一个更加复杂的例子,主要是模拟汇率的解算,界面主要如下所示:

    其中主要涉及了按钮、编辑框、Label、布局等 ,

    与第一个例子写在了同一个文件中,可点击一下链接下载:

    http://download.csdn.net/download/bailang_zhizun/10249579

    5、最新版本配置方法

    采用最新版本的Python、PyQt、Pycharm配置可视化编程环境。

    首先先安装Python3.7,然后安装Pycharm2018.3,并配置python解释器为Python3.7的本地目录,接下来就是安装PyQt5.11。

    安装PyQt5.11是采用pip+wheel文件安装的形式,下载网址:https://pypi.org/project/PyQt5/#files

    关于pip的安装请参考https://blog.csdn.net/bailang_zhizun/article/details/84563095

    把下载的PyQt5-5.11.3-5.11.2-cp35.cp36.cp37.cp38-none-win_amd64.whl文件放置到合适的位置。

    打开CMD,按照以下形式输入安装命令:

    回车,pip就会自动安装该文件了:

    此时PyQt5.11就安装成功了。

    可以通过以上的代码进行测试。

    6、Ubuntu下python2.7安装pyqt5

    上面记录的都是在windows+python3环境下pyqt5的安装。由于工作需要,需要在Ubuntu+python2.7环境下安装pyqt5,根据pyqt5的官网,pyqt5只有针对python3的安装包,而没有python2.7的,所以可以通过在线安装的方式安装,下面是Ubuntu+python2.7环境下pyqt5的安装:

    在ubuntu中打开终端,直接输入:

    $sudo apt-get install python-pyqt5

    即可,安装完成之后,直接在代码编辑页面import PyQt5即可,亲测可用。

    另外,上面这种方式好像还可以用于ubuntu+python3环境下pyqt5的安装,也是通过命令安装:

    $sudo apt-get install python3-pyqt5

    上面未经测试,但是应该没问题。

     

    展开全文
  • centos7安装图形化界面图文详解

    万次阅读 多人点赞 2019-09-05 11:03:00
    centos7没有图形化操作可能对很多人来说都不太习惯,下面我们来为centos7安装图形化界面,本文以安装 GNOME 图形化为例 写在安装前: 如果你的centos7是最小化安装的那默认都是不带X WINDOWS的,那在安装图形化界面...

    欢迎关注微信公众号:【 全栈攻略 】

    centos7没有图形化操作可能对很多人来说都不太习惯,下面我们来为centos7安装图形化界面,本文以安装 GNOME 图形化为例

    写在安装前:
    如果你的centos7是最小化安装的那默认都是不带X WINDOWS的,那在安装图形化界面之前,你得先安装一下X WINDOWS,这个控制功能

    	yum groupinstall "X Window System"
    

    1.输入安装命令

    	yum groupinstall -y "GNOME Desktop"
    

    在这里插入图片描述
    等待安装完成,出现Complete

    2.输入命令进入图形化界面

    	init 5
    

    在这里插入图片描述
    进入选择语言界面,我们当然选择汉语啦

    在这里插入图片描述
    3.选择地理位置服务开关
    在这里插入图片描述
    看个人需求,我这边默认开启

    4.选择时区
    在这里插入图片描述
    默认即可,当然你也可以自行更改

    5.连接在线帐号(可跳过)
    在这里插入图片描述
    对业务暂时没有什么用,我们跳过

    6.取一个用户名
    在这里插入图片描述
    7.设置密码
    在这里插入图片描述
    8.进入开始使用界面
    在这里插入图片描述
    9.点击开始使用,进入GNOME Help页面 , 点击右上角到 ❌,退出帮助页面

    在这里插入图片描述
    10.进入到登录页面,列出当前电脑到所有用户列表
    在这里插入图片描述
    11.点击对应用户,输入对应密码
    在这里插入图片描述
    12.第一次有点慢,等待片刻出现心仪到图形化操作界面了
    在这里插入图片描述
    至此,centos7安装图形化界面完美收官!

    PS:未来的你,一定会感谢今天拼命努力的自己!
    展开全文
  • Python-Tkinter图形化界面设计(详细教程 )

    万次阅读 多人点赞 2019-08-05 23:07:41
    Python 图形化界面设计 文章参考:https://www.jianshu.com/p/91844c5bca78 1、图形化界面设计的基本理解 当前流行的计算机桌面应用程序大多数为图形化用户界面(Graphic User Interface,GUI),即通过鼠标对菜单...
  • Qt界面开发(一)(各种控件以及图表)

    万次阅读 多人点赞 2017-12-28 21:51:56
    注:资源主要来源:http://www.qtcn.org/bbs/u/110085... 如若侵权,请联系删除。 本文只是将作品集合到起来,方便大家一起学习。 ... Qt界面开发(各种控件以及图表) 1.Qt简洁窗体 源代码链接:点击打开链接 2....
  • pyqt5美化界面

    万次阅读 多人点赞 2019-03-12 21:14:50
    qt做界面很方便,但是一般做出来都不是很好看,需要去美化。 这是效果图 是一个做语音识别的小界面。虽然是一个小界面,但是通过这个小界面的美化方法,能够了解类推制作其他的精美界面。 第一步 制作初始界面 ...
  • html+JavaScript登陆注册界面

    万次阅读 多人点赞 2018-09-18 19:13:37
    最近刚刚学习了一些关于JavaScript的知识,便在之前... 做了一些简单的修改,本身还存在着很多的缺陷,希望大家多多指正。 ... [登陆界面2在线预览]:https://pengxiang1998.github.io/login/index/denglu.html [注...
  • 教你用Python写界面

    万次阅读 多人点赞 2018-11-18 18:52:54
    作为Pyhon开发者,你迟早都会碰到图形用户界面(GUI)应用开发任务,这时候我们就需要一些界面库来帮助我们快速搭建界面,python的界面库很多,我认识的并不多,这里只列出几种我认识的 1.tkinter Tkinter(也叫Tk...
  • HTML(css+div)登录界面

    万次阅读 多人点赞 2018-05-31 23:53:39
    HTML(css+div)登录界面
  • qt 界面跳转 界面跳转 界面跳转

    热门讨论 2011-05-06 12:47:36
    界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转界面跳转
  • 仿京东界面源码

    千次下载 热门讨论 2013-12-01 18:42:24
    仿京东界面源码,效果是最新的,对于学习的很有好处
  • 激活完成后点击重启,就卡在华硕的logo界面再也没开机 大概就是这个样子啦 试过强制重启,开机还是卡住 然后试图进BIOS,然而根本进不去 拔掉所有可以拔的外设,然后还是进不去 判断可能是硬盘的问题,没有回应BIOS...
  • 界面定义MouseLeftButtonDown事件,触发窗体移动 <Border Background="#007DFA" CornerRadius="10,10,0,0" MouseLeftButtonDown="WinMove_LeftButtonDown"/> private void WinMove_LeftButtonDown(object ...
  • WPF界面设计

    千次下载 热门讨论 2012-05-13 20:02:47
    模仿金山卫士,360卫士,鲁大师等软件界面 完整源码奉上,一起学习,需要的来下载吧!
  • 网页制作:一个简易美观的登录界面

    万次阅读 多人点赞 2016-03-09 17:22:59
    这次来总结一下公司的Task 1 实现一个登录界面。 登录界面其实在大三的时候就有做过,但是当时做的界面超级low,主要区别在于有无css,由于公司的设计要求,对于该界面的很多细节处理实在不容易。所以,还是想要写...
  • 非常漂亮后台UI 纯静态UI界面

    千次下载 热门讨论 2013-06-03 20:18:42
    效果图:首页主界面真心觉得非常吸引人,给客户,用户体验非常舒服, 相信很多朋友一看就明白怎么回事,我要的就是这个效果,因为简单所以编程快乐!~~
  • 【UEFI实战】UEFI用户交互界面使用说明之VFR文件

    万次阅读 多人点赞 2018-04-07 00:35:57
    【UEFI实战】UEFI用户交互界面使用说明之VFR文件。
  • 前面的几篇文章介绍了NSIS的传统界面的安装包和现代界面的安装包的制作方法,也提到了NSIS支持自定义页面(即使用page custom)的特性,自定义页面需要用户自己创建对话框、控件、添加控件响应等等,虽然NSIS提供了...
  • 推荐十款好看的登录注册界面,赶紧收藏起来吧! 界面一:简约版 界面界面界面界面界面界面界面界面界面
  • 项目需求:先模拟登录了某一个网站,接着携带其cookies进入到另一个网站的登录界面,登录成功之后携带其cookies又进入到另一个界面
  • Intellij IDEA如何设置为中文界面

    万次阅读 多人点赞 2020-11-17 13:43:48
    Ctrl+Alt+S快捷键打开Settings界面 选择Plugins 在搜索部分搜索chinese,选择下方的Chinese(simplified)Language下载 最后重启软件即可 已经显示为中文了 !!!!!
  • Qt仿QQ界面,主界面、聊天界面、表情界面

    千次阅读 热门讨论 2017-06-09 20:24:53
    利用Qt仿的QQ的界面如下:
  • 漂亮通用界面

    千次下载 热门讨论 2017-12-27 20:52:57
    Qt漂亮通用界面。 大部分的界面都可以用这个学习,非常漂亮哦!
  • fragment实现选项卡界面

    千次下载 热门讨论 2013-11-24 19:34:56
    而这种底部选项卡的风格界面的实现也由ActivityGroup转向了Fragment。先了,费话不多说了,下面我会一步一步教您怎么实现这个界面。在动手之前,我可能需要把我做好的样式图给你看一下,以遍让您有一个心里预期。
  • PyQt5 图形界面-用Qt Designer来设计UI界面,并转化为python代码运行实例演示。 Qt Designer 是 Qt Creater 程序里的一个功能。 PyQt5是把 Qt Designer 设计的界面转化为python代码的库。 首先打开我们的Qt Creater...
  • QT漂亮界面

    千次下载 热门讨论 2017-12-27 20:44:55
    QT界面开发。QT漂亮界面。 欢迎大家一起学习。。。。。
  • 高仿微信聊天界面

    千次下载 热门讨论 2012-09-22 21:50:44
    高仿微信的聊天界面,简单、清晰、明了,一看就懂。
  • vc界面编程经典实例

    千次下载 热门讨论 2013-03-28 10:45:23
    常用的vc界面编程经典实例,包含上百个实例的整理文档。常用的vc界面编程经典实例,包含上百个实例的整理文档。常用的vc界面编程经典实例,包含上百个实例的整理文档。常用的vc界面编程经典实例,包含上百个实例的...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,296,882
精华内容 1,318,752
关键字:

界面