图形化界面

news/2024/10/23 2:49:52/

文章目录

  • 一、引入图形化界面
  • 二、关于Easyx的基本函数操作
    • 2.1颜色配比函数
    • 2.2EasyX的坐标(有负数区分)
    • 2.3窗口函数函数
  • 三、关于Easyx的实际操作(代码实现)
    • 3.1颜色操作的代码实现原理
    • 3.2坐标操作的代码实现原理
      • 关于矩形的坐标操作函数
      • 关于圆的坐标操作函数
    • 3.3文字操作的代码实现原理
    • 3.4鼠标操作的代码实现原理

一、引入图形化界面

1.下载Easyx库
2.在下载完easyx库后引入头文件
#include<graphics.h>

二、关于Easyx的基本函数操作

2.1颜色配比函数

RGB(0,0,0):代表黑色,表示红绿蓝的配比
RGB(255,255,255):代表白色
也可以用BLACK、WHILE、RED等代表颜色

2.2EasyX的坐标(有负数区分)

x、y的坐标单位:像素
当画一个矩形的时候:由左上角的坐标和右下角的坐标决定
圆:中心坐标,半径
前提条件:在窗口中画坐标

2.3窗口函数函数

1)初始化窗口:initgraph(800,600) //长800,宽600
system(“pause”) ; //暂停窗口,请按任意键继续,也可用getchar
将窗口和控制台都展示出来:initgraph(800,600,SHOWCONSOLE);
SHOWCONSOLE:展示控制台
NOCLOSE:没有关闭功能 //initgraph(800,600,NOCLOSE)
2)关闭窗口:closegraph();

三、关于Easyx的实际操作(代码实现)

3.1颜色操作的代码实现原理

int main() {initgraph(800, 600,NOCLOSE);//初始化窗口setbkcolor(RED);//要想变为红色,先消除黑色,或者清屏cleardevice();//清屏for (int i = 0; i < 256; i++) {//使窗口展现出渐变色//设置背景颜色//setbkcolor(RED);setbkcolor(RGB(i, i, i));cleardevice();Sleep(50);  //暂停毫秒(5ms);}system("pause");closegraph();
}

3.2坐标操作的代码实现原理

关于矩形的坐标操作函数

int main() {initgraph(800, 600, NOCLOSE);//初始化窗口rectangle(100,50,150,200);//在窗口里面画矩形setfillcolor(YELLOW);//填充矩形颜色为黄色fillrectangle(100, 50, 150, 200);//将黄色填满矩形,有边框填充system("pause");closegraph();
}

关于圆的坐标操作函数

int main() {initgraph(800, 600, NOCLOSE);//circle(0, 0, 50); // 无填充,显示1/4的圆//solidcircle(50, 50, 50);  //无边框填充//圆圈填充色  黄色  圆圈边框颜色 红色setfillcolor(YELLOW); //圆圈填充色setlinecolor(RED);   //圆圈边框setlinestyle(PS_SOLID,5);//设置边框的宽度为5像素,边框是实线fillcircle(50, 50, 50); //填充颜色为白色的圆,有边框填充system("pause");closegraph();
}

3.3文字操作的代码实现原理

int main() {initgraph(800, 600, NOCLOSE);setbkcolor(RED);cleardevice();//清屏,清除原先内容//文字设定settextcolor(RED);//设定文字颜色为红色,原先默认颜色为黑色//settextstyle(30, 20, "黑体");//报错 默认const char*,但其实是带有编码格式的 wchar_t 类型//修改方法,加大写“L”,或者在项目中打开—属性—高级—字符集—多字节字符集settextstyle(50, 50, "黑体");//文字宽度  文字高度  自适应大小//登录—矩形框—居中处理/*setbkcolor(WHITE);cleardevice();*/setlinecolor(BLACK);setlinestyle(PS_SOLID,3);fillrectangle(100, 100, 400, 200);RECT rect = { 100, 100, 400, 200 };//去除文字的背景色,透明背景  setbkmode(TRANSPARENT);drawtext("登录", &rect,DT_CENTER|DT_VCENTER|DT_SINGLELINE);system("pause");closegraph();
}

3.4鼠标操作的代码实现原理

