FLEX的字符串对齐问题

sinkingboat

问题
       通过连接字符串生成按列对齐的行，可以使用两种方法
一、利用s:Label组件中的属性maxDisplayedLines
       maxDisplayedLines表示显示最大的字符串长度，如果超过了该长度，自动截段字符串并添加...
       例如：<s:label width="100" maxDisplayedLines="90"/>

二、利用measureText方法
       Flex的大部分组件提供了measureText()方法，我们可以用此方法来计算字符串的实际需要的像素也就是字符串的宽度。
       这种方法的优点：宽度精度
                        缺点：需要循环计算控制
具体代码如下

1. <s:ArrayCollection id="arr_width">
   
2.             <fx:int>80</fx:int>
   
3.             <fx:int>120</fx:int>
   
4.             <fx:int>180</fx:int>
   
5.             <fx:int>180</fx:int>
   
6.         </s:ArrayCollection>
   
7.         
   
8.         <s:ArrayCollection id="arr_tableHeaderName">
   
9.             <fx:String> 学院</fx:String>
   
10.             <fx:String> 活动时间</fx:String>
    
11.             <fx:String>活动名称</fx:String>
    
12.             <fx:String>活动地点</fx:String>
    
13. 
    
14.         </s:ArrayCollection>
    
15. public function getRowLabel(data:ArrayCollection,widthList:ArrayCollection):String{
    
16.                 if(data.length!=widthList.length)
    
17.                     return "";
    
18.                 
    
19.                 var totalWidth:Number=0;//各列的总宽度
    
20.                 var result:String=" ";//生成的字符串
    
21.                 
    
22.                 for(var i:int=0;i<data.length;i++){
    
23.                     var label:String=data.getItemAt(i) as String;
    
24.                     var width:int =widthList.getItemAt(i) as int;
    
25.                     totalWidth=totalWidth+width;
    
26.                     
    
27.                     var len:int=label.replace(/[^\x00-\xff]/g,"xx").length;
    
28.                     result=result+label;
    
29.                     var lineMetrics:TextLineMetrics = measureText(result);
    
30.                     var textWidth:Number = lineMetrics.width;
    
31.                     
    
32.                     
    
33.                     if(textWidth>totalWidth){
    
34.                         while(textWidth+32>totalWidth){
    
35.                             result=result.substr(0,result.length-1);
    
36.                             lineMetrics = measureText(result);
    
37.                             textWidth = lineMetrics.width;
    
38.                         }
    
39.                         result=result+"....";
    
40.                     }
    
41.                     
    
42.                     while(textWidth<totalWidth)
    
43.                     {
    
44.                         result=result+" ";
    
45.                         lineMetrics = measureText(result);
    
46.                         textWidth = lineMetrics.width;
    
47.                     }
    
48.                     
    
49.                 }
    
50.                 return result;
    
51.             }

三、利用字符串所占的字节数长度来计算显示的宽度
       有人提出利用
                var len:int=label.replace(/[^\x00-\xff]/g,"xx").length;
       但是，英文和汉字一起显示的时候，无法处理超过长度时，显示“....”
       这个方法行不通


参考文献
1.http://docs.huihoo.com/flex/4/spark/components/Label.html
2.Flex组件的一些怪问题. http://flex4jiaocheng.com/blog/122
3.字符串所占实际宽度. http://blog.163.com/zlx_p/blog/static/9775498201141210347745/