惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

酷 壳 – CoolShell
酷 壳 – CoolShell
H
Hacker News: Front Page
P
Palo Alto Networks Blog
T
ThreatConnect
Apple Machine Learning Research
Apple Machine Learning Research
博客园_首页
T
True Tiger Recordings
P
Privacy & Cybersecurity Law Blog
B
Blog
IT之家
IT之家
Last Week in AI
Last Week in AI
F
Full Disclosure
Hacker News: Ask HN
Hacker News: Ask HN
C
Comments on: Blog
Microsoft Azure Blog
Microsoft Azure Blog
C
Cybersecurity and Infrastructure Security Agency CISA
Microsoft Security Blog
Microsoft Security Blog
博客园 - 【当耐特】
N
News and Events Feed by Topic
NISL@THU
NISL@THU
腾讯CDC
雷峰网
雷峰网
Security Latest
Security Latest
李成银的技术随笔
M
Microsoft Research Blog - Microsoft Research
L
LangChain Blog
L
Lohrmann on Cybersecurity
cs.CL updates on arXiv.org
cs.CL updates on arXiv.org
C
Check Point Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
博客园 - Franky
N
News | PayPal Newsroom
V
V2EX
A
About on SuperTechFans
The Register - Security
The Register - Security
月光博客
月光博客
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Google Online Security Blog
Google Online Security Blog
MyScale Blog
MyScale Blog
Cisco Talos Blog
Cisco Talos Blog
Vercel News
Vercel News
WordPress大学
WordPress大学
C
Cyber Attacks, Cyber Crime and Cyber Security
The Hacker News
The Hacker News
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
IntelliJ IDEA : IntelliJ IDEA – the Leading IDE for Professional Development in Java and Kotlin | The JetBrains Blog
爱范儿
爱范儿
A
Arctic Wolf
L
LINUX DO - 最新话题
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

博客园 - kenshin

[Flex]关于国内Flex开发者/从业者的调查问卷 - kenshin [Flex]Mate Flex Framework 流程介绍之Using view injection [国殇]2009年5月12日 汶川一周年纪念日 [Flex]Mate Flex Framework 流程介绍之Using an adapter - kenshin [Flex]Mate Flex Framework 流程介绍之 Listener tag [Flex]Mate Flex Framework 流程介绍之Two-way Communication:Dispatcher and ResponseHandler tags - kenshin [Flex]Mate Flex Framework 流程介绍之One-way Communication [Flex]浅析Mate flex framework在实际项目中的应用(三) [Flex]浅析Mate flex framework在实际项目中的应用(二) [RIAMeeting]RIA大讲堂 - Flex开发免费培训 [Flex]浅析Mate flex framework在实际项目中的应用(一) [Flex]为什么国内的公司都不敢使用Flex作为产品的平台与主要开发语言 - kenshin [Flex]Flex编程注意之如何得到itemRenderer里面的内容 - kenshin [Flex]Flex编程注意之J.parentNode is null的错误 [RIAMeeting]RIAMeeting出席Adobe Developer Tech Day - kenshin [Flex]Flex编程注意之SecurityError: Error #2060错误解决方案 - kenshin [RIA业界]两个消息 [产品介绍]Flex Live chat [产品介绍]Flex calendar
[Flex]Flex编程注意之ViewStack高度异常问题
kenshin · 2009-03-14 · via 博客园 - kenshin

我跟WonJia打算写一个类似于《Flex编程注意之XX》的系列文章,此系列文章主要就是介绍一些我们在实际的项目中发现的一些Flex的问题,而这些问题可能已经被人发现了,也可能没被人发现,所以在此记录一下。

这是本系列的第一篇文章:Flex编程注意之ViewStack高度异常问题

其实很简单的一个注意地方,当使用了ViewStack并且将其height设定为100%,同时在其中添加了多个child container(A 和 B

)。那么ViewStack的高度将会怎样呢?
这个例子可以应用与:多个组件而不同的状态,例如:在某些情况我需要显示A的UI,另外在某些地方我需要显示B的UI,然而它们的高度与宽度都是不一样的,那么假设A的高度要大于B的高度,
那么当我想要显示B的时候,就会发生如下的问题,虽然我将其Application的高度设定的与B一致,按照通常的做法,由于ViewStack的height为100%,那么则认为它与Application的高度是一致的
那么那个空白的边是如何出现的呢?

其实这个地方在使用ViewStack的时候,有一个注意点,那就是:

当ViewStack的height设定为100%时,ViewStack的高度不会与Application的高度一直,而它的高度会根据其中的最高的那个child一致。其实这个特性在简单的例子中是非常容易被发现的,但是假设在做项目的时候,很多的height都设定为100%
同时又包含了多个container,那么这个时候是非常难发现的,跟大家在说一个技巧:如果遇到这样的情况,那么将这些多个container用不同的背景色加以区分,最后就可以看到是哪个container出现问题了!

还是那句话,可能这个特性已经很多人知道了,但是我还是要在这里指出,做一个备份和让不知道的朋友也了解一下,免得多走弯路:)

具体请看如下的代码:(代码是在componentexplorer的基础上修改的。)
....