GUI

最新推荐文章于 2023-02-26 22:17:51 发布

weixin_48707198

最新推荐文章于 2023-02-26 22:17:51 发布

阅读量91

点赞数

文章标签： gui

原文链接：https://blog.csdn.net/qq_35180983/article/details/82047979?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522159270947119725222411269%2522%252C%2522scm%2522%253A%252220140713.130102334..%2522%257D&request_id=159270947119725222411269&biz_id=0&utm_med

版权

欢迎使用Markdown编辑器

你好！这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。

新的改变

我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：

全新的界面设计 ，将会带来全新的写作体验；
在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行展示；
增加了 图片拖拽 功能，你可以将本地的图片直接拖拽到编辑区域直接展示；
全新的 KaTeX数学公式 语法；
增加了支持甘特图的mermaid语法¹ 功能；
增加了 多屏幕编辑 Markdown文章功能；
增加了 焦点写作模式、预览模式、简洁写作模式、左右区域同步滚轮设置 等功能，功能按钮位于编辑区域与预览区域中间；
增加了 检查列表 功能。

功能快捷键

撤销：Ctrl/Command + Z
重做：Ctrl/Command + Y
加粗：Ctrl/Command + B
斜体：Ctrl/Command + I
标题：Ctrl/Command + Shift + H
无序列表：Ctrl/Command + Shift + U
有序列表：Ctrl/Command + Shift + O
检查列表：Ctrl/Command + Shift + C
插入代码：Ctrl/Command + Shift + K
插入链接：Ctrl/Command + Shift + L
插入图片：Ctrl/Command + Shift + G
查找：Ctrl/Command + F
替换：Ctrl/Command + G

合理的创建标题，有助于目录的生成

直接输入1次#，并按下space后，将生成1级标题。
输入2次#，并按下space后，将生成2级标题。
以此类推，我们支持6级标题。有助于使用TOC语法后生成一个完美的目录。

如何改变文本的样式

强调文本 强调文本

加粗文本 加粗文本

标记文本

~~删除文本~~

引用文本

H₂O is是液体。

2¹⁰ 运算结果是 1024.

插入链接与图片

链接: link.

图片: Alt

带尺寸的图片:

居中的图片: Alt

居中并且带尺寸的图片:

当然，我们为了让用户更加便捷，我们增加了图片拖拽功能。

如何插入一段漂亮的代码片

去博客设置页面，选择一款你喜欢的代码片高亮样式，下面展示同样高亮的 代码片.

// An highlighted block
var foo = 'bar';

生成一个适合你的列表

项目
- 项目
  - 项目

项目1
项目2
项目3

计划任务
完成任务

创建一个表格

一个简单的表格是这么创建的：

项目	Value
电脑	$1600
手机	$12
导管	$1

设定内容居中、居左、居右

使用:---------:居中
使用:----------居左
使用----------:居右

第一列	第二列	第三列
第一列文本居中	第二列文本居右	第三列文本居左

SmartyPants

SmartyPants将ASCII标点字符转换为“智能”印刷标点HTML实体。例如：

TYPE	ASCII	HTML
Single backticks	`'Isn't this fun?'`	‘Isn’t this fun?’
Quotes	`"Isn't this fun?"`	“Isn’t this fun?”
Dashes	`-- is en-dash, --- is em-dash`	– is en-dash, — is em-dash

创建一个自定义列表

Markdown

Text-to- HTML conversion tool

Authors

John

Luke

如何创建一个注脚

一个具有注脚的文本。²

注释也是必不可少的

Markdown将文本转换为 HTML。

KaTeX数学公式

您可以使用渲染LaTeX数学表达式 KaTeX:

Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$ 是通过欧拉积分

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

你可以找到更多关于的信息 LaTeX 数学表达式[here][1].

新的甘特图功能，丰富你的文章

关于 甘特图 语法，参考 [这儿][2],

UML 图表

可以使用UML图表进行渲染。 Mermaid. 例如下面产生的一个序列图：

这将产生一个流程图。:

关于 Mermaid 语法，参考 [这儿][3],

FLowchart流程图

我们依旧会支持flowchart的流程图：

关于 Flowchart流程图 语法，参考 [这儿][4].

导出与导入

导出

如果你想尝试使用此编辑器, 你可以在此篇文章任意编辑。当你完成了一篇文章的写作, 在上方工具栏找到 文章导出 ，生成一个.md文件或者.html文件进行本地保存。

