百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 编程网 > 正文

软件界面开发步骤

yuyutoo 2025-02-26 14:26 10 浏览 0 评论

做软件开发,界面设计是很重要的一部分,因为我们传统的软件开发,基本上都是由代码来实现图形和文字,最终达到我们看到的一款精美的软件作品。

软件开发界面设计一般在软件开发工作会由产品经理和UI设计师专业的人员来完成整个界面的设计和制作。那么软件开发界面的设计流程是什么样的呢?

一款软件,应该都是从零开始的,最开始的时候由一串一串想法和构思,通过一段时间的讨论和梳理,然后由产品经理通过讨论的结果整理出完成的流程图、产品原型图等,然后再进过一系列的讨论确认最终的方案。确认完成后,就要开始实施进入设计动作,由UI设计师根据产品经理的原型图以及对产品需求的了解,各个界面的连接等等,进行界面UI设计,还包括首页的轮播图、广告图,LOGO、小图标等等设计。界面设计主要由UI设计进行整个软件的色调、字体大小等整个设计的把控。UI设计师做出界面后,再由客户以及相关人员进行确认,确认没有问题后再进入技术人员前端代码的开发。

传统的软件开发界面设计,大楖就由产品经理、UI设计师、前端工程师,来负责完成。如果是大型的网站开发,从前期的产品需求调研到最后产品前端界面的实现都是需要很长的时候来完成,那么成本就不会低了。目前随着软件行业的不断升级更新,目前要实现软件开发界面设计不需那么复杂了,不再需要产品经理、UI设计、前端工程师,一个人就能直接替代他们的工作了。操作步骤很简单,只要通过衡道零代码软件创造工作,像拼图一样,将文字、图片进行组合拖拉就直接实现软件界面的设计,而且完全是个性化的开发。开发时间最少5分钟上线,所需要的成本直接降到最低。再也不担心软件开发的时间和价格了。

具体涉及到的工具及代码如下:

1.界面开发需要的包

界面开发工具需借助其他工具包,主要有如下两种:

1.java.awt:组件样式老旧,推荐使用颜色、尺寸、字体、布局方式这些元素规则类

2.javax.swing:升级后的开发包

(1)容器:可以去装载其他组件,如窗体;

(2)组件:按钮、输入框、菜单、滑杆等;

(3)内容:文字、图片等

要使用这些包,需要引用,方法如下:

import javax.swing.*;

import java.awt.*;

2.创建界面

1.创建一个类(LoginUI)

2.在这个类中声明一个初始化界面方法

public static void main(String[] args) {

LoginUI loginUI=new LoginUI();

loginUI.showUI();

}

3.在方法中:

(1)创建一个窗体javax.swing.JFramed的对象;

javax.swing.JFrame jf=new javax.swing.JFrame();

(2)设置窗体对象的属性、标题、尺寸、位置、关闭方法、可视化等

jf.setTitle("登录入口");//窗体标题

jf.setSize(600,500);//窗体尺寸


jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//点击窗体关闭设置:退出

java.awt.FlowLayout flow=new java.awt.FlowLayout();

jf.setLayout(flow);//窗体组件的排列方式:流式布局

(3)添加组件对象如按钮、输入框、图片、文字

javax.swing.JButton btn=new javax.swing.JButton();

javax.swing.JButton btn1=new javax.swing.JButton();//按钮

javax.swing.JLabel namejla=new javax.swing.JLabel();

javax.swing.JLabel pwdjla=new javax.swing.JLabel();//标签

javax.swing.JTextField namejtf=new javax.swing.JTextField();//文本输入框


javax.swing.JPasswordField pwdjtf=new
javax.swing.JPasswordField();//密码输入框

javax.swing.JCheckBox checkBox=new javax.swing.JCheckBox();//复选框

javax.swing.ImageIcon imgicon=new javax.swing.ImageIcon("C:\\Users" +

"\\Administrator\\Desktop\\img.png");//图片

javax.swing.JLabel imgjla=new javax.swing.JLabel();

4.设置对象的属性

btn.setText("登录");

btn1.setText("注册");

namejla.setText("账号:");

pwdjla.setText("密码:");

imgjla.setIcon(imgicon);//把图片加载到图片的标签组件上

//组件设置尺寸

java.awt.Dimension jtfsize=new java.awt.Dimension();//先创建一个尺寸对象

jtfsize.setSize(510,50);//设置尺寸对象的宽、高

//将尺寸对象设置给输入框

namejtf.setPreferredSize(jtfsize);

pwdjtf.setPreferredSize(jtfsize);

java.awt.Color color=new java.awt.Color(255,0,0);//设置颜色,使用java.awt.Color

btn.setBackground(color);//将颜色对象设给按钮

checkBox.setText("自动登录");

5.将组件对象加载到窗体上,并使窗体可视化

jf.add(imgjla);

jf.add(namejla);jf.add(namejtf);

jf.add(pwdjla);jf.add(pwdjtf);

jf.add(checkBox);jf.add(btn);

jf.add(btn1);

jf.setVisible(true);

6.给按钮注册监听器

(1)给按钮注册监听器

ButtonListener btnlistener=new ButtonListener();

