类似于 Adobe Live Docs 的帮助框答案

【问题标题】：Help box similar to Adobe Live Docs类似于 Adobe Live Docs 的帮助框
【发布时间】：2011-03-17 22:39:17
【问题描述】：

底部是否有 Adobe Live Docs 中使用的 flex 中的可视化组件（可以展开或折叠的黄色框）。

我也上传了那个盒子的截图：http://tinypic.com/view.php?pic=2mxfvyd&s=3

我正在横向寻找相同类型的视觉元素/组件。

【问题讨论】：

没有开箱即用的东西，但你可以使用像Canvas和states这样的容器来模拟它。

标签： apache-flex components

【解决方案1】：

ASDocs 只是 HTML，没有像 Flex 中那样的显式组件。我假设 ASDocs 上的“窗口”是某种形式的 AJAX，但尚未审查代码。

但是，创建一个应该很容易。

<mx:VBox>
 <mx:TextInput id="input" visible="true" />
 <mx:Button id="expandCollapseButton" visible="true" label=">" click="onClick()" />
</mx:VBox>

在你的 onClick 方法中做这样的事情：

public function onClick():void{
 if(this.expandCollapseButton.label == '>'){
  this.input.visible=false;
  this.input.includeInLayout=false;
  this.expandCollapseButton.label = "<";
 } else {
  this.input.visible=true;
  this.input.includeInLayout=true;
  this.expandCollapseButton.label = ">";
 }
}

在对您的问题的评论中提到的状态可能是实现此目的的另一种方式。我确定还有其他人。

我会认真考虑您要完成的工作。我发现黄色框不直观且非常烦人。我必须单击“播放”按钮来隐藏它。 “播放”通常意味着转到，在很长一段时间内我都不会点击它，因为我不想离开页面。

免责声明：在浏览器中编写的代码

【讨论】：

感谢您的详细回复。使用黄色框的原因是为了显示帮助框，点击它可以展开。
我曾想过将其中一个构建为 Flextras 组件。我认为在我们的“创意”列表中，我将其称为“可折叠容器”。