Flex滾動條常見問題有哪些

這篇文章將為大家詳細講解有關Flex滾動條常見問題有哪些，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

Flex滾動條問題

Flex滾動條雖然很好用，但總是會出現意想不到的問題。前幾天說了，拖動后花屏的問題，今天又發現了更惡心的問題。當你把容器的寬度調為100%后，verticalScrollbarPolicy用默認的auto。這是如果你縮放窗口會出現Flex滾動條，但問題這是就出現了，只要出現了垂直Flex滾動條，水平Flex滾動條就是被迫出現。

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

這是是由于flex在計算前面的百分比時，把垂直Flex滾動條的寬度也算上了，我一開始以為是flex的bug。使其他的官方文檔中寫了一句很華麗的話。

"FlexconsidersscrollbarsinitssizingcalculationsonlyifyouexplicitlysetthescrollpolicytoScrollPolicy.ON.So,ifyouuseanautoscrollpolicy(thedefault),thescrollbaroverlapsthebuttons.Topreventthisbehavior,youcansettheheightpropertyfortheHBoxcontainerorallowtheHBoxcontainertoresizebysettingapercentage-basedwidth.RememberthatchangingtheheightoftheHBoxcontainercausesothercomponentsinyourapplicationtomoveandresizeaccordingtotheirownsizingrules."   --FromSizingComponentsintheFlex3help,under"UsingScrollbars"

就這樣回避了這個問題。但有個辦法你可以解決這個問題，重載validateSize方法

viewplaincopytoclipboardprint?  //InyourApplication，moduleorwhereveryouneedthisworkaround.  overridepublicfunctionvalidateSize(recursive:Boolean=false):void{  super.validateSize(recursive);  if(!initialized)return;  if(height<measuredHeight)verticalScrollPolicy=ScrollPolicy.ON;  elseverticalScrollPolicy=ScrollPolicy.OFF;  }

關于“Flex滾動條常見問題有哪些”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。