1. 程式人生 > 實用技巧 >Mui中mui.openWindow()引數詳情

Mui中mui.openWindow()引數詳情

mui.openWindow({
    url: 'xxx.html', //String型別,要開啟的介面的地址
    id: 'id', //String型別,要開啟的介面的id
    styles: { //Webview視窗物件的樣式
        width: '100%', //String型別,視窗的寬度.支援百分比、畫素值,預設為100%.未設定width屬性值時,可同時設定left和right屬性值改變視窗的預設寬度.
        height: '100%', //String型別,視窗的高度.支援百分比、畫素值,預設為100%.當未設定height屬性值時,優先通過top和bottom屬性值來計算視窗的高度.
left: '0px', //String型別,視窗水平向右的偏移量.支援百分比,畫素值,預設值為0px.未設定left屬性值,優先通過right和width屬性值來計算視窗的left位置. right: '0px', //String型別,視窗水平向左的偏移量.支援百分比、畫素值,預設無值(根據left和width屬性值來自動計算).當設定了left和width值時,忽略此屬性值;當未設定width值時,可通過left和bottom屬性值來確定視窗的寬度. top: '0px', //String型別,視窗垂直向下的偏移量.支援百分比、畫素值,預設值為0px.未設定top屬性值時,優先通過bottom和height屬性值來計算視窗的top位置.
bottom: '0px', //String型別,視窗垂直向上的偏移量.支援百分比,畫素值,預設值無值(根據top和height屬性值來自動計算).當同時設定了top和height值時,忽略此屬性值;當未設定height值時,可通過top和bottom屬性值來確定視窗的高度. zindex: 0 //Number型別,視窗的堆疊順序值.擁有更高堆疊順序的視窗總是會處於堆疊順序較低的視窗的前面,擁有相同堆疊順序的視窗後呼叫show方法則在前面. margin: 'auto', //String型別,視窗的邊距.用於定位視窗的位置.auto:居中.若設定了left、right、top、bottom則對應的邊距值失效.
background: '', //String型別,視窗的背景顏色.設定background為顏色值,視窗為獨佔模式顯示(佔整個螢幕區域).設定background為"transparent",則表示視窗背景透明,為非獨佔模式. opacity: 1, //Number型別,視窗的不透明度.0為全透明,1為不透明,預設值為1,即不透明.安卓4.0以下不支援. mask: 'none', //String型別,視窗的遮罩.用於設定Webview視窗的遮罩層樣式,遮罩層會覆蓋Webview中所有內容,包括子webview,並且截獲webview的所有觸屏事件,此時Webview視窗的點選操作會觸發maskClick事件.字串型別,可取值:rgba格式字串,定義純色遮罩層樣式,如"rgba(0,0,0,0.5)",表示黑色半透明; "none",表示不使用遮罩層; 預設值為"none",即無遮罩層. bounce: 'vertical', //String型別,視窗遇到邊框是否有反彈效果.none:沒有反彈效果.vertical:垂直方向有反彈效果.horizontal:水平方向有反彈效果.all:垂直和水平方向都有反彈效果.預設:none. bounceBackground: '', //String型別,視窗回彈效果區域的背景.視窗回彈效果區域背景可支援顏色值或圖片.顏色值格式:"#RRGGBB".背景格式:"url(%image path%)",例如:"url(./icon.png)",圖片採用平鋪模式繪製.安卓不支援. popGesture: 'close', //String型別,視窗的側滑返回功能.none:無側滑返回功能.close:側滑返回關閉Webview視窗.hide:側滑返回隱藏webview視窗.安卓5+環境不支援. scrollIndicator: 'none', //String型別,視窗是否顯示滾動條.all:垂直和水平滾動條都顯示.vertical:僅顯示垂直滾動條.horizontal:僅顯示水平滾動條.none:垂直和水平滾動條都不顯示.預設:all.注意:顯示滾動條的前提條件是視窗中的內容超過視窗顯示的寬或高. scrollsToTop: true, //Boolean型別,點選裝置的狀態列時是否滾動返回至頂部.true:點選裝置的狀態列可以滾動返回至頂部.false:點選裝置的狀態列不可以.預設:true.在iPhone上有且只有一個Webview視窗的scrollsToTop屬性值為true時才生效,所以在顯示和關閉Webview視窗時需動態更新所有Webview的scrollsToTop值,已確保此功能生效.安卓不支援. scalable: false, //Boolean型別,視窗是否可縮放.true:使用者可通過雙指操作放大或縮小頁面,此時html頁面可通過meta節點設定"name="viewport" content="user-scalable=no""來限制頁面不可縮放.false:使用者不可通過雙指操作放大或縮小頁面,即使頁面中的meta節點也無法開啟可縮放功能.預設:false. softinputMode: '', //String型別,彈出系統軟鍵盤模式.adjustPan:彈出軟鍵盤時Webview視窗自動上移,以保證當前輸入框可見.adjustResize:自動調整Webview視窗大小(螢幕區域減去軟鍵盤區域),同時自動滾動Webview保證輸入框可見.預設:adjustPan.安卓不支援. statusbar: { background: '#fff' }, //WebviewStatusbarStyles型別,視窗狀態列樣式.僅在應用設定為沉浸式狀態列樣式下有效,設定此屬性後將自動保留系統狀態列區域不被Webview窗口占用(即Webview視窗非沉浸式樣式顯示). subNViews: [ //Array[ WebviewSubNViewStyles ]型別,定義視窗的原生子View控制元件.陣列型別,可通過配置項設定原生子View控制元件,每個配置項對應新增一個原生子View控制元件.通過Webview視窗的getSubNViews()方法可獲取原生子View控制元件物件陣列.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewSubNViewStyles { id: '', //String型別,原生子View控制元件的標識.可通過plus.nativeObj.View.getViewById(id)方法傳入此標識來獲取子View控制元件物件. type: '', //String型別,原生子View控制元件型別.NView:原生子View控制元件(plus.nativeObj.NView).ImageSlider:原生圖片輪播控制元件(plus.nativeObj.ImageSlider).預設:NView. styles: { //ViewStyles型別,原生子View控制元件的樣式.可設定原生控制元件的位置、大小等資訊. backgroundColor: '', //String型別,區域背景顏色.顏色值格式為"#RRGGBB".預設值為透明區域. bottom: '', //String型別,View控制元件垂直向上的偏移量.現對於父容器底部的距離,可取值:畫素值,如"100px";百分比,如"10%",相對於父容器的高度,如果沒有父容器則相對於螢幕高度.當設定了top和height值時,忽略此屬性值;未設定height值時,可通過top和bottom屬性值來確定View控制元件的高度. dock: '', //String型別,View控制元件的停靠方式.當Webview視窗新增到另外一個視窗中時,停靠方式才會生效,採用停靠方式新增會導致原Webview視窗自動調整其大小避免其內容被子視窗蓋住.top:控制元件停靠則頁面頂部;bottom:底部;right:右側;left:控制元件停靠在頁面左側.預設:top. height: '', //String型別,區域的高度.可取值:畫素值,如"100px";百分比,如"10%",相對於父容器的高度,如果沒有父容器則相對於螢幕高度;內容自適應,如"wrap_content",根據內容計算控制元件的高度.預設值為"100%". width: '', //String型別,區域的寬度.可取值:畫素值,如"100px";百分比,如"10%",相對於父控制元件的寬度. top: '', //String型別,View控制元件左上角的垂直偏移量.可取值:畫素值,如"100px";百分比,如"10%",相對於父控制元件的高度;自動計算,如"auto",根據height值自動計算,相對於父控制元件垂直居中. left: '', //String型別,區域左上角的水平偏移量.可取值:畫素值,如"100px";百分比,如"10%",相對於父控制元件的寬度;自動計算,如"auto",根據width值自動計算,相對於父控制元件水平居中.預設:"0px". opacity: '', //Number型別,View控制元件的不透明度.取值範圍為0-1,0為全透明,1為不透明,預設值為1,即不透明. position: '', //String型別,View控制元件的排版方式.當Webview視窗新增到另外一個視窗中時,排版位置才會生效,排版位置決定子視窗在父視窗中的定位方式.static:控制元件在頁面中正常定位,如果頁面存在滾動條則隨視窗內容滾動.absolute:控制元件在頁面中絕對定位,如果頁面存在滾動條不隨視窗內容滾動.dock:控制元件在頁面中停靠,停靠的位置由dock屬性值決定.預設:absolute. statusbar: { //ViewStatusbarStyles型別,View控制元件的狀態列樣式.僅在應用設定為沉浸式狀態列樣式下有效,設定此屬性後將自動保留系統狀態列區域不被View控制元件佔用(即View控制元件非沉浸式樣式顯示). background: '', //String型別,系統狀態列區域背景顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示為紅色背景,預設值為應用manifest.json中plus->statusbar->background屬性配置的值. } } } ], titleNView: { //WebviewTitleNViewStyles型別,定義視窗的標題欄控制元件樣式.設定此屬性值則表明建立Webview視窗的標題欄控制元件,並可通過其屬性值設定背景顏色、文字內容、文字顏色等.通過Webview視窗的getTitleNView()方法可獲取標題欄控制元件物件.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTitleNViewStyles autoBackButton: '', //Boolean型別,標題欄控制元件是否顯示左側返回按鈕.true:顯示返回按鈕.false:不顯示返回按鈕.預設:false.返回按鈕的顏色為視窗標題文字顏色,按下時顏色自動調整透明度為0.3.點選返回按鈕的邏輯與按下系統返回鍵邏輯一致. backgroundColor: '', //String型別,標題欄控制元件的背景顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示為紅色背景,預設值為"#F7F7F7". buttons: [ //Array[ WebviewCustomButtonStyles ]型別,標題欄上的自定義按鈕.建的自定義按鈕數目不限制,實際應用中建議最多設定4個按鈕(包括左側返回按鈕). { color: '', //String型別,按鈕上文字顏色.可取值:"#RRGGBB"格式字串,"rgba(R,G,B,A)".預設值為視窗標題欄控制元件的標題文字顏色. colorPressed: '', //String型別,按下狀態按鈕文字顏色.String型別,按鈕上文字顏色.可取值:"#RRGGBB"格式字串,"rgba(R,G,B,A)".預設值為color屬性值自動調整透明度為0.3. float: '', //String型別,按鈕在標題欄上的顯示位置.right:在標題欄中靠右排列顯示.left:在標題欄中靠左側排列顯示(在返回鍵後). 預設:right. fontWeight: '', //String型別,按鈕上文字的粗細.normal:標準字型.bold:加粗字型.預設:normal. fontSize: '', //String型別,按鈕上文字大小.可取值:字型高度畫素值,數字加"px"格式字串. fontSrc: '', //String型別,按鈕上文字使用的字型檔案路徑.相對路徑:相對於當前頁面的host位置,如"a.jpg",注意當前頁面為網路地址則不支援.絕對路徑:如Android平臺"/sdcard/logo.png",此類路徑通常通過其它5+ API獲取的.擴充套件相對路徑URL(RelativeURL):以"_"開頭的相對路徑,如"_www/a.jpg".本地路徑URL:以"file://"開頭,後面跟隨系統絕對路徑. onclick: '', //WebviewCustomButtonCallback型別,按鈕點選後觸發的回撥函式.回撥函式中將返回此JSON物件 text: '' //String型別,按鈕上顯示的文字.推薦使用一個字元,超過一個字元可能無法正常顯示,使用字型圖示時unicode字元表示必須'\u'開頭,如"\ue123"(注意不能寫成"\e123"). } ], coverage: '',//String型別,標題欄控制元件變化作用範圍.僅在type值為transparent時有效,頁面滾動時標題欄背景透明度將發生變化.當頁面滾動到指定偏移量時標題欄背景變為完全不透明.支援百分比、畫素值,預設為'132px'. progress: {//WebviewProgressStyles型別,標題欄控制元件的進度條樣式.設定此屬性則在標題欄控制元件的底部顯示進度條,可配置進度條顏色值即高度.設定此屬性值為undefined或null則隱藏進度條.預設不顯示底部進度條. color: '',//String型別,進度條顏色.可取值:"#RRGGBB"格式字串,如"#FF0000"表示繪製紅色分割線;"rgba(R,G,B,A)",其中R/G/B分別代表紅色值/綠色值/藍色值,正整數型別,取值範圍為0-255,A為透明度,浮點數型別,取值範圍為0-1(0為全透明,1為不透明),如"rgba(255,0,0,0.5)",表示紅色半透明.預設值為"#00FF00". height: '',//String型別,進度條高度.可取值:畫素值(邏輯畫素),支援小數點,如"1px"表示1畫素高;百分比,如"1%",相對於標題欄控制元件的高度.預設值為"2px". }, splitLine: {//WebviewSplitLineStyles型別,標題欄控制元件的底部分割線.設定此屬性則在標題欄控制元件的底部顯示分割線,可配置顏色值及高度.設定此屬性值為undefined或null則隱藏分割線.預設不顯示底部分割線. color: '',//String型別,進度條顏色.可取值:"#RRGGBB"格式字串,如"#FF0000"表示繪製紅色分割線;"rgba(R,G,B,A)",其中R/G/B分別代表紅色值/綠色值/藍色值,正整數型別,取值範圍為0-255,A為透明度,浮點數型別,取值範圍為0-1(0為全透明,1為不透明),如"rgba(255,0,0,0.5)",表示紅色半透明.預設值為"#cccccc". height: '',//String型別,底部分割線高度.可取值:畫素值(邏輯畫素),支援小數點,如"1px"表示1畫素高;百分比,如"1%",相對於標題欄控制元件的高度.預設值為"1px". }, titleColor: '',//String型別,標題欄控制元件的標題文字顏色.顏色值格式為"#RRGGBB",如"#FF0000"表示標題文字顏色為紅色,預設值為"#000000". titleOverflow: '',//String型別,標題欄控制元件的標題文字超出顯示區域時處理方式.clip:超出顯示區域時內容裁剪;ellipsis:超出顯示區域時尾部顯示省略標記(...).預設:ellipsis. titleText: '',//String型別,標題欄控制元件的標題文字內容.在標題欄控制元件居中(水平和垂直)顯示,左右邊距為88px,如果文字過長則尾部裁剪(加三個點"...")顯示.當不設定titleText屬性或屬性值為undefined/null時,使用當前Webview視窗載入頁面的標題,並自動同步更新頁面的標題. titleSize: '',//String型別,標題欄控制元件的標題文字字型大小.字型大小單位為畫素,如"20px"表示字型大小為20畫素,預設值為17畫素. type: ''//String型別,標題欄控制元件樣式.default:預設樣式,頂部停靠顯示,擠壓Webview頁面內容顯示區域;transparent:透明樣式,頂部沉浸式顯示覆蓋Webview頁面內容,標題欄上內容(除按鈕外)全部透明,當頁面滾動時透明度逐漸變化,直到不透明顯示.預設:default. }, transition: { //WebviewTransition型別,視窗定義視窗變換的動畫效果.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTransition property: 'all', //String型別,產生變換效果的屬性.預設值為"all",暫不支援其它值. duration: '0', //String型別,變換持續的時間.預設值為0,即無動畫效果. timingfunction: 'ease-in-out', //String型別,視窗變換效果.linear:勻速變化.ease-in:勻加速變化,逐漸變快的動畫效果.ease-out:勻減速變化,逐漸變慢的動畫效果.ease-in-out:先加速後減速變化,先變快後變慢的動畫效果.預設:ease-in-out. }, transform: { //WebviewTransform型別,視窗定義視窗變形效果.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewTransform property: 'all', //String型別,產生變換效果的屬性.預設值為"all",暫不支援其它值. duration: '0', //String型別,變換持續的時間.預設值為0,即無動畫效果. timingfunction: 'ease-in-out', //String型別,視窗變換效果.linear:勻速變化.ease-in:勻加速變化,逐漸變快的動畫效果.ease-out:勻減速變化,逐漸變慢的動畫效果.ease-in-out:先加速後減速變化,先變快後變慢的動畫效果.預設:ease-in-out. }, position: '', //WebviewPosition型別,Webview視窗的排版位置.當Webview視窗新增到另外一個視窗中時,排版位置才會生效,排版位置決定子視窗在父視窗中的定位方式.static:控制元件在頁面中正常定位,如果頁面存在滾動條則隨視窗內容滾動.absolute:控制元件在頁面中絕對定位,如果頁面存在滾動條不隨視窗內容滾動.dock:控制元件在頁面中停靠,停靠的位置由dock屬性值決定.預設:absolute. errorPage: 'none', //String型別,視窗載入錯誤時跳轉的頁面地址.當Webview視窗無法載入指定的url地址時(如本地頁面不存,或者無法訪問的網路地址),此時會自動跳轉到指定的錯誤頁面地址(僅支援本地頁面地址).設定為"none"則關閉跳轉到錯誤頁面功能,此時頁面顯示Webview預設的錯誤頁面內容.預設使用5+ Runtime內建的錯誤頁面. additionalHttpHeaders: {}, //JSON型別,視窗載入頁面時額外新增的HTTP請求頭資料,內容按照http協議寫. animationOptimization: 'auto', //String型別,視窗動畫優化方式.auto:如果視窗中存在titleNView或subNViews,視窗動畫時真實Webview控制元件從動畫視窗中移除加速.none:視窗動畫不使用優化.預設:auto. cachemode: 'default', //String型別,視窗的快取模式.default:根據cache-control決定是否使用快取資料,如果存在快取並且沒有過期則使用本地快取資源,否則從網路獲取.cacheElseNetwork:只要存在快取(即使過期)資料則使用,否則從網路獲取.noCache:不使用快取資料,全部從網路獲取.cacheOnly:僅使用快取資料,不從網路獲取(注:如果沒有快取資料則會導致載入失敗).預設:default. backButtonAutoControl: 'close', //String型別,Webview視窗自動處理返回鍵邏輯.hide:隱藏Webview視窗,隱藏動畫與上一次呼叫顯示時設定的動畫型別相對應(如"slide-in-right"對應的關閉動畫為"slid-out-right").close:關閉Webview視窗,關閉動畫與上一次呼叫顯示時設定的動畫型別相對應.none:不做操作,將返回鍵傳遞給下一Webview視窗處理.quit:退出應用. blockNetworkImage: false, //Boolean型別,是否阻塞網路圖片的載入.true:阻塞.false:不阻塞.預設:false.阻塞後Webview視窗將不載入頁面中使用的所有網路圖片,可通過Webview視窗物件的setBlockNetWorkImage()方法動態修改此狀態.iOS不支援. decelerationRate: 0.989, //Number型別,視窗內容停止滑動的減速度.當Webview載入的內容超過其高度時,可以拖拽滑動內容,decelerationRate屬性控制手指鬆開後頁面滑動的速度.設定值越大手指鬆開後的滑動速度越快(滑動距離越長,其值域範圍為0.0-1.0,預設值為0.989.安卓不支援. dock: 'top', //WebviewDock型別,視窗的停靠方式.當Webview視窗新增到另外一個視窗中時,停靠方式才會生效,採用停靠方式新增會導致原Webview視窗自動調整其大小避免其內容被子視窗蓋住.top:控制元件停靠則頁面頂部;bottom:底部;right:右側;left:控制元件停靠在頁面左側.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewDock replacewebapi: { //WebviewReplaceWebApiOptions型別,替換H5標準API.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewReplaceWebApiOptions geolocation: "auto" //String型別,替換H5標準定位介面(navigator.geolocation.*).由於網路原因,在部分手機上可能無法呼叫標準H5定位介面(navigator.geolocation.*)獲取定位資料,此時可以通過此屬性配置使用原生定位模組替換標準H5定位介面.alldevice:在所有裝置上替換標準H5定位介面(navigator.geolocation.*).auto:自動替換H5標準定位介面,僅在呼叫標準H5定位介面無法獲取資料的裝置上替換.none:不替換H5標準定位介面(navigator.geolocation.*).預設:auto.注意:替換H5標準定位介面,會導致頁面載入速度延遲100ms左右,推薦使用"auto"模式. }, hardwareAccelerated: '', //Boolean型別,視窗是否開啟硬體加速.true:開啟.false:不開啟.預設:5+ Runtime會根據裝置實際支援情況自動選擇是否開啟硬體加速,可以通過plus.webview.defaultHardwareAccelerated()方法獲取預設Webview是否開啟硬體加速.由於不同裝置對硬體加速的支援情況存在差異,開啟硬體加速能加速HTML頁面的渲染,但也會消耗更多的系統資源,從而導致在部分裝置上可能出現閃屏、發虛、分塊渲染等問題,因此在特定裝置的特定頁面如果出現以上問題需要手動設定關閉硬體加速來避免.iOS不支援. kernel: 'UIWebview', //String型別,視窗使用的核心.WKWebview:在iOS8.0及以上系統使用WKWebview核心,低版本下仍然使用UIWebview核心.UIWebview:在所有版本上都使用UIWebview核心.預設:UIWebview.WKWebview核心的優勢是: 1.滾動時懶載入的圖片也可以實時渲染,UIWebview在滾動停止後才能渲染;2.WKWebview的video支援AirPlay.但WKWebview也有些限制和不足,目前已知的問題有:1.不支援跨域設定cookie,即plus.navigator.setCookie()API無法使用;2.本地的HTML頁面中的XHR不支援跨域訪問,需使用plus.net.XMLHttpRequest來替換;3.不支援使用WebSQL,需使用indexDB來替換;4.不支援js原生混淆功能,需使用前端js混淆來替換;5.記憶體不足時會白屏.首頁的Webview的kernel在manifest中配置(plus->kernel->ios).安卓不支援. plusrequire: 'normal', //String型別,控制Webview注入5+ API時機.ahead:儘量提前,攔截頁面中網路js請求實現提前注入,如果沒有攔截到js請求則在頁面loaded時注入.normal:頁面loaded時注入.later:較晚在注入,在loaded事件發生後2s再注入,plusready事件同樣延遲.none:不注入,頁面無法呼叫5+ API,不觸發plusready事件.預設:normal. render: 'onscreen', //String型別,視窗渲染模式.onscreen:Webview視窗在螢幕區可見時渲染,不可見時不進行渲染,此時能減少記憶體使用量.always:Webview在任何時候都渲染,在記憶體較大的裝置上使用,被遮擋的視窗在此中模式下顯示的時候會有更流暢的效果.預設:onscreen.iOS不支援. videoFullscreen: 'auto', //String型別,視訊全屏播放時的顯示方向.auto:自動適配,如果當前頁面豎屏,則豎屏顯示.如果當前頁面橫盤顯示,則橫屏.如果當前頁面自動感應,則自動感應橫豎屏切換.portrait-primary:豎屏正方向.portrait-secondary:豎屏反方向,螢幕正方向按順時針旋轉180°.landscape-primary:橫屏正方向,螢幕正方向按順時針旋轉90°.landscape-secondary:橫屏方向,螢幕正方向按順時針旋轉270°.landscape:橫屏正方向或反方向,根據裝置重力感應器自動調整.預設:auto.iOS不支援. }, extras: { //新視窗的額外擴充套件引數,可用來處理頁面間傳值 //自定義 }, createNew: false, //Boolean型別,是否重複建立相同id的webview.true:不判斷重複,每次都新建webview.fasle:先查詢當前App中是否已存在同樣id的webview,若存在則直接顯示;否則新建立並根據show引數執行顯示邏輯.預設:false.注意:plusReady事件僅在webview首次建立時觸發,使用mui.openWindow方法多次開啟已存在的同樣id的webview時,是不會重複觸發plusReady事件的;因此若業務寫在plusReady事件中,可能會出現執行結果和預期不一致的情況;此時可通過自定義事件觸發. show: { //視窗顯示控制引數 autoShow: false, //Boolean型別,目標視窗loaded事件發生後,是否自動顯示.true:loaded事件發生後自動顯示.false:僅建立但不顯示webview.若目標頁面為預載入頁面,則該引數無效. aniShow: 'auto', //AnimationTypeShow型別.auto:自動選擇動畫效果,使用上次顯示視窗設定的動畫效果,如果是第一次顯示則預設動畫效果"none".none:立即顯示頁面,無任何動畫效果,頁面顯示預設的動畫效果.此效果忽略動畫時間引數,立即顯示.對應關閉動畫"none".slide-in-right:頁面從螢幕右側外向內橫向滑動顯示.對應關閉動畫"slide-out-right".slide-in-left:頁面從螢幕左側向右橫向滑動顯示.對應關閉動畫"slide-out-left".slide-in-top:頁面從螢幕上側向下豎向滑動顯示.對應關閉動畫"slide-out-top".slide-in-bottom:頁面從螢幕下側向上豎向滑動顯示.對應關閉動畫"slide-out-bottom".fade-in:頁面從完全透明到不透明逐漸顯示.對應關閉動畫"fade-out".zoom-out:頁面在螢幕中間從小到大逐漸放大顯示.對應關閉動畫"zoom-in".zoom-fade-out:頁面在螢幕中間從小到大逐漸放大並且從透明到不透明逐漸顯示.對應關閉動畫"zoom-fade-in".pop-in:頁面從螢幕右側滑入顯示,同時上一個頁面帶陰影效果從螢幕左側滑出隱藏.對應關閉動畫"pop-out".http://www.dcloud.io/docs/api/zh_cn/webview.html#plus.webview.AnimationTypeShow. duration: 1000, //顯示Webview視窗動畫的持續時間,單位為ms event: 'titleUpdate', //頁面顯示時機.loaded:當頁面載入完成時觸發此事件.titleUpdate:此事件會先於loaded事件觸發,通常在載入頁面時通過此事件可更快獲取到頁面的標題<title></title>.loaded常用於判斷頁面是否載入完畢,載入完畢才顯示新頁面.但有時頁面內容很長時,全部載入完畢比較慢,導致顯示新窗體比較慢.為了讓新窗體開啟快點,我們可以在titleUpdate時就顯示新窗體. extras: { //視窗動畫是否使用圖片加速.http://www.html5plus.org/doc/zh_cn/webview.html#plus.webview.WebviewExtraOptions acceleration: 'auto', //String型別,視窗動畫加速.開啟視窗動畫加速功能可優化視窗動畫效果,提升動畫流程度,可避免部分裝置上開啟(關閉)視窗閃屏的問題.auto:自動優化視窗動畫.none:關閉視窗動畫加速功能.capture:使用截圖方式加速視窗動畫.預設:auto.iOS不支援. capture: '', //Bitmap型別,視窗動畫加速時使用的圖片.當使用截圖方式加速視窗動畫時,可設定已經建立好的截圖圖片,此時不會進行實時截圖操作,加速視窗動畫響應時間,提升使用者體驗.如果未指定截圖圖片,則實時擷取當前Webview視窗物件的圖片進行動畫操作.如果視窗未使用截圖方式加速動畫,則忽略此引數.iOS不支援. otherCapture: '' //Bitmap型別,關聯視窗動畫使用的圖片.當使用截圖方式加速視窗動畫時,可設定已經建立好的截圖圖片,此時不會進行實時截圖操作,加速關聯視窗動畫響應時間,提升使用者體驗。 如果未指定截圖圖片,則實時擷取關聯Webview視窗物件的圖片進行動畫操作.如果視窗未使用截圖方式加速動畫,則忽略此引數.iOS不支援 } } waiting: { //系統等待框引數 autoShow: true, //是否自動顯示等待框.true:顯示等待框.false:不顯示等待框.注意:若waiting框的autoShow為true,但目標頁面不自動顯示,則需在目標頁面中通過如下程式碼關閉等待框:plus.nativeUI.closeWaiting(); title: '', //等待框上的提示文字 options: { //原生等待對話方塊的引數 width: '', //String型別,等待框背景區域的寬度.值支援畫素值("500px")或百分比("50%"),百分比相對於螢幕的寬計算,如果不設定則根據內容自動計算合適的寬度. height: '', //String型別,等待框背景區域的高度.值支援畫素絕對值("500px")或百分比("50%"),如果不設定則根據內容自動計算合適的高度. color: '', //String型別,等待框中文字的顏色.顏色值支援(參考CSS顏色規範):顏色名稱(參考CSS Color Names)/十六進位制值/rgb值/rgba值,預設值為白色. size: '', //String型別,等待框中文字的字型大小.如"14px"表示使用14畫素高的文字,未設定則使用系統預設字型大小. textalign: '', //String型別,等待對話方塊中標題文字的水平對齊方式.left:水平居左對齊顯示.center:水平居中對齊顯示.right:水平居右對齊顯示.預設:center. padding: '', //String型別,等待對話方塊的內邊距.值支援畫素值("10px")和百分比("5%"),百分比相對於螢幕的寬計算,預設值為"3%". background: '', //String型別,等待對話方塊顯示區域的背景色.背景色的值支援(參考CSS顏色規範):顏色名稱(參考CSS Color Names)/十六進位制值/rgb值/rgba值,預設值為rgba(0,0,0,0.8). style: '', //String型別,等待對話方塊樣式.black:黑色雪花樣式,通常在背景主色為淺色時使用.white表示等待框為白色雪花樣式,通常在背景主色為深色時使用.預設:white.安卓不支援. modal: true, //Boolen型別,等待框是否模態顯示.模態顯示時使用者不可操作直到等待對話方塊關閉,否則使用者在等待對話方塊顯示時也可操作下面的內容.預設true. round: '10px', //Number型別,等待框顯示區域的圓角.值支援畫素值"10px",未設定時使用預設值"10px". padlock: false, //Boolen型別,點選等待顯示區域是否自動關閉.true:點選等待對話方塊顯示區域時自動關閉.false:不關閉.預設:false. back: '', //String型別,返回鍵處理方式.none:截獲處理返回鍵,但不做任何響應.close:截獲處理返回鍵並關閉等待框.transmit:不截獲返回鍵,向後傳遞給Webview視窗繼續處理(與未顯示等待框的情況一致).iOS不支援. loading: { //WaitingLoadingOptions型別,自定義等待框上loading圖示樣式. display: '', //String型別,loading圖示顯示樣式.block:圖示與文字分開兩行顯示,上面顯示loading圖示,下面顯示文字.inline:loading圖示與文字在同一行顯示,左邊顯示loading圖示,右邊顯示文字.none:不顯示loading圖示. height: '', //String型別,loading圖示高度.設定loading圖示的高度(寬度等比率縮放),取值型別:畫素值,如"14px"表示14畫素高. icon: '', //String型別,loading圖示路徑.自定義loading圖示的路徑,png格式,並且必須是本地資源地址;loading圖要求寬是高的整數倍,顯示等待框時按照圖片的高橫向擷取每幀重新整理. interval: 100 //Number型別,loading圖每幀重新整理間隔.單位為ms(毫秒),預設值為100ms. } } } });