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 コードは、上記の copy 要素を受け取り、TextFlow インポートを介して実行します。私はこれを行い、XML ファイルで実際の TextFlow を使用しません。これは、XML/HTML の経験を持っていないプログラマーがこのファイルを編集することになり、適切な TextFlow を行うようにトレーニングするのではなく、マークアップをできるだけ HTML に近づけたかったためです。

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

これはうまく動作し、上付き文字と派手な文字 (以下を参照) を含む箇条書きリストを取得します。ただし、箇条書きとリスト項目テキストの間の間隔を変更することはできません。ListMarker とリスト項目の間のスペースを増やしたいだけです。今は近すぎて詰まったように見えて、デザインスタッフが悲しんでいます。(ご覧のとおり) いくつかのパディングと 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