舍得英语魔法学苑

 找回密码
 注册
查看: 10002|回复: 24

[UX] [分享] Supermemo UX课程中支持的XML标签连载

  [复制链接]
  • TA的每日心情
    无聊
    2019-10-18 14:22
  • 签到天数: 115 天

    [LV.6]常住居民II

    ifree64 发表于 2014-3-10 10:11:40 | 显示全部楼层 |阅读模式
    本帖最后由 ifree64 于 2014-3-10 13:07 编辑

    本系列帖子将整理Supermemo UX课程中所支持的xml标签,希望对于想自己制作课程的朋友有所帮助。

    (一)填空题

    填空题是通过spellpad标签实现的。
    比如在EEBasic课程的item00102.xml中有如下例子:
    1. 'Where <spellpad correct="are">a</spellpad> the children?' - 'They're outside in the garden.'<br/>
    复制代码
    其显示效果如图所示:

    spellpad支持的属性可见下面代码。
    1. <spellpad correct="are" width="50" matchcase="true" example="true" charpad="1" >defValue</spellpad>
    复制代码
    correct是本填空题的答案,若有多个答案可用“|”分隔;
    width属性表示空格的长度;
    matchcase用以控制是否区分大小写;

    标签的值defValue就是空格中的默认文字,在上面的例子中是"a"

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?注册

    x

    评分

    3

    查看全部评分

    本帖被以下淘专辑推荐:

  • TA的每日心情

    2018-11-29 15:39
  • 签到天数: 406 天

    [LV.9]以坛为家II

    wsqiyijiang 发表于 2014-3-10 10:59:32 | 显示全部楼层
    又学了一招,太感谢了!!!
  • TA的每日心情
    无聊
    2019-10-18 14:22
  • 签到天数: 115 天

    [LV.6]常住居民II

     楼主| ifree64 发表于 2014-3-10 11:03:32 | 显示全部楼层
    本帖最后由 ifree64 于 2014-3-10 11:06 编辑

    (二)带提示的文本

    UX对带提示的文体的支持其实愿意是用于例句是否自动显示翻译。先看看舍得大大制作的新概念第一册课件里面的一个例子;
    其显示效果如图:


    实现代码为:
    1. <text><sentence><small>提示:鼠标移到此处显示译文</small></sentence><translation>是的,是我的。</translation></text>
    复制代码
    其实,text标签有一个属性autoshow,如果将autoshow,如果将上面的代码修改为:
    1. <text autoshow="true"><sentence><small>提示:鼠标移到此处显示译文</small></sentence><translation>是的,是我的。</translation></text>
    复制代码
    看到的效果为:

    也就是将不再显示sentence节点的内容,而改为将tranlation的内容直接显示了出来。

    text节点的结构为:
    1. <text autoshow="true">
    2.     <sentence>Hello</sentence>
    3.     <translation language="zh">你好</translation>
    4.     <translation language="pl">我不会波兰语</translation>
    5. </text>
    复制代码
    translation可以设置一个language属性,UX在具体显示时,将根据用户的语言设置,显示对应语言的翻译内容。

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?注册

    x
  • TA的每日心情
    无聊
    2019-10-18 14:22
  • 签到天数: 115 天

    [LV.6]常住居民II

     楼主| ifree64 发表于 2014-3-10 11:15:11 | 显示全部楼层
    (三)选择题, <radio>标签

    代码如下:
    1. <radio>
    2. <option correct="true">to exist</option>
    3. <option>to come to pass</option>
    4. <option>to have without the need to give back</option>
    5. <option>to continue a certain state, condition or activity</option>
    6. <option>to seem to be</option>
    7. </radio>
    复制代码
    显示效果为:


    看起来很简单,<option>子节点就是选项,但UX对选项做了随机排列。<radio>所有的<option>子节点中,有一个拥有correct属性,这就是这道题的答案。

    radio支持的属性如下代码所示:
    1. <radio orientation="horizontal" border="true" display="inline" shuffle="false" space="10"
    2.         showbutton="false" show-icon="false">
    3.         <option correct="true"></option>
    4. </radio>
    复制代码

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?注册

    x
  • TA的每日心情
    奋斗
    2014-4-12 11:59
  • 签到天数: 65 天

    [LV.6]常住居民II

    swcyrdpc 发表于 2014-3-10 11:32:43 | 显示全部楼层
    顶一个,总结的太有用了
  • TA的每日心情
    无聊
    2019-10-18 14:22
  • 签到天数: 115 天

    [LV.6]常住居民II

     楼主| ifree64 发表于 2014-3-10 11:36:47 | 显示全部楼层
    本帖最后由 ifree64 于 2014-3-13 17:00 编辑

    (四)背景控制标签 gfx-1, gfx-2, gfx-3

    官网课程有很漂亮的背景图片,背景图片的设置可以在几个地方进行,最简单的方法是在itemxxxxx.xml中加入以下这一句:
    1. <gfx-1 id="113" group-id="2" />
    复制代码
    这一句会将什么图片作为课程的背景图片呢?答案在images目录里面,该目录下有一个images.xml文件,里面列出了对应关系。
    1. <gfxlist>
    2.   <file id="1" group="1">
    3.     <name>ARTS-arts_03 kopia.png</name>
    4.     <resolution width="512">00001_0512.png</resolution>
    5.     <resolution width="720">00001_0720.png</resolution>
    6.     <resolution width="1024">00001_1024.png</resolution>
    7.   </file>
    8.   <file id="2" group="1">
    9.     <name>ARTS-education_03 kopia.png</name>
    10.     <resolution width="512">00002_0512.png</resolution>
    11.     <resolution width="720">00002_0720.png</resolution>
    12.     <resolution width="1024">00002_1024.png</resolution>
    13.   </file>
    14. </gfxlist>
    复制代码
    gfx-1标签列出了id和group-id两个属性,UX就会在images.xml文件中查找id和group属性相同的file节点,并按照目前的分辨率选择图片作为背景。
  • TA的每日心情
    无聊
    2019-10-18 14:22
  • 签到天数: 115 天

    [LV.6]常住居民II

     楼主| ifree64 发表于 2014-3-10 11:56:22 | 显示全部楼层
    本帖最后由 ifree64 于 2014-3-10 12:02 编辑

    写累了,下次再写。下面列一个清单,UX支持的XML标签列表,也算是以后连载内容的预告:

    • attacment
    • checkbox
    • crossword
    • drag-drop
    • drop-list
    • gfx
    • m-drop
    • editbox
    • ordering-list
    • preview
    • radio
    • select-phrases
    • sfx
    • spellpad
    • tex
    • text
    • true-false
    • video
    • table、td、th
  • TA的每日心情
    开心
    2013-3-28 19:15
  • 签到天数: 41 天

    [LV.5]常住居民I

    xsqxsy 发表于 2014-3-10 14:33:14 | 显示全部楼层
    全力支持达人的技术贴。楼主加油啊!!!!!!!!!!!!
  • TA的每日心情

    2015-12-21 13:49
  • 签到天数: 51 天

    [LV.5]常住居民I

    网吧流浪者 发表于 2014-3-10 16:07:13 | 显示全部楼层
    非常好,感谢楼主整理,正需要这方面的资料~~
  • TA的每日心情

    2015-12-9 17:54
  • 签到天数: 75 天

    [LV.6]常住居民II

    vikiya 发表于 2014-3-10 21:36:41 | 显示全部楼层
    技术贴。好好学习一下,谢谢分享。
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    小黑屋|手机版|Archiver|官方微博|官方QQ群|舍得英语魔法学苑 ( 冀ICP备11024081号-1 )

    GMT+8, 2020-4-1 12:48 , Processed in 0.046294 second(s), 24 queries , Gzip On.

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表