导入

如果你想加载一篇你写过的.md文件，在上方工具栏可以选择导入功能进行对应扩展名的文件导入，
继续你的创作。
（1）GUI 与CLI

 GUI

      •Graphical User Interface(图形用户接口)。

      •用图形的方式，来显示计算机操作的界面，这样更方便更直观。

CLI

      •Command line User Interface (命令行用户接口）

      •就是常见的Dos命令行操作。

      •需要记忆一些常用的命令，操作不直观。

  
(2)相关的两个包：        

 java.awt：

       Abstract Window ToolKit (抽象窗口工具包)，需要调用本地系统方法实现功能。属重量级控件。

 javax.swing：

      在AWT的基础上，建立的一套图形界面系统，其中提供了更多的组件，而且完全由Java实现。增强了移植性，属轻量级控件。

(3)GUI的继承体系
组件：组件就是对象
容器组件：是可以存储基本组件和容器组件的组件。
基本组件：是可以使用的组件，但是必须依赖容器。

(4)事件监听机制
    事件源:事件发生的地方

    事件:就是要发生的事情

    事件处理:就是针对发生的事情做出的处理方案

    事件监听器:就是把事件源和事件关联起来
(5)适配器模式
    接口
    抽象适配器类
    实现类
(6)案例：
    A:创建窗体案例

public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象
		// Frame f = new Frame();
		// Frame(String title)
		Frame f = new Frame("林青霞");
 
		// 设置窗体标题
		f.setTitle("HelloWorld");
		// 设置窗体大小
		f.setSize(400, 300); // 单位：像素
		// 设置窗体位置
		f.setLocation(400, 200);
 
        // 一个方法搞定
		//f.setBounds(400, 200, 400, 300);
 
		// 调用一个方法，设置让窗体可见
		f.setVisible(true);
 
		// System.out.println("helloworld");
	}
}


    B:窗体关闭案例

import java.awt.Frame;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.awt.event.WindowListener;
 
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象
		Frame f = new Frame("窗体关闭案例");
 
		// 设置窗体属性
		f.setBounds(400, 200, 400, 300);
 
		// 让窗体关闭
		//事件源
		//事件：对窗体的处理
		//事件处理：关闭窗口(System.exit(0));
		//事件监听
//		f.addWindowListener(new WindowListener() {
//			@Override
//			public void windowOpened(WindowEvent e) {
//			}
//			
//			@Override
//			public void windowIconified(WindowEvent e) {
//			}
//			
//			@Override
//			public void windowDeiconified(WindowEvent e) {
//			}
//			
//			@Override
//			public void windowDeactivated(WindowEvent e) {
//			}
//			
//			@Override
//			public void windowClosing(WindowEvent e) {
//				System.exit(0);
//			}
//			
//			@Override
//			public void windowClosed(WindowEvent e) {
//			}
//			
//			@Override
//			public void windowActivated(WindowEvent e) {
//			}
//		});
		
		//用适配器类改进
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		// 设置窗体可见
		f.setVisible(true);
	}
}


    C:窗体添加按钮并对按钮添加事件案例。

/*
 * 针对用户操作的四种功能
 */
public interface UserDao {
	public abstract void add();
 
	public abstract void delete();
 
	public abstract void update();
 
	public abstract void find();
}

public class UserDaoImpl implements UserDao {
 
	@Override
	public void add() {
		System.out.println("添加功能");
	}
 
	@Override
	public void delete() {
		System.out.println("删除功能");
	}
 
	@Override
	public void update() {
		System.out.println("修改功能");
	}
 
	@Override
	public void find() {
		System.out.println("查找功能");
	}
 
}

问题：

    接口(方法比较多) -- 实现类(仅仅使用一个，也得把其他的实现给提供了，哪怕是空实现)

```
    太麻烦了,
```
解决方案：

    接口(方法比较多) -- 适配器类(实现接口,仅仅空实现) -- 实现类(用哪个重写哪个)

public abstract class UserAdapter implements UserDao {
 
	@Override
	public void add() {
	}
 
	@Override
	public void delete() {
	}
 
	@Override
	public void update() {
	}
 
	@Override
	public void find() {
	}
 
}

