添加链接
link管理
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接
相关文章推荐
酷酷的橙子  ·  SetWindowsHookExW 函数 ...·  3 周前    · 
性感的香槟  ·  Home | Onondaga ...·  3 月前    · 
谦逊的水煮肉  ·  SNMP Trap Receiver ...·  5 月前    · 
栏目: 编程 浏览:127

C#语言编程案例-颜色码数制转换(人教版《信息技术》必修第1册P17例题)

微信图片_20230917113002.jpg

动图

做完的软件效果


案例来源介绍

本案例来自于人民教育出版社《信息技术》第17页的1道例题,题干部分如下:


实践活动:颜色码的数制转换
在计算机中,RGB(Red,Green,Blue)颜色值可以表示为十六进制颜色码。例如,颜色值RGB(64,224,208)可记为#40E0D0,其中表示红色的64,表示绿色的244和标识蓝色的208分别对应十六进制数40H、E0H、D0H。
1.将#9400D3、#D2B48C表示成相对应的RGB颜色值
2.使用计算器程序,验证上述结果。

微信图片_20230917113002.jpg

本文对该题目进行了一下修改,利用C#代码,通过改变RGB数字来更改颜色,并且在窗体进行自动化展示。

我之前用VBA编程的方法,已经在Access数据库里实现过这个过程,可以参见我之前发的文章。

Access数据库编程案例-颜色码数制转换(人教版《信息技术》必修第一册P17例题,基于VBA)

我用C#语言把操作代码直接做成了一个软件案例,做成了一个可以跑在Windows系统下的exe可执行文件。

今天我把本案例的 设计过程 代码的逻辑 写成一篇技术文案,供大家参考。

本次分享分为以下3个部分: 1.需求分解;2.代码层次;3.代码讲解。

微信图片_20230917113002.jpg

640.png

IMG_7861.GIF

1.需求分解

本案例要完成的任务是: 自动化的、直观地演示在不同RGB值下的窗体颜色,以及将10进制RGB数字转化为16进制数字。

主要需求分解如下:

(1)窗体和控件

本案例要做一个C#窗体,在窗体上设置3个文本框,分别控制RGB的3种颜色,每当更改数字的值就更改背景的颜色。

(2)窗体背景和图片颜色

本案例窗体背景和宇哥头像背景的颜色,要随着文本框中数字的改变而改变。

(3)自动化

用最简洁的方法,尽量少的控件,用最直观的方式演示颜色变化效果。防止输入0-255之外的数字报错,低于0的数字设为0,大于255的数字设为255。

微信图片_20230917113002.jpg

640 (1).png

2.代码层次

本案例的所有C#代码分为核心代码和调用代码。这样做的好处是比较节省空间,层次比较分明,看得比较清晰。

(1)核心代码

核心代码功能包括两项:

更改文本框里的RGB值,然后窗体背景和宇哥头像背景的颜色也随之自动更改。

更改文本框里的RGB值,然后 10进制数字 自动转化为 16进制数字

这两段代码分别放在一个子过程private void里,需要的时候进行调用。

(2)调用代码

调用代码的含义就是在需要的时候运行核心代码。

本案例只要更改文本框的数字就直接调用核心代码。

如果不采用核心代码和调用代码分开的编程模式,代码会比较长还比较乱,尤其不利于操作比较复杂的调用过程。

C# 语言实现自动化的过程比VBA要容易一些。

3.代码讲解

本节讲解一下核心代码的逻辑和调用代码。

(1)核心代码

颜色变换代码是本案例的核心,是第1段核心代码。本段代码全文如下:

  • private void UpdateRectangleColor(){    int redValue, greenValue, blueValue;
       // 从文本框获取RGB值    int.TryParse(textBox1.Text, out redValue);    int.TryParse(textBox2.Text, out greenValue);    int.TryParse(textBox3.Text, out blueValue);
       // 将RGB值限制在0到255之间    redValue = Math.Max(0, Math.Min(255, redValue));    greenValue = Math.Max(0, Math.Min(255, greenValue));    blueValue = Math.Max(0, Math.Min(255, blueValue));
       // 更新窗体的背景颜色    this.BackColor = System.Drawing.Color.FromArgb(redValue, greenValue, blueValue);}

微信图片_20230917113002.jpg

640 (2).png

这段代码的含义如下:

先设定3个变量 RedValue GreenValue BlueValue ,分别代表 红色、绿色 蓝色

3个变量取值分别来自于三个文本框 textBox1、textBox2 textBoxt3

需要确保文本框里输入的数字要在0和255之间,如果超出这个范围的数字,数值要么是0要么是255。

窗体背景的颜色要随着数字更改而变化。

以下是第2段核心代码, 10进制 转化为 16进制 的代码:

private void ConvertToHex(){    int RedValue;    int GreenValue;    int BlueValue;    string HexColor;
   // 从文本框中获取10进制RGB值,如果为空则默认为0    RedValue = int.TryParse(textBox1.Text, out int redResult) ? redResult : 0;    GreenValue = int.TryParse(textBox2.Text, out int greenResult) ? greenResult : 0;    BlueValue = int.TryParse(textBox3.Text, out int blueResult) ? blueResult : 0;
   // 确保RGB值不大于255    RedValue = Math.Min(RedValue, 255);    GreenValue = Math.Min(GreenValue, 255);    BlueValue = Math.Min(BlueValue, 255);
   // 将RGB值转换为16进制    HexColor = $"{RedValue:X2}{GreenValue:X2}{BlueValue:X2}";
   // 在Text4中显示16进制颜色值    textBox4.Text = HexColor;}


这段代码的含义如下:除了定义红绿蓝3个颜色的变量,再定义第4个变量HexColor。

X2 是C#中的格式说明符,用于将整数格式化为两位十六进制数字。这确保了每个分量都用两个十六进制数字表示,即使值小于16(例如,10会表示为"0A")。

(2)调用代码

调用代码是案例自动化的一部分,不可或缺,完整的调用代码如下:

private void textBox1_TextChanged(object sender, EventArgs e){    UpdateRectangleColor();    ConvertToHex();}
private void textBox2_TextChanged(object sender, EventArgs e){    UpdateRectangleColor();    ConvertToHex();}
private void textBox3_TextChanged(object sender, EventArgs e){    UpdateRectangleColor();    ConvertToHex();}


这三段代码的含义: 更改3个textBox的时候,自动直接调用核心代码。

很简单很清楚有木有。

代码编写完毕之后,点击运行,生成exe文件。

C#生成的exe文件,可以在windows条件下 随便打开、随便迁移和复制粘贴。

C#的 exe生成过程 非常的容易,操作非常简便,比Java、C++都要方便很多。这个功能是C#编程语言最大的优势。

总结

本案例重要知识点有3个:

1.掌握C#的颜色更改的技术。

2.10进制转16进制的X2使用。

3.窗体自动化技术和exe生成技术。

用数字控制窗体背景颜色,C#编程的技术本身不难,知识点不多。

但是需要重视细节的把控,另外也要理解 模块化编程 、以及把 核心代码 调用代码 分开的好处。


想学习Access数据库请私聊。


--The End--