//鼠标点击操作:点击登录
int main() {initgraph(800, 600, SHOWCONSOLE);//文字设定settextcolor(RED);//设定文字颜色为红色,默认颜色黑色//settextstyle(30, 20, "黑体");//报错 默认const char*,但其实是带有编码格式的 wchar_t 类型//修改方法,加大写“L”,或者在项目中—属性—高级—字符集—多字节字符集settextstyle(50, 50, "黑体");//文字宽度  文字高度  自适应大小//登录—矩形框—居中处理setbkcolor(WHITE);cleardevice();setlinecolor(BLACK);setlinestyle(PS_SOLID, 3);fillrectangle(100, 100, 400, 200);RECT rect = { 100, 100, 400, 200 };drawtext("登录", &rect, DT_CENTER | DT_VCENTER | DT_SINGLELINE);//水平居中  垂直居中   单行显示/鼠标监听MOUSEMSG msg;while (1) {if (MouseHit()) { //监听是否有鼠标动作msg = GetMouseMsg(); //获取当前鼠标点击信息(umsg,x,y)if (msg.x >=100&&msg.x<=400&&msg.y>=100&&msg.y<=200 ) {switch (msg.uMsg){case WM_LBUTTONDOWN:printf("点击左键啦  x=%d,y=%d\n", msg.x, msg.y);break;case WM_RBUTTONDOWN:printf("点击右键啦  x=%d,y=%d\n", msg.x, msg.y);default:break;}}}}system("pause");closegraph();
}

http://www.ppmy.cn/news/574881.html

相关文章

计算机图形学 | 认识图形系统

计算机图形学 | 认识图形系统 计算机图形学 | 认识图形系统2.1 图形系统浅析计算机图形系统的功能计算机图形系统的组成图形硬件图形软件 2.2 输入设备&#xff1a;从穿孔纸到数据衣输入设备的四个发展阶段VR中的动态感知设备 2.3 从CRT到3D显示CRT的前世今生阴极射线管彩色阴极…

【计算机图形学】绘制图形

模块0 绘制图案 一 实验目的 熟悉相关的图形软件的运行环境&#xff0c;掌握图形函数绘制图案的方法&#xff0c;包括图形初始化&#xff0c;画点、线、圆、填充等常用绘图函数 二 实验要求 能利用图形函数&#xff0c;正确调试运行程序熟悉网站&#xff08;http://www.easy…

Canvas图形

Canvas canvas 是一个可以使用脚本(通常为JavaScript)来绘制图形的 HTML 元素。 Canvas API 提供了一个通过JavaScript 和 HTML的Canvas元素来绘制图形的方式。 它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。 Canvas API 主要聚焦于2D图形。而同样…

绘图方式:形状绘图

形状绘图 绘图的方式有两种&#xff1a;形状绘图和几何绘图 今天先和大家分享形状绘图 1.直线 直线是最简单的图形。使用X1、Y1两个属性可以设置它的坐标起点&#xff0c;X2&#xff0c;Y2两个属性则用来设置其终点坐标。控制起点/终点坐标就可以实现平行、交错等效果 2.矩形 矩…

二维图形几何变换(计算机图形学)

说明&#xff1a;本实验代码在vs2022下可正常运行&#xff0c;本实验适配于计算机图形学新版&#xff08;VC MFC &#xff09;第二版 1.实验目的 1&#xff09;掌握3*3矩阵乘法运算的编程实现 2&#xff09;掌握平移&#xff0c;比例&#xff0c;旋转三种基本二维几何变换矩…

计算机图形学 | 欢迎来到图形世界

计算机图形学 | 欢迎来到图形世界 计算机图形学 | 欢迎来到图形世界1.1 初识图形学计算机图形学相关学科发展历史 1.2 探秘图形应用与研究有趣的图形应用计算机辅助设计&#xff08;Computer-Aided Design&#xff09;&#xff1a;虚拟现实环境&#xff08;Virtual-Reality Env…

关于图形的绘制

import matplotlib.pyplot as plt #导入绘图第三方库 plt.plot([4,1,5,3]) plt.savefig(test1,dpi600) #存储图形文件 plt.savefig(../picture/test1,dpi600) plt.axis(equal) plt.show() import matplotlib.pyplot as plt #导入绘图第三方库 plt.plot([4,1,4,4,3,5,…

【XJTUSE计算机图形学】第三章 几何造型技术(1)——参数曲线和曲面

文章目录 【XJTUSE计算机图形学】第三章 几何造型技术(1)——参数曲线和曲面参数曲线和曲面曲线曲面参数表示非参数表示参数表示 曲线的基本概念插值、拟合和光顺(掌握概念)参数化概念参数化常用方法参数区间的规格化 参数曲线的代数和几何形式(了解一下)代数形式几何形式 连续…