【转自FEIY】Flex：Label组件自动截断文本的妙用

关注

转载最新推荐文章于 2025-12-01 06:56:24 发布 1.9k 阅读 AI 写同款· GEO 优化 ›

SECS/GEM协议学习教程摘要：SECS/GEM是半导体制造设备通信的国际标准，定义了主机系统与设备间的通信规范，包括设备控制、状态监控、数据采集等功能。协议采用分层架构（应用层、消息层、传输层、物理层），支持关键消息类型如S1F13（建立通信）、S2F13（数据采集）等。通信流程涵盖建立连接、数据交换和终止会话，并通过状态变量（SVID）、事件（CEID）等实现实时交互。典型应用包括设备初始化、报警处理及配方管理，需处理数据类型（如U2、A、L）和通信调试问题。阅读详情

Flex：Label组件自动截断文本的妙用

从 eshangrao 作者： feiy

mx.controls.Label组件有一个很有用的特性，那就是如果其要显示的文本长度大于组件的宽度时候，会自动截断文本，并在文本后面添加上...表示文本还有未显示部分，而且还会显示一个包括完整文本内容的ToolTip，所以将Label设置为DataGrid的Renderer，可将该特性用于在DataGrid里面截断过宽的 Header文本或用于截断显示不下的单元格内容...

以下是个示例代码：

 
  
   
   [xml]

   <?
   xml version
   =
   "
   1.0
   "
    encoding
   =
   "
   utf-8
   "
   ?>
   

   <
   mx:Application xmlns:mx
   =
   "
   http://www.adobe.com/2006/mxml
   "
   
    layout
   =
   "
   vertical
   "
   
    verticalAlign
   =
   "
   middle
   "
   
    backgroundColor
   =
   "
   white
   "
   >
   
    
    
   <
   mx:XML id
   =
   "
   xmlDP
   "
   >
   
        
   <
   nodes col1
   =
   "
   root
   "
   >
   
            
   <
   node col1
   =
   "
   mx.controls.Label:用于显示文本
   "
    col2
   =
   "
   Label 组件
   "
    
   />
   
            
   <
   node col1
   =
   "
   mx.core.Application：mx应用核心
   "
    col2
   =
   "
   核心组件
   "
    
   />
   
            
   <
   node col1
   =
   "
   测试
   "
    col2
   =
   "
   测试
   "
    
   />
   
        
   </
   nodes
   >
   
    
   </
   mx:XML
   >
   
    
   <
   mx:DataGrid id
   =
   "
   dataGrid
   "
   
        dataProvider
   =
   "
   {xmlDP.node}
   "
   
        width
   =
   "
   250
   "
   
        height
   =
   "
   200
   "
   >
   
            
   <
   mx:columns
   >
   
                
   <
   mx:DataGridColumn dataField
   =
   "
   @col1
   "
   
                    headerText
   =
   "
   Flex组件名称
   "
   
                    itemRenderer
   =
   "
   mx.controls.Label
   "
   
                    headerRenderer
   =
   "
   mx.controls.Label
   "
   />
   
                
   <
   mx:DataGridColumn dataField
   =
   "
   @col2
   "
   
                    headerText
   =
   "
   Flex组件详细说明，包括用法等
   "
   
                    itemRenderer
   =
   "
   mx.controls.Label
   "
   
                    headerRenderer
   =
   "
   mx.controls.Label
   "
    
   />
   
            
   </
   mx:columns
   >
   
    
   </
   mx:DataGrid
   >
   

   </
   mx:Application
   >