public class UserDaoImpl2 extends UserAdapter {
	@Override
	public void add() {
		System.out.println("添加功能");
	}
}



 
public class UserDaoDemo {
	public static void main(String[] args) {
		UserDao ud = new UserDaoImpl();
		ud.add();
		// 我没有说我们需要四种功能都实现啊。
		UserDao ud2 = new UserDaoImpl2();
		ud2.add();
	}
}


        界面中的组件布局。

public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象
		Frame f = new Frame("添加按钮");
		// 设置属性
		f.setBounds(400, 200, 400, 300);
		// 设置布局为流式布局
		f.setLayout(new FlowLayout());
 
		// 创建按钮对象
		Button bu = new Button("点我啊");
		// bu.setSize(20, 10);
 
		// 把按钮添加到窗体
		f.add(bu);
 
		// 设置窗体可以关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		bu.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				System.out.println("你再点试试");
			}
		});
 
		// 窗体显示
		f.setVisible(true);
	}
}


    D:把文本框里面的数据转移到文本域

import java.awt.Button;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.TextArea;
import java.awt.TextField;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
 
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象
		Frame f = new Frame("数据转移");
		// 设置窗体属性和布局
		f.setBounds(400, 200, 400, 300);
		f.setLayout(new FlowLayout());
 
		// 创建文本框
		final TextField tf = new TextField(20);
		// 创建按钮
		Button bu = new Button("数据转移");
		// 创建文本域
		final TextArea ta = new TextArea(10, 40);
 
		// 把组件添加到窗体
		f.add(tf);
		f.add(bu);
		f.add(ta);
 
		// 设置窗体关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		// 对按钮添加事件
		bu.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				// 获取文本框的值
				String tf_str = tf.getText().trim();
				// 清空数据
				tf.setText("");
 
				// 设置给文本域
				// ta.setText(tf_str);
				// 追加和换行
				ta.append(tf_str + "\r\n");
				
				//获取光标
				tf.requestFocus();
			}
		});
 
		// 设置窗体显示
		f.setVisible(true);
	}
}


    E:更改背景色

import java.awt.Button;
import java.awt.Color;
import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
 
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象
		final Frame f = new Frame("更改背景色");
		// 设置窗体属性和布局
		f.setBounds(400, 200, 400, 300);
		f.setLayout(new FlowLayout());
 
		// 创建四个按钮
		Button redButton = new Button("红色");
		Button greenButton = new Button("绿色");
		Button buleButton = new Button("蓝色");
 
		// 添加按钮
		f.add(redButton);
		f.add(greenButton);
		f.add(buleButton);
 
		// 设置窗体关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		// 对按钮添加动作事件
		// redButton.addActionListener(new ActionListener() {
		// @Override
		// public void actionPerformed(ActionEvent e) {
		// f.setBackground(Color.RED);
		// }
		// });
 
		// 对按钮添加鼠标点击事件
		// redButton.addMouseListener(new MouseAdapter() {
		// @Override
		// public void mouseClicked(MouseEvent e) {
		// f.setBackground(Color.RED);
		// }
		// });
 
		// 对按钮添加鼠标的进入事件
		redButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseEntered(MouseEvent e) {
				f.setBackground(Color.RED);
			}
		});
 
		redButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseExited(MouseEvent e) {
				f.setBackground(Color.WHITE);
			}
		});
 
		greenButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseEntered(MouseEvent e) {
				f.setBackground(Color.GREEN);
			}
		});
 
		greenButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseExited(MouseEvent e) {
				f.setBackground(Color.WHITE);
			}
		});
 
		buleButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseEntered(MouseEvent e) {
				f.setBackground(Color.BLUE);
			}
		});
 
		buleButton.addMouseListener(new MouseAdapter() {
			@Override
			public void mouseExited(MouseEvent e) {
				f.setBackground(Color.WHITE);
			}
		});
 
		// 设置窗体显示
		f.setVisible(true);
	}
}


    F:设置文本框里面不能输入非数字字符

import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Label;
import java.awt.TextField;
import java.awt.event.KeyAdapter;
import java.awt.event.KeyEvent;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
 
