微信排版还能做选择题?
微信排版还能做选择题?
选择题样式
ID:91493
【样式介绍】:在选择题中点击ABCD对应选项,通过不同色彩显示答案正误;或直接点击显示所有题目正确答案。
【以下样式均可使用本教程进行修改操作】:
ID91494;ID91492
【可调整参数】:标题与选项文字、文字与选项颜色。
ID:91493
ID:91492
ID:91494
由于编辑器升级了专业版,简化了部分svg样式的操作流程,使得修改svg样式大部分参数无需再通过html代码实现。本选择题样式所有参数都可通过动画设置调整。
将编辑器切换到专业版模式,点击样式区域弹出对话框,在【全局样式】中点击动画按钮,开始修改SVG样式参数。
1.修改文字
选择题样式无需通过动画设置修改文字,包括样式标题和样式选项,直接在编辑区域修改即可。
需要注意一点的是,为了避免样式发生乱码,在修改文字时请在蓝色子区域方框(见下图)中操作,不要误删圆圈或其他选项的内容,否则样式可能无法显示效果。
2.修改文字颜色
修改标题或者选项颜色可通过两种方式实现。
方法一:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),通过编辑器上方的工具栏直接修改颜色。
方法二:选择需要修改的文字(请注意一定要弹出蓝色子区域方框才可进行操作),弹出文本菜单栏,在文本菜单栏中进行文字颜色的修改。
3.修改选项颜色
点击选择题样式弹出动画设置框后,可以看到有三个色彩更改选项。在修改SVG样式时,将鼠标放在任一色块上,右边的样式展示区都会有相应的闪动,以确认我们是否在进行正确参数的修改。
动画设置由点击前和点击后两种状态组成,图形代表了点击前的状态,图形动画代表了点击后的状态。
以91493这个样式为例:
对应的是圆圈线条在点击前的颜色,初始默认颜色为黑色。
举例,想要设置样式点击前的圆圈颜色为蓝色,则需要将所有【颜色】栏的黑色换成蓝色。
对应的是圆圈线条在点击后的颜色,初始默认颜色为黑色。
举例,想要样式在点击选择后变成黄色圆圈,则需要将所有【边框颜色】栏的黑色换成黄色。
(点击样式查看修改后的参数)
对应的是圆圈内的色彩,分为两种状态,样式展示时的色彩和点击选项后出现的色彩。点击前初始默认颜色为白色,点击后初始默认颜色为绿色。
(滑动查看点击前后颜色对比)
举例,1234四个选项中第三个选项是正确选项,其余选项均为错误选项,则需要在栏更改对应第三个选项的填充颜色栏(选为绿色),其他对应选项的填充颜色栏(选为红色)
(点击样式查看修改后的参数)
注意事项
虽然在样式ID91494;ID91492中,颜色更改规则有所不同,但只要能区分文字与文字动画的状态,即能套用教程。
下面通过视频操作来完整学习一遍选择题样式的修改流程吧~
- 恰饭时间 -
想学排版却不知道从哪里下手?
面对SVG样式不会修改?
赶紧报名参加第七届排版训练营吧
长按识别上方二维码立即报名
亲爱的小伙伴,我正在使用一款非常好用的微信编辑器,素材丰富更新快,操作便捷易上手,你也来试试吧!通过下方链接使用手机注册不仅可得7天VIP会员,还可以赢取价值2099元的华为M5平板哦。https://www.135plat.com/users/invite/fcf328b736097949efe861dbeeb99d26
立即登录













