2013-11-14 25 views
0

我想通過VBox正確地對齊我的文本。我使用的VBox有一個背景圖像。然後標籤重疊圖像。這基本上是創建一個我想要的按鈕。試圖對齊文本框中的標籤

問題是我使用的背景圖像底部有陰影效果。所以當我在VBox上使用verticalAlign =「middle」時,它實際上並不居中。

我嘗試更改VBox和標籤y值,頂部&底部屬性和verticalCenter屬性。無論如何,他們似乎都沒有將標籤向上或向下移動。我很困惑,爲什麼這些不會改變標籤。

這是我目前的代碼w/o任何Y,頂部,底部或verticalCenter設置。

<mx:VBox height="70" width="175" backgroundImage="{buttonBackground}" verticalAlign="middle" horizontalAlign="center" backgroundSize="100%" buttonMode="true" useHandCursor="true" mouseChildren="false" click="{controller.goToPage('configPg')}"> 
    <mx:Label text="Configure" buttonMode="true" useHandCursor="true" mouseChildren="false" fontSize="24" color="white"/> 
</mx:VBox> 

任何幫助將不勝感激。

謝謝

+1

爲什麼不以編程方式添加陰影而不是圖像本身? –

+1

您嘗試的所有屬性在佈局容器中都是不相關的。使用字體樣式來定位文本(EG,padding,verticalAlign,textAlign等),或者如果VBox中沒有其他內容,則使用帶有手動定位的Canvas。 – drkstr1

+0

@JoshJanusch我無法訪問該圖像。所以我必須使用他們給我的東西。 –

回答

0

我能通過調整paddingBottom來解決這個問題。謝謝drkstr1的答案。

您嘗試的所有屬性在佈局容器中都是不相關的。使用字體樣式來定位文本(EG,padding,verticalAlign,textAlign等),或者如果VBox中沒有其他內容,則使用帶有手動定位的Canvas。 - drkstr1 11月14日17:25