我應該使用哪些組件來實現這種視覺效果？

我發現一個由Kap Lab製造的nice looking app。我喜歡左側的組件，特別是帶圓角的灰色背景。儘管它由四個不同的組件組成，但它感覺像是一塊堅實的GUI。我試圖放VBox，使其背景灰色，圓角，並放在其上的其他組件寬度較小，但它似乎並沒有工作。角落，不圓和整體看起來比較難看:)我應該使用哪些組件來實現這種視覺效果？

來源

2009-06-05 alonzo

它看起來像一個帶有標籤導航器的面板。面板爲這樣的CSS：

Panel { 
    borderStyle: solid; 
    borderColor: #d2d2d2; 
    borderThickness: 1; 
    roundedBottomCorners: true; 
    backgroundColor: #e1e1e1; 
    dropShadowEnabled: false; 
}

我用Flex 3 Style Explorer來生成。你可以嘗試搞清楚它以獲得你想要的樣式。

來源

2009-06-05 15:15:11 CookieOfFortune

如果你的意思是標題爲「佈局」的複選框，然後它必須是一個面板組件，它可以使用樣式看起來那樣容易定製：

<mx:Style> 
    .panelTitle 
    { 
     font-weight: bold; 
     color: #ffffff; 
    } 
</mx:Style> 
<mx:Panel x="300" title="LAYOUT" headerHeight="20" backgroundColor="#CCCCCC" titleStyleName="panelTitle" 
     headerColors="[#333333, #333333]" highlightAlphas="[0, 0]" 
     borderThicknessLeft="3" borderThicknessRight="3" borderThicknessBottom="3" borderThicknessTop="3"> 
    <mx:VBox height="300" width="200" backgroundColor="#FFFFFF" /> 
</mx:Panel>

來源

2009-06-05 11:20:17 Hrundik

不完全是。名爲「LAYOUTS」的盒子只是我認爲的手風琴。我的意思是左邊的整個專欄。我想知道應該將哪個組件作爲基本組件。 – alonzo 2009-06-05 11:29:33

頂部組件只是一個VBox。它裏面，你首先有一個TabNavigator的再一個DataGrid和最後一個組件也含有HBOX用一個簡單的標籤和手風琴VBox中

VBOX

TabNavigator的
的DataGrid
垂直框
- HBOX
  - 標籤
- 手風琴

來源

2009-06-06 09:48:23

我應該使用哪些組件來實現這種視覺效果？

回答

相關問題