Flex滚动条常见问题解答

开发 后端
本文向大家介绍一下在使用Flex滚动条中常见的问题,Flex滚动条虽然很好用,但总是会出现意想不到的问题,这里和大家分享一下。

本文和大家重点讨论一下使用Flex滚动条过程中常见的一些问题,Flex滚动条虽然很好用,但总是会出现意想不到的问题,这里向大家介绍一下,希望本文的介绍能让你有所收获。

Flex滚动条问题

Flex滚动条虽然很好用,但总是会出现意想不到的问题。前几天说了,拖动后花屏的问题,今天又发现了更恶心的问题。当你把容器的宽度调为100%后,verticalScrollbarPolicy用默认的auto。这是如果你缩放窗口会出现Flex滚动条,但问题这是就出现了,只要出现了垂直Flex滚动条,水平Flex滚动条就是被迫出现。 

  1. viewplaincopytoclipboardprint?  
  2. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  3. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"xmlns:local="*"> 
  4. <mx:Canvaswidthmx:Canvaswidth="100%"height="700"/> 
  5. </mx:Application> 
  6. <?xmlversionxmlversion="1.0"encoding="utf-8"?> 
  7. <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"xmlns:local="*"> 
  8.  <mx:Canvaswidthmx:Canvaswidth="100%"height="700"/> 
  9. </mx:Application> 
  10.  

 这是是由于flex在计算前面的百分比时,把垂直Flex滚动条的宽度也算上了,我一开始以为是flex的bug。使其他的官方文档中写了一句很华丽的话。 

  1. "FlexconsidersscrollbarsinitssizingcalculationsonlyifyouexplicitlysetthescrollpolicytoScrollPolicy.
  2. ON.So,ifyouuseanautoscrollpolicy(thedefault),thescrollbaroverlapsthebuttons.Topreventthisbehavior,
  3. youcansettheheightpropertyfortheHBoxcontainerorallowtheHBoxcontainertoresizebysettingapercentage-basedwidth.
  4. RememberthatchangingtheheightoftheHBoxcontainercausesothercomponentsinyourapplicationtomoveandresizeaccordingtotheirownsizingrules."  
  5.  
  6. --FromSizingComponentsintheFlex3help,under"UsingScrollbars"  
  7.  

 就这样回避了这个问题。但有个办法你可以解决这个问题,重载validateSize方法

  1. viewplaincopytoclipboardprint?  
  2. //InyourApplication,moduleorwhereveryouneedthisworkaround.  
  3. overridepublicfunctionvalidateSize(recursive:Boolean=false):void{  
  4. super.validateSize(recursive);  
  5. if(!initialized)return;  
  6. if(height<measuredHeight)verticalScrollPolicy=ScrollPolicy.ON;  
  7. elseverticalScrollPolicy=ScrollPolicy.OFF;  
  8. }  
  9.  

【编辑推荐】

  1. FlexBuilder快捷键使用说明
  2. Flex2.0Beta1新功能出炉
  3. 揭露Flex2.0的几大误区
  4. FlexBuilder3.0与Eclipse3.4的***结合
  5. 剖析Flex DataGrid分页控件的两种分页形式用法

 

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-08-10 15:09:55

Flex开发

2009-10-13 14:56:00

CCNA培训

2011-07-13 17:57:15

SQLite

2011-08-09 15:10:00

SQLite

2023-10-10 08:01:13

2010-09-13 14:43:47

无线技术常见问题

2010-12-27 14:50:16

Windows 部署服

2010-05-12 17:04:20

BlackBerry开

2013-05-23 09:49:49

Chrome for google

2011-05-10 15:30:22

SEO

2017-06-12 15:51:11

数据中心布线运维

2013-03-04 13:58:10

2015-06-30 12:39:33

公有云问题解答

2011-07-21 11:19:51

JAVA

2020-10-16 19:23:50

物联网网关物联网IOT

2020-10-16 08:24:40

物联网网关物联网IOT

2010-08-19 10:44:47

DB2 常见问题

2009-09-02 17:14:12

邮件服务器

2020-11-10 23:06:38

物联网智能产品开发IOT

2023-10-11 10:38:53

智能卫生间物联网
点赞
收藏

51CTO技术栈公众号