1. ホーム
  2. Web プログラミング
  3. フレックス

Flexは、 LinkButtonの背景色のアイデアとソースコードを設定している

2022-01-19 22:32:54

1. デザインのアイデア

Flexでは、LinkButtonの背景色を設定するプロパティがないため、次の2つの側面から始める必要があります。1つ目は、styleメソッドを呼び出してLinkButtonの背景色を直接描画し、2つ目は、LinkButtonの背景画像を設定することです。ここでは、1つ目の方法について説明します。

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; 

/** 
* Initialization function 
*/ 
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> 
<! -- Put non-visible elements (e.g., services, value objects) here -- > 
</fx:Declarations> 

<mx:VBox width="100%"> 
<mx:LinkButton id="myLinkButton" label="Query" x="100" y="100"/> 
</mx:VBox> 
</s:Application>

3. 設計結果