您的位置：首页 > 产品设计 > UI/UE

Java –gui编程实战--选项卡组件

2016-11-05 21:03 441 查看
Java –gui编程实战

涉及新的swing组件

JTabbedPane:选项卡窗格（页签组件）






构思：分为3块，北中南，

北部区域，用一张图片作为标签

中部区域较为复杂，可以设置成包络布局，3行3列，设置3个面板对应3个选项卡。

南部区域：三个按钮

代码：

package com.panhui;
import java.awt.*;
import javax.swing.*;

public
class Demo11_5_1 extends JFrame {

//北部区域
JLabel
jl1;

//南部区域
JButton
jb1,jb2,jb3;
JPanel
jp1;

//中部区域
JTabbedPane
jtp;//选项卡窗格
JPanel
jp2,jp3,jp4;

JLabel
jl2,jl3,jl4,jl5;

//号码输入文本框
JTextField
jtf;
//密码
JPasswordField
jpf;
//清除号码
JButton
jb4;
//隐身登录，记住密码
JCheckBox
jcb1,jcb2;

public
static void main(String[] args) {
Demo11_5_1 demo = new Demo11_5_1();

}

public Demo11_5_1()
{

//创建组件，中间区域

jl2 = new JLabel("QQ号码",JLabel.CENTER);

jl3 = new JLabel("QQ密码",JLabel.CENTER);

jl4 = new JLabel("忘记密码",JLabel.CENTER);

//设置标签的性质

jl4.setFont(new Font("宋体",Font.PLAIN ,16));

jl4.setForeground(Color.BLUE);

jl5 = new JLabel("<html><a href = 'www.qq.com'>申请密码</a>");

//如果将鼠标移到该位置，则自动变成手型

jl5.setCursor(Cursor.getPredefinedCursor(Cursor.HAND_CURSOR));

//输入号码框

jtf = new JTextField();

//输入密码框

jpf = new JPasswordField();

jb4 = new JButton(new ImageIcon("2.png"));

//复选框

jcb1 = new JCheckBox("隐身登陆");

jcb2 = new JCheckBox("记住密码");

//北部区域就一张图片

jl1 = new JLabel(new ImageIcon("2.png"));

//南部区域

jp1 = new JPanel();

jb1 = new JButton(new ImageIcon("2.png"));

jb2 = new JButton(new ImageIcon("2.png"));

jb3 = new JButton(new ImageIcon("2.png"));

//中部区域

jtp = new JTabbedPane();

//设置三个Panel,因为点击选项的时候会翻页

jp2 = new JPanel();

jp3 = new JPanel();

jp3.setBackground(Color.RED);

jp4 =new JPanel();

jp4.setBackground(new Color(0,0,255));

//将面板添加到选项卡窗格上

jtp.add("QQ号码",jp2);

jtp.add("手机号码",jp3);

jtp.add("电子邮箱",jp4);

//设置布局

jp2.setLayout(new GridLayout(3,3));

//添加组件

jp1.add(jb1);

jp1.add(jb2);

jp1.add(jb3);

jp2.add(jl2);

jp2.add(jtf);

jp2.add(jb4);

jp2.add(jl3);

jp2.add(jpf);

jp2.add(jl4);

jp2.add(jcb1);

jp2.add(jcb2);

jp2.add(jl5);

this.add(jp1,BorderLayout.SOUTH);
this.add(jl1,BorderLayout.NORTH);
this.add(jtp,BorderLayout.CENTER);

ImageIcon icon = new ImageIcon("2.png");
this.setIconImage(icon.getImage());
this.setSize(3500,2400);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
this.setVisible(true);
}
}















由于图片的原因与实图不符合

注意点：本界面用了选项卡组件，所以有几个选项，就要几个面板。A
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航