我应该使用哪些组件来实现这种视觉效果？

我发现一个由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

我应该使用哪些组件来实现这种视觉效果？

回答

相关问题