1

現在、ベース フォント サイズ変数を使用して、スタイルシートに基づいてグローバルにテキスト サイズを動的に設定しようとしています。現在、メソッド tfWidthController を使用して、幅が目的の幅よりも大きいかどうかを確認し、そうである場合は css のフォント サイズを小さくし、css を再解析して自動サイズにします。しかし、何らかの理由で自動サイズ調整ではなく、css が操作されています。私が間違っていることがわかりますか？私を助けてくれてありがとう！

    package com.intentionally censored.view {
import flash.display.MovieClip;
import flash.text.TextField;
import flash.text.StyleSheet;
import com.intentionally censored.model.MatchupModel;
import com.ff0000.ads.utils.Trace;
import com.google.analytics.debug.Info;

public class MatchupView extends MovieClip {

    // on stage
    public var maxTextFieldWidth = 150;
    public var tf:TextField;
    private var baseFontSize = 10;
    public var $_tfCurrentWidth;

    public function tfWidthController():void {
        $_tfCurrentWidth = tf.textWidth;
        trace('textfields current width is ' + $_tfCurrentWidth);
        trace('textfields max width is ' + maxTextFieldWidth);
        while ($_tfCurrentWidth > maxTextFieldWidth) {
            trace ('$_tfCurrentWidth is '+$_tfCurrentWidth);
            trace ('maxTextFieldWidth is '+maxTextFieldWidth);
            baseFontSize-=1;
            applyStyles();
        }
    }

    private function get styles():StyleSheet {
        var _styles:StyleSheet = new StyleSheet();
        _styles.parseCSS("* {font-family:Playoff Bold Italic;font-style:boldItalic;}.em {font-size:"+(baseFontSize+2)+"px; }.redMicroTxt{font-size:"+baseFontSize+"pt;color:#c00000;}.medWhiteTxt{font-size:"+(baseFontSize+3)+"pt;color:#FFFFFF;}.redMediumTxt{font-size:"+(baseFontSize+6)+"pt;color:#c00000;}.whiteLargeTxt,.whiteMedTxt{font-size:"+(baseFontSize+6)+"pt;color:#FFFFFF;font-style:italic;}");   
        return _styles;
    }

    public function MatchupView() {
        tfWidthController();
        applyStyles();

    }

    protected function applyStyles():void {
        tf.styleSheet = styles;
        tf.autoSize = "center";
    }

    public function prepareFor( $_matchupModel:Object ):void {
        Trace.out( this, 'prepareFor()' );
        var _timeMessage:String = '';
        var _dateMessage:String = 'LIVE NOW'; // -------------- logic for 160 includes "\r"
        trace( $_matchupModel.gameStatus );
        if( $_matchupModel.gameStatus != 'Live Now' ) {             
            _timeMessage = $_matchupModel.timeMessage;
            _dateMessage = 'PM/ET';
        }


        tf.htmlText = '<span class="redMicroTxt">' + $_matchupModel.team1Rank + " "+'</span>'+
                        '<span class="whiteLargeTxt">' + $_matchupModel.team1 + '</span>'+
                        '<span class="medWhiteTxt"> vs </span>'+
                        '<span class="redMicroTxt">' + $_matchupModel.team2Rank + " "+'</span>'+
                        '<span class="whiteLargeTxt">' + $_matchupModel.team2 + '</span> '+
                        '<span class="redMediumTxt">' + _timeMessage +
                        '<span class="redMicroTxt">' + _dateMessage + '</span></span>';
    }

}

}

4

1 に答える 1

1

私はそれを理解しました-サイズを変更するたびにhtmlTextを変更する必要があります。

while ($_tfCurrentWidth > maxTextFieldWidth) {
    trace ('$_tfCurrentWidth is '+$_tfCurrentWidth);
    trace ('maxTextFieldWidth is '+maxTextFieldWidth);
    var oldHtml:String = tf.htmlText;
    tf.htmlText = '';
    tf.htmlText = oldHtml;
    baseFontSize-=1;
    applyStyles();
}

これについても動作テストを行いました。ここで確認できます: http://wonderfl.net/c/A310

于 2012-12-06T15:56:51.913 に答える