flex button字豎排顯示

由于產品功能的要求,需要讓按鈕Label垂直顯示,看了下Button的源代碼,Button 的label文本顯示主要依賴于內部textField:IUITextField屬性,

那么我們就可以想辦法獲取到textField的引用,對它進行相關操作設置,就可以讓按鈕Label垂直排列了.

首先我們需要自定義一個擴展至Button的ButtonExt類,并且定義命名空間:use namespace mx_internal,這樣我們就已經獲取到對源Button內部一些屬性的操作權限.

接下來只需要關注,在某個階段實現某些操作就OK了.

1:initialize()初始化階段

2:updateDisplayList()更新顯示列表

具體請看以下代碼:

package base.view

{

import flash.filters.GlowFilter;

import flash.text.TextFieldAutoSize;

import mx.controls.Button;

import mx.controls.ButtonLabelPlacement;

import mx.core.mx_internal;

import mx.events.FlexEvent;

/**

* @類名:VButton

* @作者:Angine

* @日期:2010-1-27

* @版本:V1.0

* @描述:

* 垂直按鈕類實現按鈕Label文本垂直顯示功能

* 功能實現通過獲取到Button內部textField引用，

* 并對textField中的設置作出更改。

* 如果你需要調整文字與按鈕的位置，需要考慮按鈕的 Width,Height,fontSize

* 及paddingBottom="0" paddingLeft="0" paddingRight="0" paddingTop="0" 等樣式

*/

use namespace mx_internal;

public class VButton extends Button

{

private static const ?glowFilter:GlowFilter = new GlowFilter(0x000000,1,2,2,288,1,false); ?//黑色濾鏡

public function VButton()

{

super();

}

override public function initialize():void

{

super.initialize();

buttonMode=true;

textField.wordWrap=true;

this.labelPlacement=ButtonLabelPlacement.TOP;

textField.autoSize=TextFieldAutoSize.CENTER;

this.setStyle("paddingBottom",0);

this.setStyle("paddingLeft",0);

this.setStyle("paddingRight",0);

this.setStyle("paddingTop",0);

textField.filters = [glowFilter];//文字描黑邊

}

override protected function updateDisplayList(unscaledWidth:Number, ? ? ? ? ? ? ? ? unscaledHeight:Number):void

{

super.updateDisplayList(unscaledWidth,unscaledHeight);

textField.y=(height-textField.height)/2;

textField.x=(width-textField.width)/2;

}

}

}

與50位技術專家面對面20年技術見證，附贈技術全景圖

總結

以上是生活随笔為你收集整理的flex 文字竖排_flex button字竖排展示的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。