如何显示图像而不是文本？在 ODK 收集的 xml 表单上？答案

【问题标题】：How do i display an image instead of text for a ? on an xml form for ODK collect?如何显示图像而不是文本？在 ODK 收集的 xml 表单上？
【发布时间】：2013-08-05 22:20:33
【问题描述】：

由于 odk collect 使用 utf-8，我希望表单问题使用的语言将一次显示一个字符，而不是联合显示。而不是显示问题的文本，我希望问题显示一个图像，该图像将在问题文本上正确格式化。无论如何可以做到这一点，是否有任何好的教程或信息可以帮助我完成这个？

<h:html xmlns="http://www.w3.org/2002/xforms" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:jr="http://openrosa.org/javarosa">
  <h:head>
    <h:title>firstform</h:title>
    <model>
      <instance>
        <data id="build_firstform_1375472795">
          <meta>
            <instanceID/>
          </meta>
          <field_name/>
          <field_age/>
          <field_location/>
        </data>
      </instance>
      <itext>
        <translation lang="eng">
          <text id="/data/field_name:label">
            <value>**<img src="Q1.png" >**</value>
          </text>
          <text id="/data/field_name:hint">
            <value>What is your name (last, first)?</value>
          </text>

粗体代码不起作用。

【问题讨论】：

标签： image forms odk javarosa

【解决方案1】：

<?xml version="1.0" encoding="UTF-8"?>
<h:html xmlns="http://www.w3.org/2002/xforms" xmlns:h="http://www.w3.org/1999/xhtml" xmlns:ev="http://www.w3.org/2001/xml-events" xmlns:jr="http://openrosa.org/javarosa" xmlns:xsd="http://www.w3.org/2001/XMLSchema"><h:head xmlns="">
<h:title>images</h:title><model>
<instance>
<data id="1">
<some_text/>
<image_test/>
</data>
</instance>
<itext>
<translation lang="eng">
<text id="/data/image_test:label">
<value>picture test</value>
</text>
<text id="/data/image_test:a">
<value form="image">jr://images/p1.jpg</value>
</text>
<text id="/data/image_test:b">
<value form="image">jr://images/p2.jpg</value>
</text>
</translation>
</itext>
<bind nodeset="/data/image_test" type="select1"/>
</model>
</h:head>
<h:body xmlns="">
<select1 ref="/data/image_test">
<label ref="jr:itext('/data/image_test:label')"/>
<item>
<label ref="jr:itext('/data/image_test:a')"/>
<value>a</value>
</item>
<item>
<label ref="jr:itext('/data/image_test:b')"/>
<value>b</value>
</item>
<item>
<label ref="jr:itext('/data/image_test:c')"/>
<value>c</value>
</item>
</select1>
</h:body>
</h:html>

【讨论】：