FlexのAdvancedDataGridで選択した行のボーダーカラーを表示

Question

Flex 4.6のAdvancedDataGridで、選択した行のborderColorを表示する方法を教えてください。参照用に以下の画像を見ることができます。

Answer 1

選択された行は、描画のためのキャンバスとして使用される専用Spriteにより実現AdvancedDataGrid、です。選択マーカーに罫線を作成するには、AdvancedDataGridに基づいてカスタムクラスを作成し、保護されたメソッドdrawSelectionIndicatorをオーバーライドする必要があります。

次の例では、1ピクセル幅の赤い枠で選択マーカーを生成する必要があります

public class GridWithBorderedSelectionMarker extends AdvancedDataGrid { 
    override protected function drawSelectionIndicator(
      indicator:Sprite, x:Number, y:Number, width:Number, 
      height:Number, color:uint, 
      itemRenderer:IListItemRenderer):void { 
     if (isRowSelectionMode()) { 
      width = unscaledWidth - viewMetrics.left - viewMetrics.right; 
     } 
     var borderColor:uint = 0xff0000; 
     var g:Graphics = Sprite(indicator).graphics; 
     g.clear(); 
     g.beginFill(borderColor); 
     g.drawRect(0, 0, width, height); 
     g.beginFill(color); 
     g.drawRect(1, 1, width - 2, height - 2); 
     g.endFill(); 
     indicator.x = x; 
     indicator.y = y; 
    } 
}