apache-flex 在Flex中设定RTF项目符号的样式

krcsximq  于 2022-11-01  发布在  Apache
关注(0)|答案(1)|浏览(154)

我正在开发一个带有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代码采用上面的copy元素,并通过TextFlow导入来运行它。我这样做并不使用XML文件中的实际TextFlow,因为具有XML/HTML经验的非程序员将编辑此文件,我希望使标记尽可能接近HTML,而不是训练他们执行正确的TextFlow:

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

这运行良好,我得到了我的项目符号列表,上标和花式字符(见下文)。但是,我不能改变项目符号和列表项文本之间的间距。我只是希望在ListMarker和列表项之间有更多的间距。现在它们太近了,看起来像是被卡住了。设计师们都在抱怨我。我试过(正如你所看到的)一些padding和afterContent类型的属性来让它工作,但是它们什么也不做。下面是上面的结果,供参考:

编辑以添加:我以前在TextFlow中使用过这些列表资源:

xn1cxnb4

xn1cxnb41#

使用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>

参考资料

相关问题