Flex样式表自定义 .css


第一:先在配置文件中加入引用的样式表 :

  在Config.xml中写代码:意思样式引用defaults.css中的。

<fx:Style source="defaults.css"/>

<fx:Style>


第二:在defaults.css中写自己要增加的样式


.InfoSymbolstyle1  
{  
backgroundAlpha: 0;                   


第三:在项目功能处引用(红色标注部分即为引用)

/**
* 绘制柱状图
* */
private function DrawingZhuzhuangtu(cityArr:Array,dataArr:Array):void
{
graplayerxuanran.clear();
map.addLayer(graplayerxuanran);
graplayer.clear();//清空图层
map.addLayer(graplayer);//加载图层


for each(var cityGra:Graphic in cityArr)
{
var attribute:Object=cityGra.attributes;
var cityName:String=attribute.NAME;
for(var i:int=0;i<dataArr.length;i++)
{
var graphicnew:Graphic=cityGra as Graphic;
var obj:Object=graphicnew.attributes;
if(cityName==dataArr[i].REGIONNAME)
{
waitImg.visible = false;//等待图标关闭
//渲染图层
var graphic:Graphic=new Graphic(graphicnew.geometry,null,obj);
graplayerxuanran.alpha=0.5;
graplayerxuanran.add(graphic);
zhishuSym= new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID, Number(configXML.color.item.@colorId2), 0.7);
graphic.symbol = zhishuSym;

//找到绘制柱状图的点
var gra:Graphic=new Graphic();
gra.geometry=graphicnew.geometry.extent.center;
// var content:String=cityName;
// var tSymbol:TextSymbol = new TextSymbol(content);
// tSymbol.textFormat = new TextFormat();
// tSymbol.textFormat.size = 15;
// tSymbol.textFormat.color = 0x000000;
// tSymbol.border = false;
// tSymbol.placement=InfoPlacement.BOTTOM;
// tSymbol.yoffset=0;
// tSymbol.xoffset=0;
//
// gra.symbol=tSymbol;

var infoSymbol:InfoSymbol=new InfoSymbol();
var infoSymbolFactory:ClassFactory=new ClassFactory(widgets.proWorkBar.EcologyWidget.EcologicalIndexWidget.ColumnChartFactory);
//就是在这里传入我们要设定的每个ColumnChart的设置数据了
var chartWidthSize:Number=80;
var chartHeightSize:Number=60;
var table:Object=dataArr[i];
var dataProvider:ArrayCollection=new ArrayCollection([table]);
var fillColors:Array=["0xFEBEBC","0xFFE5AB","0xE0FCB2","0xC1E7FC","0xE3BDFA"];
var Fields:Array=["SWFDZS","ZBFGZS","SWMDZS","TDTHZS","HJZLZS"];
var nameField:String="REGIONNAME";
var displayNames:Array=["SWFDZS","ZBFGZS","SWMDZS","TDTHZS","HJZLZS"];
var codeNameHash:Hashtable=new Hashtable();
codeNameHash.add("SWFDZS","生物丰度指数");
codeNameHash.add("ZBFGZS","植被覆盖指数");
codeNameHash.add("SWMDZS","水网密度指数");
codeNameHash.add("TDTHZS","土地退化指数");
codeNameHash.add("HJZLZS","环境质量指数");
infoSymbolFactory.properties={chartWidth:chartWidthSize,chartHeight:chartHeightSize,
chartDataProvider:dataProvider,
chartFillColors:fillColors,
columnFields:Fields,
horizontalCategoryField:nameField,
chartShowDataTips:true,
chartDisplayNames:displayNames,
codeNameHashtable:codeNameHash
};
infoSymbolFactory.newInstance();
infoSymbol.infoRenderer=infoSymbolFactory;
infoSymbol.infoPlacement=InfoPlacement.CENTER;
infoSymbol.containerStyleName="InfoSymbolstyle1";
gra.symbol=infoSymbol;
gra.autoMoveToTop=true;
graplayer.add(gra);
}
}
}

}



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值