java界面设计代码(java设计游戏代码带界面)
Java 用户界面设计 求界面代码
一: 首先弄清题目的意思
A.需要的主要组件列表:
1. ?创建一个窗口,窗口标题叫Information
2. ?3个标签, 用于显示文字 Name Number Class
3. ?3个文本框, 用于填写信息
4. ?1个按钮, ?文字是确认
5. ?1个文本域
B.业务逻辑
1. 当点击按钮确认的时候, 把 文本框的信息显示到文本域
C.设计的主要技术
JLabel , JButton, JTextField ...等, 都是swing的组件 , ?所以应该使用swing进行创建
二: ?确定使用的布局
swing虽然重写了大部分的组件, 但是布局, 依旧沿袭awt技术
分析图片上的布局:
至少有2种方法可以实现,?
方法一: 绝对布局 , 优点: ?配合可视化GUI拖曳, 可以完美的实现图上的组件的位置
但是缺点也是致命的, 不同的操作系统平台下, 可能会出现位置的移动,
只适合开发平台, 移植效果差 . ?所以不推荐使用
方法二: 灵活的表格布局, 配合流式布局 , 所有操作系统下,显示效果都比较统一.?
三: 效果图
四: 参考代码
import?java.awt.*;
import?java.awt.event.*;
import?javax.swing.*;
public?class?FrameDemo?extends?JFrame?{
//申明需要的组件
private?final?JTextField?jtf1,jtf2,jtf3;
private?final?JTextArea?jta;
public?FrameDemo()?{
setTitle("Information");//设置窗口标题
setSize(320,?360);//设置窗口大小
setLocationRelativeTo(null);//设置窗口居中
setDefaultCloseOperation(EXIT_ON_CLOSE);//设置关闭时退出虚拟机
getContentPane().setLayout(new?FlowLayout());//设置窗口布局为流式布局
JPanel?jp?=?new?JPanel(new?GridLayout(4,?2));//设置jp面板为表格布局4行2列
//第一行
JPanel?jp01?=?new?JPanel();
JLabel?jl1?=?new?JLabel("Name:");
jp01.add(jl1);
JPanel?jp1?=?new?JPanel();
jtf1?=?new?JTextField(8);
jp1.add(jtf1);
//第二行
JPanel?jp02?=?new?JPanel();
JLabel?jl2?=?new?JLabel("Number:");
jp02.add(jl2);
JPanel?jp2?=?new?JPanel();
jtf2?=?new?JTextField(8);
jp2.add(jtf2);
//第三行
JPanel?jp03?=?new?JPanel();
JLabel?jl3?=?new?JLabel("Class:");
jp03.add(jl3);
JPanel?jp3?=?new?JPanel();
jtf3?=?new?JTextField(8);
jp3.add(jtf3);
//第四行
JPanel?jp04?=?new?JPanel();
JLabel?jl4?=?new?JLabel("");
jp04.add(jl4);
JPanel?jp4?=?new?JPanel();
JButton?jb?=?new?JButton("确认");
jp4.add(jb);
jp.add(jp01);
jp.add(jp1);
jp.add(jp02);
jp.add(jp2);
jp.add(jp03);
jp.add(jp3);
jp.add(jp04);
jp.add(jp4);
getContentPane().add(jp);
jta?=?new?JTextArea();
jta.setColumns(20);//设置文本域的大小
jta.setEditable(false);//设置文本域不可编辑
jta.setBackground(jp.getBackground());//设置文本域的背景色和面板一样
getContentPane().add(jta);
jb.addActionListener(new?ActionListener()?{//给按钮添加事件
public?void?actionPerformed(ActionEvent?e)?{//点击按钮,显示信息到文本域
String?name?=?jtf1.getText();
String?number?=?jtf2.getText();
String?clazz?=?jtf3.getText();
jta.setText("You?name?is?"+name+"?number?is?"+number+"?class?is?"+clazz);
}
});
}
public?static?void?main(String[]?args)?{
new?FrameDemo().setVisible(true);//创建窗口,被设置为可见
}
}
五: 拓展
虽然图形界面的实现方法是多样的, ?我们一定要根据具体情况, 选择一个比较优化的 合理的, 符合业务逻辑的实现方法
用java设计一个简单的界面设计,越简单越好,谢谢
用java设计一个简单的界面可以参考如下实例:
import?javax.swing.JFrame;//框架
import?javax.swing.JPanel;//面板
import?javax.swing.JButton;//按钮
import?javax.swing.JLabel;//标签
import?javax.swing.JTextField;//文本框
import?java.awt.Font;//字体
import?java.awt.Color;//颜色
import?javax.swing.JPasswordField;//密码框
import?java.awt.event.ActionListener;//事件监听
import?java.awt.event.ActionEvent;//事件处理
import?javax.swing.JOptionPane;//消息窗口public?class?UserLogIn?extends?JFrame{
?public?JPanel?pnluser;
?public?JLabel?lbluserLogIn;
?public?JLabel?lbluserName;
?public?JLabel?lbluserPWD;
?public?JTextField?txtName;
?public?JPasswordField?pwdPwd;
?public?JButton?btnSub;
?public?JButton?btnReset;
?public?UserLogIn(){
??pnluser?=?new?JPanel();
??lbluserLogIn?=?new?JLabel();
??lbluserName?=?new?JLabel();
??lbluserPWD?=?new?JLabel();
??txtName?=?new?JTextField();
??pwdPwd?=?new?JPasswordField();
??btnSub?=?new?JButton();
??btnReset?=?new?JButton();
??userInit();
?}
?public?void?userInit(){
??this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//设置关闭框架的同时结束程序
??this.setSize(300,200);//设置框架大小为长300,宽200
??this.setResizable(false);//设置框架不可以改变大小
??this.setTitle("用户登录");//设置框架标题
??this.pnluser.setLayout(null);//设置面板布局管理
??this.pnluser.setBackground(Color.cyan);//设置面板背景颜色
??this.lbluserLogIn.setText("用户登录");//设置标签标题
??this.lbluserLogIn.setFont(new?Font("宋体",Font.BOLD?|?Font.ITALIC,14));//设置标签字体
??this.lbluserLogIn.setForeground(Color.RED);//设置标签字体颜色
??this.lbluserName.setText("用户名:");
??this.lbluserPWD.setText("密????码:");
??this.btnSub.setText("登录");
??this.btnReset.setText("重置");
??this.lbluserLogIn.setBounds(120,15,60,20);//设置标签x坐标120,y坐标15,长60,宽20
??this.lbluserName.setBounds(50,55,60,20);
??this.lbluserPWD.setBounds(50,85,60,25);
??this.txtName.setBounds(110,55,120,20);
??this.pwdPwd.setBounds(110,85,120,20);
??this.btnSub.setBounds(85,120,60,20);
??this.btnSub.addActionListener(new?ActionListener()//匿名类实现ActionListener接口
???{
????public?void?actionPerformed(ActionEvent?e){
?????btnsub_ActionEvent(e);
????}????
???}
??);?
??this.btnReset.setBounds(155,120,60,20);
??this.btnReset.addActionListener(new?ActionListener()//匿名类实现ActionListener接口
???{
????public?void?actionPerformed(ActionEvent?e){
?????btnreset_ActionEvent(e);
????}????
???}
??);???
??this.pnluser.add(lbluserLogIn);//加载标签到面板
??this.pnluser.add(lbluserName);
??this.pnluser.add(lbluserPWD);
??this.pnluser.add(txtName);
??this.pnluser.add(pwdPwd);
??this.pnluser.add(btnSub);
??this.pnluser.add(btnReset);
??this.add(pnluser);//加载面板到框架
??this.setVisible(true);//设置框架可显??
?}
?public?void?btnsub_ActionEvent(ActionEvent?e){
??String?name?=?txtName.getText();
??String?pwd?=?String.valueOf(pwdPwd.getPassword());
??if(name.equals("")){
???JOptionPane.showMessageDialog(null,"账号不能为空","错误",JOptionPane.ERROR_MESSAGE);
???return;
??}else?if?(pwd.equals("")){
???JOptionPane.showMessageDialog(null,"密码不能为空","错误",JOptionPane.ERROR_MESSAGE);
???return;
??}else?if(true){
???this.dispose();
??}else{
???JOptionPane.showMessageDialog(null,"账号或密码错误","错误",JOptionPane.ERROR_MESSAGE);
???return;
??}
?}
?public?void?btnreset_ActionEvent(ActionEvent?e){
??txtName.setText("");
??pwdPwd.setText("");
?}
?public?static?void?main(String[]?args){
??new?UserLogIn();
?}
}
JAVA界面设计怎么插入背景图片?
可以利用标签组件来设置。
具体方法如下:
利用标签组件来设置,具体代码如下:
JPanelpnlMain=new JPanel(); //创建面板pnlMain。
getContentPane().add(pnlMain); //将pnlMain设置为主面板。
Iconi=new ImageIcon("背景.jpg"); /*用源图片“背景.jpg”构造一个ImageIcon对象i,需要注意如果图片的路径使用的是相对路径,则图片文件必须放在类文件所在文件夹或项目的根文件夹中,否则图片的路径必须用绝对路径。*/
JLabellblLogo = new JLabel(i); //用指定的图片构造标签对象lb
this.getLayeredPane().add(lb, new Integer(Integer.MIN_VALUE));
//把标签放在第二层JlayerPane上。
lb.setBounds(0, 0,ii.getIconWidth(),i.getIconHeight());
//设置标签的尺寸,即背景图象的大小。
getConentPane().setOpaque(false); /*把内容面板设置为透明,这样整个框架的背景就不再是内容面板的背景色,而是第二层中标签的图像。*/
pnlMain.add(lb); //将标签添加到主面板pnlMain中。
用java语言设计一个形如windows操作系统附件中的计算器界面(程序代码)
import java.awt.*;
import java.awt.event.*;
import javax.swing.*;
import java.math.*;
public class zuoye10_3{
public static void main(String args[]){
MathWindow win=new MathWindow();
}
}
class MathWindow extends JFrame implements ActionListener{
JButton button1,button2,button3,button4;
JTextField text1,text2,text3;
MathWindow(){
text1=new JTextField(10);
text2=new JTextField(10);
text3=new JTextField(10);
button1=new JButton("加");
button2=new JButton("减");
button3=new JButton("乘");
button4=new JButton("除");
setLayout(new FlowLayout());
add(text1);
add(text2);
add(text3);
add(button1);
add(button2);
add(button3);
add(button4);
button1.addActionListener(this);
button2.addActionListener(this);
button3.addActionListener(this);
button4.addActionListener(this);
setBounds(200,200,260,190);
setVisible(true);
validate();
setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE);
}
public void actionPerformed(ActionEvent e){
if(e.getSource()==button1){
String s1=text1.getText();
String s2=text2.getText();
BigInteger n;
BigInteger n1=new BigInteger(s1);
BigInteger n2=new BigInteger(s2);
n=n1.add(n2);
text3.setText(n.toString());}
else if(e.getSource()==button2){
String s1=text1.getText();
String s2=text2.getText();
BigInteger n;
BigInteger n1=new BigInteger(s1);
BigInteger n2=new BigInteger(s2);
n=n1.subtract(n2);
text3.setText(n.toString());}
else if(e.getSource()==button3){
String s1=text1.getText();
String s2=text2.getText();
BigInteger n;
BigInteger n1=new BigInteger(s1);
BigInteger n2=new BigInteger(s2);
n=n1.multiply(n2);
text3.setText(n.toString());}
else if(e.getSource()==button4){
String s1=text1.getText();
String s2=text2.getText();
BigInteger n;
BigInteger n1=new BigInteger(s1);
BigInteger n2=new BigInteger(s2);
n=n1.divide(n2);
text3.setText(n.toString());}
}
}
java swing界面设计
GUI图形界面设计的重点是布局
SWING也是采用AWT的布局方式,进行布局管理的。(实现LayoutManager接口的方法,来进行管理布局,API中已有实现类,我们通常只需要指定实现类,而不需要自己重写方法)
常用的布局有绝对布局, 边界布局BorderLayout,流布局FlowLayout,表格布局GridLayout。
JFrame等重量级组件,默认布局是边界布局,JPanel轻量级组件,默认布局是流布局
绝对布局:布局的特点,需要指定每个组件的大小,和具体位置。
优点:充分的自定义,充分的自由,可以写出漂亮的 ,细致的界面
缺点:绝对布局在不同的操作系统下,会有一些不同程度的变化,导致界面变形,甚至组件重叠等。在同一操作系统下,窗口放大缩小,界面也会变形
绝对布局的范例
import?javax.swing.JButton;
import?javax.swing.JFrame;
public?class?Frame1?extends?JFrame{
JButton?jb1;
public?Frame1()?{
setLayout(null);//指定窗口的布局管理器为空,也就是绝对布局
jb1?=?new?JButton("按钮");
jb1.setLocation(100,?50);//指定组件的位置
jb1.setSize(80,?30);//指定组件的大小
//jb1.setBounds(100,?50,?80,?30);//上面两句代码等同于这句代码
add(jb1);
setSize(300,?200);
setLocationRelativeTo(null);
setDefaultCloseOperation(EXIT_ON_CLOSE);
}
public?static?void?main(String[]?args)?{
new?Frame1().setVisible(true);
}
}
边界布局BorderLayout:它可以对容器组件进行安排,并调整其大小,使其符合下列五个区域:北、南、东、西、中。每个区域最多只能包含一个组件
优点:比较常用的布局,简单易掌握,放大缩小,不影响组件的位置
缺点:组件位置不够灵活。每个区域如果添加多个组件,那么后面的组件会覆盖前面的组件。(因为可以嵌套其他组件使用,所以这些缺点基本都能克服)
3. ? 代码参考
import?javax.swing.*;
import?java.awt.*;
public?class?P004_BorderLayout?{
JFrame?jframe;
JButton?jb1,jb2,jb3,jb4,jb5;
public?P004_BorderLayout(){
jframe?=?new?JFrame();
jframe.setTitle("边界布局");
jframe.setBounds(300,?200,?180,?180);
jb1?=?new?JButton("东");
jframe.add(jb1,?BorderLayout.EAST);
jb2?=?new?JButton("西");
jframe.add(jb2,BorderLayout.WEST);
jb3?=?new?JButton("南");
jframe.add(jb3,BorderLayout.SOUTH);
jb4?=?new?JButton("北");
jframe.add(jb4,BorderLayout.NORTH);
jb5?=?new?JButton("中");
jframe.add(jb5);//BorderLayout.CENTER可以省略
jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
jframe.setVisible(true);
}
public?static?void?main(String[]?args)?{
new?P004_BorderLayout();
}
}
流布局FlowLayout:像一排文字一个挨着一个的布局。流布局用于安排有向流中的组件,这非常类似于段落中的文本行。流的方向可以指定。
优点:可以快速添加组件,不用指定位置,也不用指定边界
缺点:线性排列 ,外观单调。(嵌套其他布局,可以忽略缺点)
代码参考
import?java.awt.FlowLayout;
import?javax.swing.*;
public?class?P003_FlowLayout?{
JFrame?jframe;
public?P003_FlowLayout(){
jframe?=?new?JFrame("流式布局");
for?(int?i?=?1;?i?=?5;?i++)?{
jframe.add(new?JButton(i+""));
}
jframe.setLocation(380,?260);
jframe.setLayout(new?FlowLayout(FlowLayout.LEFT));//窗口指定位流式布局,方向从左往右
jframe.pack();
jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
jframe.setVisible(true);
}
public?static?void?main(String[]?args)?{
new?P003_FlowLayout();
}
}
表格布局GridLayout:它以矩形网格形式对容器的组件进行布置。容器被分成大小相等的矩形,一个矩形中放置一个组件。
优点:组件整齐排列,
缺点:如果添加的组件数量,和指定的数量不一致,容易导致缺失等
参考代码
import?javax.swing.*;
import?java.awt.*;
public?class?P005_GridLayout?{
JFrame?jframe;
public?P005_GridLayout()?{
jframe?=?new?JFrame("表格布局");
jframe.setLayout(new?GridLayout(3,?4));//表格布局,3行?4列
for?(int?i?=?0;?i?=?12;?i++)?{
jframe.add(new?JButton(i+""));
}
jframe.setLocation(300,?200);
jframe.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
jframe.pack();
jframe.setVisible(true);
}
public?static?void?main(String[]?args)?{
new?P005_GridLayout();
}
}
最后: 布局是一种灵活的东西。你可以一个布局里嵌套另外一个布局。
比如边界布局的窗口的中间,加入按表格布局的组件,表格布局里面是流式布局。
很多的复杂的界面,通过细分,都能拆分成常用布局的嵌套
编写一个Java应用程序,窗体上有一个单选按钮,具体界面设计如下(只需要代码):
import javax.swing.BorderFactory;
import javax.swing.ButtonGroup;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JRadioButton;
public class aaa
{
/**
* @param args
*/
public static void main(String[] args)
{
TextFrame frame = new TextFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setVisible(true);
}
}
class TextFrame extends JFrame
{
public TextFrame()
{
setTitle("考试题目");
setBounds(300,300,200,120);
TextPanel panel = new TextPanel();
add(panel);
}
}
class TextPanel extends JPanel
{
private JRadioButton r1,r2;
public TextPanel()
{
//实例化单选按钮
r1 = new JRadioButton("男");
r2 = new JRadioButton("女");
JPanel p = new JPanel();
p.setBorder(BorderFactory.createTitledBorder("请选择性别"));
p.add(r1);
p.add(r2);
ButtonGroup bg = new ButtonGroup();
//将需要划分为一组的单选按钮对象添加到按钮组(注意只是逻辑上添加 和界面没有关系)
bg.add(r1);
bg.add(r2);
add(p);
}
}