Flex设置LinkButton的背景色

Posted 2020-09-19 zhchoutai

1、设计思路

   因为Flex中没有设置LinkButton的背景色的属性，如今得从两个方面入手：第一，直接通过调用样式方法画出LinkButton的背景色；第二，设置LinkButton的背景图片。这里，讲述的是第一种方法    

2、设计源代码

<?
xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   creationComplete="initHandler(event)">
	<s:layout>
		<s:BasicLayout/>
	</s:layout>
	<fx:Script>
		<![CDATA[
			import mx.events.FlexEvent;

			/**
			 * 初始化函数
			 */
			protected function initHandler(event:FlexEvent):void
			{
				myLinkButton.graphics.beginFill(0x00FF00);
				myLinkButton.graphics.drawRect(0,0,myLinkButton.width,myLinkButton.height);
				myLinkButton.graphics.endFill();
			}

		]]>
	</fx:Script>
	<fx:Declarations>
		<!-- 将非可视元素（比如服务、值对象）放在此处 -->
	</fx:Declarations>
	
	<mx:VBox width="100%">
		<mx:LinkButton id="myLinkButton" label="查询" x="100" y="100"/>
	</mx:VBox>
</s:Application>

3、设计结果