柔性定位面板內的按鈕

我想要做的就是在面板內放置一個按鈕，旋轉該按鈕（使其垂直）並將其放置在面板的邊緣。我似乎無法正確地做到這一點。這裏是我的代碼：柔性定位面板內的按鈕

<mx:Panel id="weekList" width="260" height="100%" x="-500" title="Weeks" > 
     <mx:List id="weekButtonList" width="260" borderVisible="false" contentBackgroundAlpha="0" dataProvider="{[email protected]}" itemClick="onWeekClick(event);" > 
      <mx:itemRenderer> 
       <mx:Component> 
        <mx:Button buttonMode="true" right="20" width="260" height="50" label="Week {data}" /> 
       </mx:Component> 
      </mx:itemRenderer> 
     </mx:List> 

     <mx:HBox id="closeButtonHolder" rotation="90" width="100" > 
      <mx:Button label="OPEN" click="weekListToggle()" />  
     </mx:HBox> 

    </mx:Panel>

如果你看劇本的一部分，你會看到我試圖將它旋轉並移動到左邊。我只是想把它移到某個地方，沒有任何工作。此外，當我旋轉90％軸時，文字似乎消失了。任何人都知道我能爲此做些什麼？

來源

2010-03-17 pfunc

爲了旋轉文字，您必須嵌入字體。我會玩，看看我能否爲你的其他問題找到更完整的答案。

好的，這裏有一些你的問題。

1）你的面板的x是-500，所以它是屏幕上的方式，也許你需要這個，但在我的測試中，它只是推出了視圖。

2）旋轉需要時內的另一個默認樞軸是在左上角旋轉任何UI組件嵌入字體

3），所以當按鈕旋轉時，它實際上旋轉收起圖。這是不容易的，當你讀它這裏有一個視覺，考慮容器的左上角爲XY 0,0理解的座標：

正常橫向盒/按鍵佈局：

0,0_________________________________ 
| ________________________________ | 
| |        | | <-container outside 
| |  UI component   | | 
| |______________________________| | 
|__________________________________|

旋轉佈局：

___________0,0__________________________ 
|   |       | 
| UI  |  container   | 
| component|       | 
|   |       | 
|   |___________________________| 
|   | 
|   | 
|   | 
|   | 
|__________|

看到按鈕是如何可見區域外的旋轉（在你的情況下，它不再是面板）的解決方案是使用帆布或東西，可以讓你拉HBox中走從面板的邊緣。

來源

2010-03-17 20:01:09 invertedSpear

我愛人們在這裏迴應的速度有多快。謝謝。 – pfunc 2010-03-17 20:08:06

+1漂亮的圖表，很好的解釋。輪換是人們難以理解的難題。 – Robusto 2010-03-17 20:24:40

謝謝，這也有助於理解爲什麼非嵌入式字體不顯示。它們在通常爲X，Y的按鈕內「分層」，然後在不移動字體的情況下旋轉控件。就像在紙上平安地切割一個整體並將它移到另一個整體的頂部。 – invertedSpear 2010-03-17 20:41:43

使用MX：帆布和其寬度設置爲100％，像這樣：

<mx:Canvas width="100%"> 
    <mx:Button buttonMode="true" right="20" width="260" height="50" label="Week {data}" /> 
</mx:Canvas>

InvertedSpear已經回答了你的問題的另一部分，所以我不會重複。

來源

2010-03-17 20:04:59 Robusto

柔性定位面板內的按鈕

回答

相關問題