在flex中改变AdvancedDataGridColumn和mx:ToggleButtonBar的外观

时间:2011-12-01 02:35:11

标签: flash actionscript-3 flex

我希望用flex中的显示元素改变两件事。

第一个与AdvancedDataGrid中的AdvancedDataGridColumn有关。这在图片URL中显示,其中包含单词" Word Student Teacher ..."这些是AdvancedDataGrid的Headertext。我想删除那个小" 1"符号并禁用abiliy单击列并让它们排序。

第二个也显示在图片中,它与mx:ToggleButtonBar有关,显示文字"发音音高时间响度"目前"发音"被选中,但有可能使这更清楚吗?例如,当前选择的选项卡是否以不同的颜色显示?

Picutre网址: http://207.218.240.58/changes.JPG (对不起,但是stackoverflow赢了,不让我附上照片,所以我需要发布一个链接)

由于 托尔

1 个答案:

答案 0 :(得分:0)

1)您是否尝试过AdvancedDataGrid的sortableColumns属性?

http://help.adobe.com/en_US/FlashPlatform/reference/actionscript/3/mx/controls/AdvancedDataGridBaseEx.html#sortableColumns

2)ToggleButtonBar类有一个buttonStyleName style,它指定用于按钮栏中按钮的CSS样式的名称。使用它,您可以为按钮栏中的按钮设置选定的外观样式。例如:

@namespace mx "library://ns.adobe.com/flex/mx";

mx|ToggleButtonBar {
  buttonStyleName: "myButtonStyle";
}

.myButtonStyle {
  selectedUpSkin: /* whatever */;
  selectedOverSkin: /* whatever */;
  selectedDownSkin: /* whatever */;
}

ToggleButtonBar也有selectedButtonTextStyleName样式,如果要更改文本样式,可以使用相同的方式:

@namespace mx "library://ns.adobe.com/flex/mx";

mx|ToggleButtonBar {
  selectedButtonTextStyleName: "myTextStyle";
}

.myTextStyle {
  color: #ff0000;
}