论文部分内容阅读
摘 要：为便于学生理解和掌握正常人体各横断面上的形态结构及毗邻关系，提高教学质量。利用Adobe Flash软件制作了“人体横断面解剖学电子图谱”，该图谱的制作过程简单易学，使用操作方便，可以浏览形式逐层连续展示人体横断面解剖学的各层结构，也可以交互调用人体不同横断面的图像，缩放图像，并显示解剖结构的名称，并同步显示该断面图像在人体上所在的位置，使用便捷。
关键词：Flash;断面解剖;电子图谱
Making electronic atlas of human cross-sectional anatomy with Adobe Flash
Zhou Shanjin Chen Jiayin Zhong Bin Li Biao Li Yunshan
YouJiang Medical University For Nationalities GuangxiBaise 533000
Abstract：In order to facilitate students to understand and master the morphological structure and adjacent relationship on each cross section of normal human body，and improve the teaching quality.The"Electronic Atlas of human cross-sectional anatomy"is made by using Adobe Flash software.The making process of the atlas is simple and easy to learn，and it is easy to use and operate.It can continuously display the structure of each layer of human cross-sectional anatomy layer by layer in browsing form，or interactively call the images of different cross-sectional surfaces of human body，zoom the image，and display the name of anatomical structure，And synchronously display the position of the section image on the human body，which is convenient to use.
Keywords：Flash;sectional anatomy;electronic atlas
人体断面解剖学是一门研究正常人体不同方位断面形态结构的科学，是医学影像专业本科生和研究生的必修课。在人体断面与图像解剖学的学习过程中，需借助人体不同方位的断面标本和CT图片，能直观地观察、理解和掌握人体各断面上的解剖形态结构。为便于学生课前预习和课后复习，提高课堂教学效率和教学效果，设计制作了操作简单、调图方便快捷、可逐层连续播放的《人体横断面解剖学电子图谱》。下面将《人体横断面解剖学电子图谱》的制作方法和体会分享给大家。
1 设计思路
人体横断面解剖学电子图谱主要由主窗口和副窗口组成，主窗口显示/播放人体横断面图片，能从头到脚逐个断面连续播放。副窗口放置人体解剖学姿势图，其上的滚动条随主窗口显示/播放的人体横断面图片时，同步滚动到该断面在人体解剖学姿势图的相应位置。当鼠标点击副窗口中人体解剖学姿势图的某一部位时，调用该部位的横断面图片显示在主窗口中，图片可放大、缩小。当鼠标滑过或停留在横断面图片的某一组织结构时，显示相应组织结构的名称，鼠标离开组织结构，则名称隐藏。
2 人体横断面解剖学电子图谱制作过程
2.1 素材准备
用自制横断面解剖标本进行数码拍摄，或经版权许可的网络图片或已有的印刷图谱等方式，获取人体横断面解剖图片。用Photoshop图像处理软件进行前期处理，统一图片大小。经前期处理好的横断面图片，按顺序分别命名为0001.jpg、0002.jpg、…，存放在同一文件夹下。
2.2 制作浏览窗口
浏览窗口主要包括主窗口、副窗口及各种控制按钮。
（1）利用Flash绘图工具制作主、副窗口界面的静态部分，导入人体解剖学姿势图置于副窗口中。
（2）制作停止播放按钮、播放按鈕、快进按钮、快退按钮等控制按钮元件。
（3）制作主窗口播放进度条及滑块、副窗口滚动条等影片剪辑元件和副窗口热区按钮元件。点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”（按钮元件选择“按钮”）。如图1。
2.3 制作全身横断面影片剪辑元件
（1）点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”。如图2。
（2）点击“文件”→“导入”→“导入到舞台”。
（3）找到横断面图片所在的文件夹，并选择第一张图片（如0001.jpg），点击打开。
（4）出现如图3所示的提示，点击“是”，所有的图片按顺序被分别导入不同的帧。
（5）制作文字信息元件。人体横断面解剖学电子图谱中所标注的文字信息，主要是该横断面内的器官名称。为了使文字信息交互产生，在横断面内需要显示名称的器官上绘制热区制成按钮元件，将标注的文字信息，制成影片剪辑元件，综合运用元件（影片、按钮）和Actions语句来实现鼠标滑过、停留在热区时触发交互产生显示/隐藏器官名称。 （6）点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”，用文字工具输入文字信息，（如：锁骨胸骨端）如图4。回到场景，将影片剪辑元件从库中拖入场景，在属性中，输入实例名称，格式为：xxx_mc，如：锁骨胸骨端_mc。如图5：
（7）绘制热区图形。在需要标注名称的组织器官上绘制图形，右击绘制的图形→转换为元件，在弹出的对话框中，输入元件名称，类型选择“按钮”，如图6。在属性中，输入实例名称，格式为：xxx_btn，如：锁骨胸骨端_btn，如图7，将绘制的图形转换为按钮。
（8）在场景中选中“锁骨胸骨端_btn”按钮元件，然后在“动作”面板中编写如图8的Action脚本。在库中双击“锁骨胸骨端_btn”按钮元件，在笔触颜色和填充色中将透明度（Alpha）调为0，如图9。
2.4 进行人体横断面解剖学电子图谱集成调试
（1）将进度条、滑块及播放等控制按钮元件从库中拖入场景相应位置，将“横断面图片”影片剪辑元件拖入场景，放置在主窗口中，在属性中，输入实例名称为横断面图片_mc。“滚动条”、“副窗口热区”元件放置在副窗口相应位置。“滚动条”实例名称为滚动条_mc，拖入场景的“副窗口热区”按钮元件数量等于横断面图片总张数，实例名称依次命名为副窗口热区1_btn、副窗口热区2_btn、副窗口热区3_btn，…。紧密排列人体解剖学姿势图上，一个按钮元件代表一个断面，调整好位置后，将透明度调为0。利用Action Script语言编写主、副窗口的各种控制脚本。如在“动作”窗口中输入如图10的代码，当单击某个副窗口热区时，调用相应的断面图片显示在主窗口。
（2）测试、发布影片。单击Flash主菜单“控制”→“测试影片”。
3 制作体会
（1）图片分辨率最好能达到400dpi以上，分辨率过小，图片放大时，会出现锯齿现象，影响显示效果。为方便后续修改和管理，不同材料内容分别放置在不同的图层，并为图层命名。
（2）绘制热区图形，相邻两张横断面图片，看似差别不大，但很多组织结构因走向等原因，其断面形状、位置会有变动，需要一帧一帧检查。当发现热区形状位置与断面原图不一致时，右击当前帧→转换为关建帧，再增加、减少或调整热区或文字信息，否则会影响上一个已做好的关键帧。
（3）图谱制作完成后可根据需要决定发布的格式，如果是用手机浏览，建议以.swf的形式发布，若是电脑浏览使用的，.swf或.exe两种形式都可以，可根据使用者的喜好而定。发布的文件小，所有的内容均在一个文件内，于携带和存储。
（4）与传统纸质图谱不同，该电子图谱图片简洁明了，没有密密麻麻的标注线。调图片方便快捷，图片可放大、缩小，便于观察细微结构。要显示横断面图片的某一结构名称，只需移动鼠标滑过或停留相应结构上即可，鼠标离开结构，则名称隐藏。显示结构时能把属于该结构的区域全部显示出来，可以很好的弥补纸质图谱的不足。
参考文献：
[1]王振宇.人体断面与影像解剖学[M].北京：人民卫生出版社，2000.
[2]孫连军.Flash 8动画设计与制作案例教程[M].北京：机械出版社，2017.
[3]徐纪勇.互动性电子解剖图谱的制作与应用研究[J].江苏理工学院学报，2014，20（4）：81-85.
[4]李博，贾峥，蔺佳文，等.基于Authorware开发家畜解剖学电子图谱的研究[J].黑龙江畜牧兽医，2017（02上）：264-266.
基金项目：2021年广西学位与研究生教育改革课题，桂学位[2021]5号，JGY2021209;2015年广西高等教育本科教学改革工程项目，桂教高教[2015]20号，2015JGB339
通讯作者：钟斌。
关键词：Flash;断面解剖;电子图谱
Making electronic atlas of human cross-sectional anatomy with Adobe Flash
Zhou Shanjin Chen Jiayin Zhong Bin Li Biao Li Yunshan
YouJiang Medical University For Nationalities GuangxiBaise 533000
Abstract：In order to facilitate students to understand and master the morphological structure and adjacent relationship on each cross section of normal human body，and improve the teaching quality.The"Electronic Atlas of human cross-sectional anatomy"is made by using Adobe Flash software.The making process of the atlas is simple and easy to learn，and it is easy to use and operate.It can continuously display the structure of each layer of human cross-sectional anatomy layer by layer in browsing form，or interactively call the images of different cross-sectional surfaces of human body，zoom the image，and display the name of anatomical structure，And synchronously display the position of the section image on the human body，which is convenient to use.
Keywords：Flash;sectional anatomy;electronic atlas
人体断面解剖学是一门研究正常人体不同方位断面形态结构的科学，是医学影像专业本科生和研究生的必修课。在人体断面与图像解剖学的学习过程中，需借助人体不同方位的断面标本和CT图片，能直观地观察、理解和掌握人体各断面上的解剖形态结构。为便于学生课前预习和课后复习，提高课堂教学效率和教学效果，设计制作了操作简单、调图方便快捷、可逐层连续播放的《人体横断面解剖学电子图谱》。下面将《人体横断面解剖学电子图谱》的制作方法和体会分享给大家。
1 设计思路
人体横断面解剖学电子图谱主要由主窗口和副窗口组成，主窗口显示/播放人体横断面图片，能从头到脚逐个断面连续播放。副窗口放置人体解剖学姿势图，其上的滚动条随主窗口显示/播放的人体横断面图片时，同步滚动到该断面在人体解剖学姿势图的相应位置。当鼠标点击副窗口中人体解剖学姿势图的某一部位时，调用该部位的横断面图片显示在主窗口中，图片可放大、缩小。当鼠标滑过或停留在横断面图片的某一组织结构时，显示相应组织结构的名称，鼠标离开组织结构，则名称隐藏。
2 人体横断面解剖学电子图谱制作过程
2.1 素材准备
用自制横断面解剖标本进行数码拍摄，或经版权许可的网络图片或已有的印刷图谱等方式，获取人体横断面解剖图片。用Photoshop图像处理软件进行前期处理，统一图片大小。经前期处理好的横断面图片，按顺序分别命名为0001.jpg、0002.jpg、…，存放在同一文件夹下。
2.2 制作浏览窗口
浏览窗口主要包括主窗口、副窗口及各种控制按钮。
（1）利用Flash绘图工具制作主、副窗口界面的静态部分，导入人体解剖学姿势图置于副窗口中。
（2）制作停止播放按钮、播放按鈕、快进按钮、快退按钮等控制按钮元件。
（3）制作主窗口播放进度条及滑块、副窗口滚动条等影片剪辑元件和副窗口热区按钮元件。点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”（按钮元件选择“按钮”）。如图1。
2.3 制作全身横断面影片剪辑元件
（1）点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”。如图2。
（2）点击“文件”→“导入”→“导入到舞台”。
（3）找到横断面图片所在的文件夹，并选择第一张图片（如0001.jpg），点击打开。
（4）出现如图3所示的提示，点击“是”，所有的图片按顺序被分别导入不同的帧。
（5）制作文字信息元件。人体横断面解剖学电子图谱中所标注的文字信息，主要是该横断面内的器官名称。为了使文字信息交互产生，在横断面内需要显示名称的器官上绘制热区制成按钮元件，将标注的文字信息，制成影片剪辑元件，综合运用元件（影片、按钮）和Actions语句来实现鼠标滑过、停留在热区时触发交互产生显示/隐藏器官名称。 （6）点击“插入”→“新建元件”→输入元件名称→选择“影片剪辑”，用文字工具输入文字信息，（如：锁骨胸骨端）如图4。回到场景，将影片剪辑元件从库中拖入场景，在属性中，输入实例名称，格式为：xxx_mc，如：锁骨胸骨端_mc。如图5：
（7）绘制热区图形。在需要标注名称的组织器官上绘制图形，右击绘制的图形→转换为元件，在弹出的对话框中，输入元件名称，类型选择“按钮”，如图6。在属性中，输入实例名称，格式为：xxx_btn，如：锁骨胸骨端_btn，如图7，将绘制的图形转换为按钮。
（8）在场景中选中“锁骨胸骨端_btn”按钮元件，然后在“动作”面板中编写如图8的Action脚本。在库中双击“锁骨胸骨端_btn”按钮元件，在笔触颜色和填充色中将透明度（Alpha）调为0，如图9。
2.4 进行人体横断面解剖学电子图谱集成调试
（1）将进度条、滑块及播放等控制按钮元件从库中拖入场景相应位置，将“横断面图片”影片剪辑元件拖入场景，放置在主窗口中，在属性中，输入实例名称为横断面图片_mc。“滚动条”、“副窗口热区”元件放置在副窗口相应位置。“滚动条”实例名称为滚动条_mc，拖入场景的“副窗口热区”按钮元件数量等于横断面图片总张数，实例名称依次命名为副窗口热区1_btn、副窗口热区2_btn、副窗口热区3_btn，…。紧密排列人体解剖学姿势图上，一个按钮元件代表一个断面，调整好位置后，将透明度调为0。利用Action Script语言编写主、副窗口的各种控制脚本。如在“动作”窗口中输入如图10的代码，当单击某个副窗口热区时，调用相应的断面图片显示在主窗口。
（2）测试、发布影片。单击Flash主菜单“控制”→“测试影片”。
3 制作体会
（1）图片分辨率最好能达到400dpi以上，分辨率过小，图片放大时，会出现锯齿现象，影响显示效果。为方便后续修改和管理，不同材料内容分别放置在不同的图层，并为图层命名。
（2）绘制热区图形，相邻两张横断面图片，看似差别不大，但很多组织结构因走向等原因，其断面形状、位置会有变动，需要一帧一帧检查。当发现热区形状位置与断面原图不一致时，右击当前帧→转换为关建帧，再增加、减少或调整热区或文字信息，否则会影响上一个已做好的关键帧。
（3）图谱制作完成后可根据需要决定发布的格式，如果是用手机浏览，建议以.swf的形式发布，若是电脑浏览使用的，.swf或.exe两种形式都可以，可根据使用者的喜好而定。发布的文件小，所有的内容均在一个文件内，于携带和存储。
（4）与传统纸质图谱不同，该电子图谱图片简洁明了，没有密密麻麻的标注线。调图片方便快捷，图片可放大、缩小，便于观察细微结构。要显示横断面图片的某一结构名称，只需移动鼠标滑过或停留相应结构上即可，鼠标离开结构，则名称隐藏。显示结构时能把属于该结构的区域全部显示出来，可以很好的弥补纸质图谱的不足。
参考文献：
[1]王振宇.人体断面与影像解剖学[M].北京：人民卫生出版社，2000.
[2]孫连军.Flash 8动画设计与制作案例教程[M].北京：机械出版社，2017.
[3]徐纪勇.互动性电子解剖图谱的制作与应用研究[J].江苏理工学院学报，2014，20（4）：81-85.
[4]李博，贾峥，蔺佳文，等.基于Authorware开发家畜解剖学电子图谱的研究[J].黑龙江畜牧兽医，2017（02上）：264-266.
基金项目：2021年广西学位与研究生教育改革课题，桂学位[2021]5号，JGY2021209;2015年广西高等教育本科教学改革工程项目，桂教高教[2015]20号，2015JGB339
通讯作者：钟斌。