精华内容
下载资源
问答
  • 软件设计界面布局

    2021-03-01 17:08:48
    软件设计界面布局 支持界面开发的语言很多,如C++,java,js等等,但其布局从最简单角度分析: 使用水平和垂直布局就可以设计出复杂的界面。 间距可以通过空白内容控件来添加。

    软件设计界面布局

    支持界面开发的语言很多,如C++,java,js等等,但其布局从最简单角度分析:

    1. 使用水平和垂直布局就可以设计出复杂的界面。
    2. 间距可以通过空白内容控件来添加。
    展开全文
  • 11-Java 界面设计

    千次阅读 2021-02-26 20:08:40
    (一)Java界面设计概述1、Java 界面设计的用途2、AWT 简介(1)Abstract Windows Toolkit 是最原始的工具包。3、Swing 简介4、SWT 简介5、如何选择 GUI 工具包(以上三个都是)Swing 是最灵活、强大的GUI工具包,所以在...

    (一)Java界面设计概述

    1、Java 界面设计的用途

    2、AWT 简介

    (1)Abstract Windows Toolkit 是最原始的工具包。

    3、Swing 简介

    4、SWT 简介

    5、如何选择 GUI 工具包(以上三个都是)

    Swing 是最灵活、强大的GUI工具包,所以在界面开发中,首选Swing。

    只有一种场合不适用于Swing:

    在使用SWT开发的程序上继续编写界面,比如为Eclipse 开发插件(因为Ecilpse 是基于SWT构建的)。SWT与Swing 不兼容,他们不能混合使用。

    (二)Swing 框架的基本结构

    1、Swing 框架的继承关系

    2、Swing 的 MVC 结构

    创建一个新的工程,名为TestMVC。在src 里面 new 一个 (最后的other 的windowbuilder

    的Swing

    Designer 的JFrame 。名为Test )。会出现一些代码,属于底下的Source,旁边的Design 即可设计。

    MVC :Model View

    Control 模型(存储相关的数据)+视图(表达视觉元素)+控制(负责他们之间的相互关系以及执行一些程序的逻辑和程序的真实走向)。

    3、Swing的事件机制

    (三)Swing基本组件

    1、WindowBuilder 的安装与简介

    2、窗体控件 JFrame 的使用

    3、容器控件 JPanel 的使用

    4、标签控件 JLabel 的使用

    5、按钮控件 JButton 的使用

    6、文本框控件 JTextField 与 JTextArea 的使用

    JTextField :文本框,只能输入一行

    JTextArea:文本区域,可输入多行

    7、单选与复选控件 JRadioButton 与 JCheckBox 的使用

    单选在描写代码的时候,if语句要用else。而复选则应该用相互独立的若干个if

    8、列表控件 JList 的使用

    9、下拉菜单 JComboBox 的使用

    10、进度条控件 JProgressBar 的使用

    11、数字调节控件 JSpinner 的使用

    12、Swing 界面组件的通用属性

    (四)Swing 布局管理器

    1、Absolute Layout绝对布局

    没有任何限制,可以在窗口界面中任意摆置控件

    2、Flow Layout浮动布局

    可以浮动,但不是相互叠加。指大小在发生变化的时候,它们的相对位置可以改变。

    3、Border Layout边界布局

    这是默认的布局。任意拖拽一个按钮啊控件,即可显示,如下:共5个边界。

    1b62f3f4fa18e45e50f3ea80c4515186.png

    4、Grid Layout网格布局

    平均分!

    5、Group Layout分组布局

    是Swing 中最强大的布局管理器,非常灵活、动态,支持元素对齐、边界吸附、控件的动态大小调整。

    (五)自定义Swing组件

    1、Swing 的绘图机制·

    2、Swing 绘图 API

    3、使用 Java2D 改善 API 的绘制效果

    4、使用绘图API自定义组件

    5、为组件设定UI

    6、使用 LookAndFeel 为界面更换皮肤

    (六)Swing菜单的使用

    1、界面菜单简介

    2、窗体菜单栏的创建与使用

    新建一个JFrame。Design 、在左侧选择“menu”:里面有~~~

    JMenu 和 JMenuitem 的区别:前者包含后者,后者不可再分。

    3、弹出菜单的创建与使用

    4、为MacOSX系统优化菜单栏

    (七)Swing界面响应与线程安全

    1、主线程与UI线程简介

    (1)Java 程序的主线程

    当Java 程序启动时,一个线程立刻运行,该线程通常叫做程序的主线程(main

    thread),因为它是程序开始时就执行的。一般来说,该类中会有一个main 函数,当程序启动时,该函数就会第一个自动地得到执行,并成为程序的主线程。主线程的特征如下:

    A、它是产生其他子线程的线程

    B、主线程中执行程序的控制

    C\、通常它必须最后完成执行,因为它执行各种关闭动作。

    【永远不在主线程中操作界面】

    2、UI线程中非安全操作与安全操作

    Swing API 的设计目标是强大、灵活和易用。但是Swing 组件不支持多线程访问,程序要操作或更改界面内容,必须向单一线程执行请求,我们把这个单一的线程称为事件派发线程(可简称为UI线程)。这也就意味着Swing

    是线程不安全的,所有对于UI元素的修改都必须提交给UI线程执行,你不能在主线程或其他任何线程中直接操作UI的内容。

    如果需要从UI线程或绘制代码以外的地方访问UI,那么你需要使用SwingUtilities;类的invokeLater() 或InvokeAndWait()方法。

    如果你需要处理一些耗费大量计算能力或受I/O能力限制的工作,可以使用一个线程工具类如SwingWorker 或Timer。

    3、使用Timer为界面执行异步任务

    4、使用SwingWorker为界面执行异步任务

    (八)界面消息提示

    1、JoptionPane 简介

    2、使用 showConfirmDialog 显示确认框

    3、使用 showMessageDialog 显示消息提示框

    4、使用 showInputDialog 显示输入框

    5、使用 showOptionDialog 显示多项选择框.

    (九)Java文件选择器

    1、JFileChooser简介

    2、使用文件选择器打开文件

    3、使用文件选择器保存文件

    4、为文件选择器设定扩展名过滤

    (十)Java视频播放器的制作

    1、工程的准备

    2、工程创建与配置

    3、制作主界面

    4、制作视频控制器

    5、制作菜单栏

    6、添加音量控制组件

    7、导出程序

    展开全文
  • 1.先来说说 什么是用户界面用户界面(User Interface),简称UI,是人与电子计算机系统进行交互和消息交换的媒介,是用户使用电子计算机的综合环境。目前对于用户界面定义比较广泛,不仅仅包含人与机器交互的图形用户...

    1d20ecaf15c5d27b8cf9d7c68a55331c.png

    1.先来说说 什么是用户界面

    用户界面(User Interface),简称UI,是人与电子计算机系统进行交互和消息交换的媒介,是用户使用电子计算机的综合环境。目前对于用户界面定义比较广泛,不仅仅包含人与机器交互的图形用户接口,广义来说用户界面是用户和系统进行交互方法的集合,这些系统不是单单指电脑程序,还包括某种特定的机器、设备、复杂的工具等。用户界面可以看作代表了一种人与电脑面对面的信息交流方式,用户界面的形成来源于人造物的自身属性,即人造物存在的目的是为了满足人类的某种需求,需求的实现必须通过使用才能得到体现。

    用户界面是用户和系统进行交互方法的集合,也是电子计算机系统中实现用户与计算机信息交换的软件、硬件部分。所以用户界面分为硬件界面和软件界面。其中硬件界面主要是指用户使用产品时直接接触到的硬件设备,如鼠标、键盘、操作面板、手柄等,硬件界面又称为实体用户界面(Solid User Interface,简称SUI);软件界面(Human Computer Interface,简称HCI)主要是指用户和计算机直接信息交流的界面,如Windows窗体界面、手机界面、网页界面等。用户界面目的在于使用户能方便有效率地操作电子计算机系统,以达成双向交互。

    本书中所提到的用户界面单指软件界面。如图1.1所是硬件界面,图1.2是软件界面。

    2528c62a3c3765b4a8920bdb68406050.png

    984b891421f858dedc47afbb70dcf3f0.png

    图 1.1硬件界面

    719af61bc4b95de016d2410da0365cdc.png

    9942b5788d69404455f594ab2ab3b0c7.png

    图1.2软件界面

    2. 什么是用户界面设计

    用户界面设计主要是通过协调界面上各个部分构件和操作逻辑,优化和简化用户与系统交流过程和步骤,在满足用户需求前提下,提高用户使用计算机的效率的系统性设计。按照界面所在的终端上来分类,用户界面设计可分为移动UI设计、网页UI设计、窗口UI设计等,按照界面设计的工作流程来分类,用户界面设计包括用户研究(结构设计)、交互设计、界面设计三个部分。

    用户研究指在展开用户界面设计之前,通过沟通、问卷等方式对用户的需求进行研究,了解界面目标用户的日常流程、环境以及使用习惯,挖掘出用户的潜在需求,站在用户的角度完成界面的设计和实现。界面的设计要以用户为出发点,提高界面设计的可用性和易用性,使设计的产品更容易被接受和使用。界面设计的终点要回归到用户,产品发布后要继续进行用户研究,收集用户的使用反馈,对不合理的交互设计和界面美观进行简化和优化,让界面质量在用户需求和意见的基础上不断提高。

    交互设计是指人与系统之间的交互工程,定义了人与计算机系统交互之间的内容和结构,达到信息交互的目的。交互设计师的工作内容就是设计整个用户界面的交互流程,包括定义信息架构和操作流程,组织界面的元素,使用交互式设计工具进行原型制作。交互设计的目的在于提高产品的易用性,让用户能快速、准确进行相应的操作。

    界面设计是指软件产品的“外形”设计,是目前国内大部分UI工作者从事的工作。主要内容是根据用户的需求和交互设计框架,运用美学、用户心理学等设计出美观且方便使用的用户界面。界面设计需要将用户研究报告和交互设计成果作为输入,让界面设计不脱离产品初衷,提高产品的实用性,通过结合美学和心理学,提高产品的美观度和接受度。

    用户界面设计是一个有不同学科参与的复杂工程。用户心理学、美学、人机工程学等在其中都有着举足轻重的地位。用户界面设计有以下特点:

    l 典型的人机互动。设计与用户紧密相关,用户的反馈是界面设计的重要部分。

    l 手段的多样性。计算机能力的加强带来了人机交互方式的多样性。

    l 紧密的技术相关性。新产品的出现会刺激新界面的产生,界面设计随着新技术的不断发展完善自身。

    展开全文
  • python图形界面(GUI)设计

    千次阅读 2021-01-14 13:00:05
    逛了一圈下来,总体上来说,python 图形界面有以下几个可行度比较高的解决方案。1. pyside为什么要把它写第一个呢?因为已经接触过 Qt,所以,总体来讲,感觉它更亲一点。没错,它就是 pyQt 的 LGPL 版本(Qt官方的...

    不要问我为什么要用 python 来做这种事,我回到“高兴咋地”也不是不可以,总之好奇有没有好的解决方案。逛了一圈下来,总体上来说,python 图形界面有以下几个可行度比较高的解决方案。

    1. pyside

    为什么要把它写第一个呢?因为已经接触过 Qt,所以,总体来讲,感觉它更亲一点。没错,它就是 pyQt 的 LGPL 版本(Qt官方的介绍是,Python for Qt)。

    这个框架最早是由 Nokia 的芒果团队做完的,但是,众所周知的原因,这个团队已经消失了。目前从找到的资料来看,Qt 重新接管了它的开发工作,而且处于活跃状态。但是也不见有人推广啊。。。据说,Matplotlib,PhotoGrabber,Wing IDE,Lucas Chess,Fminer都是用 pyside 来做的,貌似很好用的样子(别问我他们是干嘛的,我是 copy 来的)。

    Nokia 的团队开发的哟!是为了手机开发的哟!那自然天然的支持 Qt Mobile Interface 了。

    它的主页:http://qt-project.org/wiki/PySide/

    这两位兄台对 pyside 做了不错的介绍:

    1) http://blog.sina.com.cn/s/blog_62c832270101dca6.html

    2)http://www.cnblogs.com/goodhacker/p/3984377.html

    2. tkInter

    这是 python 做的 tk/tcl 的壳。tk/tcl 有着广泛的应用,据说用户群体很庞大。而且, tcl8 以后,用它做出来的 App 已经可以具备系统原生的效果了,不再是那种丑丑的界面。

    这个是 python 官方承认的标准 GUI 方案(官方说 “de-facto standard“,执行上的标准,我们还没承认?),资料也比较多,自行了解吧,这里只做备忘。

    总体感觉不大好,虽然说也支持多种平台,但是还是呵呵了。

    主页:https://wiki.python.org/moin/TkInter/

    3. wxPython

    wxWidget 的 python 版本。wxWidget 的知名度也就不必介绍了,似乎 wxPython 也比 tkinter 更受欢迎。wxPython 的官方站更是吊炸天的挂着一句“Why the hell hasn't wxPython become the standard GUI for Python yet?”。

    tkinter 都没兴趣了解, wxWidget 也就被呵呵了。不过做小三能做这么有名,也自然有过人之处,自然不能榜上无名。

    主页:http://www.wxpython.org

    展开全文
  • 可视化界面设计工具

    2020-12-29 10:55:34
    物联网可视化界面设计工具是辅助师生用来构建物联网应用程序的一个教学工具,它采用图形化界面来代替代码开发界面,通过拖拽、移动一些控件与控件节点,来完成一个页面。它非常适合物联网初学者使用,其特点是通过低...
  • 一、Sketch [UI界面设计神器] Sketch Mac版是一款非常好用且功能强大的矢量绘图软件,Sketch Mac版以简约的设计是基于无限的规模和层次的绘图空间,调色板,面板,菜单,窗口和控件,虽然使用简单,它提供了功能...
  • 软件工程-用户界面设计

    热门讨论 2021-04-30 11:25:56
    静态模型:就是对象—关系模型,用于展现界面的结构设计 动态模型:是对系统操作或会话设计有关的对象的动态行为的描述 工作方式和工作设计 工作设计:目的是使任务需求与操作员的能力相匹配 工作方式:由一个...
  • 音乐播放器 App 界面要怎么设计?来看看集设网精选的 12 款移动端音乐播放器,学习一下如何设计出一个易用性和交互性良好、设计感受舒适、展示层级清晰的界面。 音乐播放器App界面如何设计? - 集设 ...
  • 文章目录Problem 1:控制台程序Hello答案Problem 2:整数A+B答案Problem 3:鸡兔同笼答案Problem 4:时分秒转换答案Problem 5:计算圆面积答案Problem 6:摄氏度转华氏度答案 Problem 1:控制台程序Hello ...
  • 人机界面设计 人的因素 人的因素主要包括 人对感知过程的认识 用户的技能和行为方式 用户所要求完成的整个任务以及用户对人机界面部分的特殊要求。 人对感知过程的认识 人通过感觉器官认识客观世界,因此设计用户...
  • 在ERP类等企业管理类系统开发过程中,毫无疑问,对用户“界面”设计的工作量是最大的,界面是系统中支持用户输入、...根据这些功能的共性和个性建立相应的界面模型和设计方法,可以大幅度地提升界面设计的效果和效率。
  • python界面设计用什么

    千次阅读 2021-01-12 02:04:34
    python界面设计用什么?下面给大家介绍八款常用的界面设计的框架:Python 的 UI 开发工具包 KivyKivy是一个开源工具包能够让使用相同源代码创建的程序能跨平台运行。它主要关注创新型用户界面开发,如:多点触摸应用...
  • javaswing酷炫界面 java swing界面设计

    千次阅读 2021-04-24 01:03:47
    java swing怎样开发出漂亮的界面Swing 支持切换界面风格啊 默认的是Metal风格,确实不好看 你可以切换为Windows风格,看起来和Windows上的程序就是一样滴了,还可以切换为苹果的风格,很Beauty滴说. 如果你用的是jdk6,...
  • XD界面设计

    2021-01-16 19:44:43
    界面设计 效果 1.打开软件,新建画板,用矩形画出矩形框,填充红色 2.在复制一个放在下面,填充一个深颜色 3.复制深颜色矩形放在画板底部,调整高度为34 4.在复制一个放在上面高度为49,改变颜色 5.然后做出两边的...
  • 酒店管理系统——界面设计

    千次阅读 2021-01-08 09:50:54
    因此,软件界面设计十分重要。 1.2设计规范 一个好的界面设计应遵守以下规则: 界面设计的原则是界面直观,对用户透明:用户接触软件后对界面上对应的功能一目了然。 界面设计保持一致性。 界面布局合理 二...
  • html怎么做用户登录界面设计的步骤:步骤1、首先,下载html5开发软件Intellij IDEA,这个直接在百度搜索框中搜索即可。步骤2、打开软件,点击file,选择New project,在弹出的对话框中,选择static...
  • 里面讲了阿里巴巴是如何做UI设计的,分享了三大特性和十大原则,掌握了这些,相信能极大提高你的UI设计能力,做出好看的软件界面。 然后推荐一本书《写给大家看的设计书》 这本书针对没有设计经验的普通人,用很多...
  • 资源描述JAVA登录界面设计:设置了登录账号,用户名或密码匹配则,登录成功,显示“登录成功”,用户名或密码不匹配则提示登陆不成功1,边界布局:BorderLayout。他主要分为五个布局,是JFrame(顶层容器),JDialog...
  • 使用 Dev-C++开发windows程序界面设计

    千次阅读 2021-07-29 12:10:57
    目前只是设计出了界面。 贴几行代码。 HFONT hf = CreateFont( 16, // nHeight 0, // nWidth 0, // nEscapement 0, // nOrientation FW_BOLD, // nWeight FALSE, // bItalic FALSE, // bUnderline 0, // ...
  • 2018一种基于可视化界面绘制图形自动生成C 语言代码软件设计与实现宋雅娟1 冯 萍21 ( 苏州市职业大学计算机工程学院 江苏 苏州 215104)2 ( 长春大学计算机科学技术学院 吉林 长春 130022)收稿日期: 20...
  • 图形用户界面(Graphical User Interface,简称 GUI,又称图形用户接口)是指采用图形方式显示的计算机操作用户界面。图形用户界面是一种人与计算机通信的界面显示格式,允许用户使用鼠标等输入设备操纵屏幕上的图标或...
  • 今天主要是在做软件系统的登录界面,首先新建一个Login.vue代码框架如下:模板块:<template>...</template>主要有系统登录主界面、登录框、背景图。其中登录框中还包括:标题、账号、密码、登录按钮。 &...
  • Android studio app登录界面设计

    千次阅读 2021-09-02 14:22:24
    在Android studio中实现基本登录界面设计。实现效果如下: (1)新建 本界面通过三个Linear layout(vertical)来实现 新建项目,其.xml文件中 design界面默认如下: 右键【ConstraintLayout】——【Convert View...
  • 集设网 www.ijishe.com 设计师交流社区 ,带来12个优秀案例给你参考音乐播放器界面如何设计? - 集设。 设计没思路,那么就需要从这几个方面着手: 1、了解产品的背景,产品未来发展方向。 2、去搜UI网,模库网,...
  • Java实现科学计算器界面设计 题目 打开你使用的微软公司 Windows 操作系统或 Linux 等其它操作系统中自带的“计算器”软件,观察和参照其界面和功能,实现一个接近其界面和功能的计算器(标准型或科学型)的界面。 ...
  • 下面给大家讲讲交互界面设计是什么,感兴趣的不妨往下看看吧!ui交互界面设计是人机交互领域的一个重要课题。人机交互设计本质上是设计协调者与计算机之间的矛盾,是以最有效的方式满足人的安全、高效、舒适的学科。...
  • 5款高质量app界面ui设计实例欣赏

    千次阅读 2020-12-29 19:38:41
    作品名称:[数据可视化网页界面设计 Ozine UI Kit] 所属作者:R5 Studio 源文件格式:xd 容量:36 MB 作品介绍: 一款精美的数据可视化网页界面设计作品,适用于产品运营后台,金融后台等场景,设计配色简洁大方,...
  • 界面设计是人与机器之间传递和交换信息的媒介,近年来,随着信息技术与计算机技术的迅速发展,网络技术的突飞猛进,人机界面设计和开发已成为国际计算机界和设计界最为活跃的研究方向。UI即 User Interface(用户界面...
  • 想利用C或C++做界面设计,怎么做?

    千次阅读 2021-02-14 12:00:32
    想利用C或C++做界面设计,怎么做? 方法步骤如下: 1、首先打开计算机在,在计算机内打开打开QtCreator,新建一个qt工程。 2、工程建立完毕,bai代码编辑界面出现,先不管代码。双击左侧的dialog.ui,将会打开图形...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 457,483
精华内容 182,993
关键字:

软件界面设计