Loading... 这节课咱们来公布一下上节课所讲的升级版滚动公告栏软件的编写参考答案吧: 首先来回顾一下上节课的题目: **滚动公告软件优化:** 请你根据上一个习题作业所学,对咱们上节课完成的滚动公告软件进行优化。之前我们的软件是先把公告的内容完成后,手动调整标签的大小,然后肉眼获取一个标签的宽度数据写到代码中的。应该不少同学已经发现了,在这样的情况下,会出现该软件不通用的情况,因为每次公告的内容长度可能是变化的,我们在设计软件的时候不可能每次变更公告内容就要重新打包更新一次软件发给用户,那样不现实也不帅气。因此我们需要重新思考一种方式来完成该项任务,让软件变成不管公告内容长度如何变化,它总能完美的完成任务。 在这里,我们提供一个思路,那就是咱们可以根据内容的长度自动调整标签的宽度,然后获取该宽度就可以了。在这种思路框架下,我们可能会用到如下命令:**取文本长度**。关于该命令的使用,请大家自己测试自己学习哦。 该题目的参考答案我们将在下一节课进行公布。 **解析:** 这道题的关键点在于获取到内容的确切长度,我们使用取文本长度命令的结果来展示。 取文本长度命令,获取英文半角符号的结果是每一个字符的长度为 1,比如字母,英文标点符号等,而获取中文半角符号的结果是长度为 2,比如汉字,中文标点符号等。获取后,我们可以根据默认字体的像素大小来乘以特定的数值获得标签的自动调整的宽度。比如一个小五号字体一个汉字的像素大小为 12,英文字母像素大小为 6。以此类推。 这样我们就可以使用计算出来的标签宽度代替特定数值的标签宽度了,避免了更新公告内容长度需要重新更新软件的事情发生。 具体的解析使用过程我们可以看视频教程。 以下是我们的视频教程: **在线观看:** <div class="hideContent">该部分仅登录用户可见</div> **高清源文件下载:** <div class="hideContent">该部分仅登录用户可见</div> **课程源码下载:** <div class="hideContent">该部分仅登录用户可见</div> 感谢大家的收看,我们下期再见! 最后修改:2021 年 08 月 13 日 © 允许规范转载 赞 赠人玫瑰,手留余香