/*
 * 你输入的如果是非数字字符，就取消你键盘录入的效果。
 */
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象并设置属性
		Frame f = new Frame("不能输入非数字字符");
		f.setBounds(400, 200, 400, 300);
		f.setLayout(new FlowLayout());
 
		// 创建Label标签对象
		Label label = new Label("请输入你的QQ号码，不能是非数字，不信你试试");
		TextField tf = new TextField(40);
 
		// 添加到窗体上
		f.add(label);
		f.add(tf);
 
		// 设置窗体关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		// 给文本框添加事件
		tf.addKeyListener(new KeyAdapter() {
			@Override
			public void keyPressed(KeyEvent e) {
				// 如果你取得的字符不是数字字符就取消事件
				// 思路：先获取字符，判断字符，取消事件
				// char getKeyChar()  
				char ch = e.getKeyChar();
//				System.out.println(ch);
				if(!(ch>='0' && ch<='9')){
					e.consume();
				}
			}
		});
 
		// 设置窗体可见
		f.setVisible(true);
	}
}


    G:一级菜单

import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Menu;
import java.awt.MenuBar;
import java.awt.MenuItem;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
 
/*
 * 一级菜单
 */
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象并设置属性
		Frame f = new Frame("一级菜单");
		f.setBounds(400, 200, 400, 300);
		f.setLayout(new FlowLayout());
 
		// 创建菜单栏
		MenuBar mb = new MenuBar();
		// 创建菜单
		Menu m = new Menu("文件");
		// 创建菜单项
		MenuItem mi = new MenuItem("退出系统");
 
		// 谁添加谁呢
		m.add(mi);
		mb.add(m);
 
		// 设置菜单栏
		f.setMenuBar(mb);
 
		// 设置窗体关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
 
		mi.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				System.exit(0);
			}
		});
 
		// 设置窗体可见
		f.setVisible(true);
	}
}


    H:多级菜单

import java.awt.FlowLayout;
import java.awt.Frame;
import java.awt.Menu;
import java.awt.MenuBar;
import java.awt.MenuItem;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;
import java.io.IOException;
 
/*
 * 多级菜单
 */
public class FrameDemo {
	public static void main(String[] args) {
		// 创建窗体对象并设置属性
		final Frame f = new Frame("多级菜单");
		f.setBounds(400, 200, 400, 300);
		f.setLayout(new FlowLayout());
		
		final String name = f.getTitle();
 
		// 创建菜单栏
		MenuBar mb = new MenuBar();
		// 创建菜单
		Menu m1 = new Menu("文件");
		Menu m2 = new Menu("更改名称");
		// 创建菜单项
		final MenuItem mi1 = new MenuItem("好好学习");
		final MenuItem mi2 = new MenuItem("天天向上");
		MenuItem mi3 = new MenuItem("恢复标题");
		MenuItem mi4 = new MenuItem("打开记事本");
		MenuItem mi5 = new MenuItem("退出系统");
 
		// 谁添加谁呢
		m2.add(mi1);
		m2.add(mi2);
		m2.add(mi3);
		
		m1.add(m2);
		m1.add(mi4);
		m1.add(mi5);
		
		mb.add(m1);
 
		// 设置菜单栏
		f.setMenuBar(mb);
 
		// 设置窗体关闭
		f.addWindowListener(new WindowAdapter() {
			@Override
			public void windowClosing(WindowEvent e) {
				System.exit(0);
			}
		});
		
		mi1.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				f.setTitle(mi1.getLabel());
			}
		});
		
		mi2.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				f.setTitle(mi2.getLabel());
			}
		});
		
		mi3.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				f.setTitle(name);
			}
		});
		
		mi4.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				Runtime r = Runtime.getRuntime();
				try {
					r.exec("notepad");
				} catch (IOException e1) {
					e1.printStackTrace();
				}
			}
		});
 
		mi5.addActionListener(new ActionListener() {
			@Override
			public void actionPerformed(ActionEvent e) {
				System.exit(0);
			}
		});
 
		// 设置窗体可见
		f.setVisible(true);
	}
}

————————————————
版权声明：本文为CSDN博主「brz_em」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/qq_35180983/article/details/82047979
[1]: http://meta.math.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference
[2]: https://mermaidjs.github.io/
[3]: https://mermaidjs.github.io/
[4]: http://adrai.github.io/flowchart.js/

mermaid语法说明 ↩︎
注脚的解释 ↩︎

weixin_48707198

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
GUI

这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Markdown编辑器你好！这是你第一次使用 Markdown编辑器所展示的欢迎页。如果你想学习如何使用Mar
复制链接

扫一扫