apache-flex - 在 Flex 中设置 RichText 项目符号的样式

Question

我正在开发一个带有 RichText 组件的 iPad 应用程序。他们在目标设备上运行良好。但是，子弹看起来并不那么出色。具体来说，我需要增加项目符号和列表项之间的空间。它太近了，看起来不太好，设计人员对此一点也不满意。

代码的工作方式是我们有一个读入的 XML 文件，屏幕的内容是从该文件中填充的。例如，这是我的测试列表：

<section id="outro">
    <element id="outro">
        <copy id="OutroTestCopy" x="50" y="75" width="1200"><![CDATA[
            <p fontSize="55" color="#cf7028">List to display</p>
            <list fontSize="50" fontWeight="bold" paddingLeft="20">
                <listMarkerFormat><ListMarkerFormat paddingRight="300" fontSize="50" fontWeight="bold" afterContent="&nbsp; " /></listMarkerFormat>
                <li>List Reference*<span baselineShift="superscript" alignmentBaseline="ideographicBottom">12</span></li>
                <li>List Corp<span baselineShift="superscript" alignmentBaseline="ideographicBottom">®</span></li>
                <li>List item</li>
                <li>Second list reference<span baselineShift="superscript" alignmentBaseline="ideographicBottom">2</span></li>
            </list> 
        ]]></copy>          
        <footnote><![CDATA[Test footnote]]></footnote>
    </element>
</section>

我的 ActionScript 代码采用上面的复制元素并通过 TextFlow 导入运行它。我这样做而不是在 XML 文件中使用实际的 TextFlow，因为具有 XML/HTML 经验的非程序员将编辑此文件，我希望使标记尽可能接近 HTML，而不是训练他们执行正确的 TextFlow：

copyRichText.textFlow = spark.utils.TextFlowUtil.importFromString(copy);

这运行良好，我得到了我的项目符号列表，带有上标和花哨的字符（见下文）。但是，我无法更改项目符号和列表项文本之间的间距。我只想在 ListMarker 和列表项之间留出更多空间。现在他们离得太近了，看起来卡住了，设计人员为此感到悲伤。我已经尝试（如您所见）一些 padding 和 afterContent 类型属性来让它工作，但它们什么也没做。这是上面的结果，供参考：

此代码的输出

编辑添加：我之前曾将这些资源用于 TextFlow 中的列表：

score 0 · Accepted Answer

使用beforeContent属性添加空格：

    <s:list id="myList" paddingLeft="10" listStylePosition="inside">
        <s:listMarkerFormat>
            <!-- Note that this example inserts an empty string with &quote; HTML entities. -->
            <s:ListMarkerFormat 
                beforeContent="   " 
                content="counters(ordered,&quot;&quot;,upperRoman)" 
                afterContent=": "/>
        </s:listMarkerFormat>
        <s:li>Beginning</s:li>
        <s:li>Middle</s:li>
        <s:li>End</s:li>
    </s:list>

参考

apache-flex - 在 Flex 中设置 RichText 项目符号的样式

1 回答 1

Related

Reference