btn.addActionListener(btnlistener);

btn1.addActionListener(btnlistener);

(2)用监听器对象调用null的输入框对象名,用界面这里的输入框对象名给它赋值

btnlistener.namejtf=namejtf;

btnlistener.pwdjtf=pwdjtf;

使用监听器的目的在于当一个事件源触发一个事件时,会有一个或多个监听器进行监听,并会由监听器执行与之对应的事件。事件对象携带了动作发生时的相关信息,比如通过事件对象获取按钮的字符串,通过字符串判断后执行不同的代码。

(3)使用监听器的步骤:

1)自己创建一个类;

2)使用这个类创建一个对象,用按钮对象的添加监听器方法添加这个对象。

(4)自己创建一个类来实现这个监听器

public class ButtonListener implements ActionListener {

(5)定义一个输入框属性对象名

JTextField namejtf=null;

JTextField pwdjtf=null;

int count=0;

(6)重写监听器中方法 改分号为大括号 然后在大括号中加上点击按钮之后想要执行的代码

public void actionPerformed(ActionEvent e){

count++;

(7)获取按钮上的字符串

String btnstr=e.getActionCommand();

System.out.print("按钮被点击了"+count+"次");//打印时不换行

System.out.println(" 点击的是:"+btnstr);

(8)判断字符串 .equal()

if(btnstr.equals("登录")){

String nametext=namejtf.getText();

String pwdtext= pwdjtf.getText();

(9)验证账号密码是否正确

if(nametext.equals("admin")&&(pwdtext.equals("123456"))) {

System.out.print("账号:"+nametext);

System.out.println(" 密码:"+pwdtext);

JFrame jf = new JFrame("登录成功!!");

jf.setVisible(true);

jf.setSize(600, 500);

}else{

System.out.println("登录失败,请输入正确的账号和密码");

}

} else if(btnstr.equals("注册")) {

System.out.println("执行注册操作,跳转至注册页面");

JFrame jf=new JFrame("注册界面");

jf.setSize(600,500);

jf.setVisible(true);

}

}

}



————————————————

版权声明:本文为CSDN博主「GM_Vane」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。

原文链接:
https://blog.csdn.net/GM_Vane/article/details/121462012

相关推荐

网站建设:从新手到高手

现代化网站应用领域非常广泛,从个人形象网站展示、企业商业网站运作、到政府公益等服务网站,各行各业都需要网站建设。大体上可以归结四类:宣传型网站设计、产品型网站制作、电子商务型网站建设、定制型功能网站开...

JetBrains 推出全新 AI 编程工具 Junie,助力高效开发

JetBrains宣布推出名为Junie的全新AI编程工具。这款工具不仅能执行简单的代码生成与检查任务,还能应对编写测试、验证结果等复杂项目,为开发者提供全方位支持。根据SWEBench...

AI也能写代码!代码生成、代码补全、注释生成、代码翻译轻松搞定

清华GLM技术团队打造的多语言代码生成模型CodeGeeX近期更新了新的开源版本「CodeGeeX2-6B」。CodeGeeX2是多语言代码生成模型CodeGeeX的第二代模型,不同于一代CodeG...

一键生成前后端代码,一个36k星的企业级低代码平台

「企业级低代码平台」前后端分离架构SpringBoot2.x,SpringCloud,AntDesign&Vue,Mybatis,Shiro,JWT。强大的代码生成器让前后端代码一键生成,无需写任...

Gitee 代码托管实战指南:5 步完成本地项目云端同步(附避坑要点)

核心流程拆解:远程仓库的搭建登录Gitee官网(注册账号比较简单,大家自行操作),点击“新建仓库”,建议勾选“初始化仓库”和“设置模板文件”(如.gitignore),避免上传临时文件。...

jeecg-boot 源码项目-强烈推荐使用

JEECGBOOT低代码开发平台...

JetBrains推出全新AI编程工具Junie,强调以开发者为中心

IT之家2月1日消息,JetBrains发文,宣布推出一款名为Junie的全新AI编程工具,官方声称这款AI工具既能执行简单的代码生成与检查等基础任务,也能应对“编写测试、验证结...

JetBrains旗下WebStorm和Rider现已加入“非商用免费”阵营

IT之家10月25日消息,软件开发商JetBrains今日宣布,旗下WebStorm(JavaScript开发工具)和Rider(.NET开发工具)现已加入“非商用免费”阵营。如果...

谈谈websocket跨域

了解websocketwebsocket是HTML5的新特性,在客户端和服务端提供了一个基于TCP连接的双向通道。...

websocket调试工具

...

利用webSocket实现消息的实时推送

1.什么是webSocketwebSocket实现实现推送消息WebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。以前的推送技术使用Ajax轮询,浏览器需...

Flutter UI自动化测试技术方案选型与探索

...

为 Go 开发的 WebSocket 库

#记录我的2024#...

「Java基础」Springboot+Websocket的实现后端数据实时推送

这篇文章主要就是实现这个功能,只演示一个基本的案例。使用的是websocket技术。...

【Spring Boot】WebSocket 的 6 种集成方式

介绍...

取消回复欢迎 发表评论: