H5制作开发文本组件的使用
大家好,这篇文章先给大家讲的是素材组件里的文本,文本是我们在制作H5案例最常用到的组件之一,最主要的功能是显示文字。 添加文本的方法是先选中文本这个组件,然后在舞台上面画出一个框框,这时候我们就可以直接在下面输入内容,在文本的属性面板当中呢我们可以调整它的 坐标大小、中心点位置这些常规的属性以外我们还可以调整它的自动高度,当自动高度打开了之后,它会根据文本的大小来进行自适应,同时我们可以改变文本的边框颜色、边框高度和边框圆角。这样那就可以为这个案例添加一个简单的文本。
同时那我们还可以改变文本的字体,文本的大小。以及它的颜色、间距还有行距。选择是否居中,选择它的字体样式和自动换行,在自动换行这个属性当中呢有 按词换行。按字母换行和不换行。按词换行和按字母换行的区别在于我们通过字母和字母之间的空格来区分这是否是一个词。 我们在字母间输入一个空格,然后缩小这个文本,它就会根据刚才输入的空格来进行自动换行。 普通的文本字体是没有办法自定义的,这是由浏览器决定的。如果需要用到花色的字体,我们需要用到的是另外一个组件,中文字体。我们在做案例的时候可以为文本添加打字效果,添加了文本之后我们可以看到右边有一竖排的快捷工具栏。里面有打字效果这个选项,点击了之后就可以直接添加,我们可以为这个打字效果she设置是否延时和延时时常有多长,以及是否自动播放, 选择了自动播放之后 我们打开这个案例,打字效果就会自己生成。 接下来 可以了解一下我们可以对文本做些什么事情?我们可以在舞台上面添加一个矩形作为控制按钮, 然后在矩形下添加一个《事件》。
图中目标动作的选项李都是文本可以完成的动作,我们选择隐藏。 当我们点击这个矩形的时候 文本就会从舞台上消失, 我们也可以在目标动作里选择《赋值》, 添加点击之后想要显示出来的其他文字, 当我们点击矩形后,就会显示出来你想要的文字。 今天就为大家解释一下文本,下篇讲解其他工具的作用和使用。