『壹』 微信小程序如何實現消息提示框

微信小程序開發中toast也是重要的消息提示方式.

提示框：
wx.showToast(OBJECT)

顯示消息提示框
OBJECT參數說明：
示例代碼：
?

12345

wx.showToast({ title:'成功', icon:'success', ration: 2000})

wx.hideToast()

隱藏消息提示框
?

123456789

wx.showToast({ title:'載入中', icon:'loading', ration: 10000}) setTimeout(function(){ wx.hideToast()},2000)

wx.showModal(OBJECT)

顯示模態彈窗
OBJECT參數說明：
示例代碼：
?

123456789

wx.showModal({ title:'提示', content:'這是一個模態彈窗', success:function(res) { if(res.confirm) { console.log('用戶點擊確定') } }})

wx.showActionSheet(OBJECT)

顯示操作菜單
OBJECT參數說明：
success返回參數說明：
示例代碼：
?

12345678

wx.showActionSheet({ itemList: ['A','B', 'C'], success:function(res) { if(!res.cancel) { console.log(res.tapIndex) } }})

設置導航條
<view>提示：{{tip}}</view>
<button type="default" bindtap="showModal">點擊我彈出modal對話框</button>
<view>
<modal title="modal對話框" hidden="{{modalHidden}}" confirm-text="確定" cancel-text="取消"
bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">您好，我是modal對話框</modal>
</view>
Page({
data:{
// text:"這是一個頁面"
tip:'',
buttonDisabled:false,
modalHidden:true,
show:false
},
showModal:function(){
this.setData({
modalHidden:!this.data.modalHidden
})
},
modalBindaconfirm:function(){
this.setData({
modalHidden:!this.data.modalHidden,
show:!this.data.show,
tip:'您點擊了【確認】按鈕！',
buttonDisabled:!this.data.buttonDisabled
})
},
modalBindcancel:function(){
this.setData({
modalHidden:!this.data.modalHidden,
tip:'您點擊了【取消】按鈕！'
})
}
})
wx.setNavigationBarTitle(OBJECT)

動態設置當前頁面的標題。
OBJECT參數說明：
示例代碼：
?

123

wx.setNavigationBarTitle({ title:'當前頁面'})

wx.showNavigationBarLoading()

在當前頁面顯示導航條載入動畫。
wx.hideNavigationBarLoading()

隱藏導航條載入動畫。
頁面跳轉：
wx.navigateTo(OBJECT)

保留當前頁面，跳轉到應用內的某個頁面，使用wx.navigateBack可以返回到原頁面。
OBJECT參數說明：
示例代碼：
?

123

wx.navigateTo({ url:'test?id=1'})

?

123456

//test.jsPage({ onLoad:function(option){ console.log(option.query) }})

注意：為了不讓用戶在使用小程序時造成困擾，我們規定頁面路徑只能是五層，請盡量避免多層級的交互方式。
wx.redirectTo(OBJECT)

關閉當前頁面，跳轉到應用內的某個頁面。
OBJECT參數說明：
示例代碼：
?

123

wx.redirectTo({ url:'test?id=1'})

wx.navigateBack(OBJECT)

關閉當前頁面，返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧，決定需要返回幾層。
OBJECT參數說明：
動畫：
wx.createAnimation(OBJECT)

創建一個動畫實例animation。調用實例的方法來描述動畫。最後通過動畫實例的export方法導出動畫數據傳遞給組件的animation屬性。
注意: export 方法每次調用後會清掉之前的動畫操作
OBJECT參數說明：
?

123456

var animation = wx.createAnimation({ transformOrigin:"50% 50%", ration: 1000, timingFunction:"ease", delay: 0})

animation

動畫實例可以調用以下方法來描述動畫，調用結束後會返回自身，支持鏈式調用的寫法。
樣式：
旋轉：
縮放：
偏移：
傾斜：
矩陣變形：
動畫隊列

調用動畫操作方法後要調用 step() 來表示一組動畫完成，可以在一組動畫中調用任意多個動畫方法，一組動畫中的所有動畫會同時開始，一組動畫完成後才會進行下一組動畫。step 可以傳入一個跟 wx.createAnimation() 一樣的配置參數用於指定當前組動畫的配置。
示例：
?

1

<viewanimation="{{animationData}}"style="background:red;height:100rpx;width:100rpx"></view>

?

0414243444546474849

Page({ data: { animationData: {} }, onShow:function(){ varanimation = wx.createAnimation({ ration: 1000, timingFunction:'ease', }) this.animation = animation animation.scale(2,2).rotate(45).step() this.setData({ animationData:animation.export() }) setTimeout(function() { animation.translate(30).step() this.setData({ animationData:animation.export() }) }.bind(this), 1000) }, rotateAndScale:function () { // 旋轉同時放大 this.animation.rotate(45).scale(2, 2).step() this.setData({ animationData:this.animation.export() }) }, rotateThenScale:function () { // 先旋轉後放大 this.animation.rotate(45).step() this.animation.scale(2, 2).step() this.setData({ animationData:this.animation.export() }) }, rotateAndScaleThenTranslate:function () { // 先旋轉同時放大，然後平移 this.animation.rotate(45).scale(2, 2).step() this.animation.translate(100, 100).step({ ration: 1000 }) this.setData({ animationData:this.animation.export() }) }})

wx.hideKeyboard()

收起鍵盤。

『貳』 微信小程序中的showmodal能否包含xml

wx.showModal({
title: '提示',
content: '這是一個模態彈窗',
success: function(res) {
if (res.confirm) {
console.log('用戶點擊確定版')
} else if (res.cancel) {
console.log('用戶點擊取權消')
}
}
});

『叄』 微信小程序模態層會被vedio覆蓋怎麼解決

微信小程序彈出loading層的兩種方法：直接在代碼里控制，在wxml文件裡布局彈窗loading層，利用條件渲染，在js代碼里控制是否顯示loading層。

『肆』 微信小程序view中class="cu-modal drawer-modal justify-end {{modalName=='DrawerModalR''show':''}}"

根據小程序的某個實例的成員showWool的值來決定元素的class列表是否具有show
簡單的說,就是通過showWool的值控制視圖的(顯示與隱藏),至少從字面來看是這樣的.

『伍』 微信小程序開發者模式右上角的RT-FPS和Min-FPS和EX-FPS分別含義

rt-fps : runtime fps 實時 幀率
ex-fps :平均 幀率
min-fps: 最小幀率

『陸』 我寫了一個小程序，怎樣才能改為這種窗口模式

用一些低級語言需要寫很多代碼才能寫成你說的人性化界面。
比如C寫Linux操作系統內
但要快速寫出窗口模式，我看你容選錯語言了，學VB一二兩堂課下來就可以寫成你說的效果了。java的applet也可以人性化界面，可以單獨作為窗口或者嵌套在網頁上使用。如果你還在學習C語言，我勸你放棄吧，你要修煉N年才能寫個像樣的可視化界面。

『柒』 小程序 showmodal 點擊框外也隱藏了怎麼辦

請參照網路經驗網頁鏈接

『捌』 小程序的showModal的content可以為輸入框嗎

給大家說說我父窗口產生的程序流程吧：程序開始時先彈出一個系統登錄框，正確後便用SHOWMODAL命令調用了MDI的父窗口。現在的問題是如果這樣調用以後父窗口便不能最小化了，只有程序開始時一開始便彈出父窗口才能最小化。

『玖』 微信小程序 showModal 的內容能居中嗎

\r\n可以換行的，在開發者工具上顯示不換行，但是在真是環境下是正常換行的。