1. 程式人生 > >微信小程式之wx.showActionSheet(OBJECT)彈出的後續處理

微信小程式之wx.showActionSheet(OBJECT)彈出的後續處理

這是官方的文件

這個api是用來顯示操作選單,彈出一個選單框,用來顯示一些操作,如下圖

檢視文件OBJECT引數說明:

引數

型別

必填

說明

itemList

String Array

按鈕的文字陣列,陣列長度最大為6個

itemColor

HexColor

按鈕的文字顏色,預設為"#000000"

success

Function

介面呼叫成功的回撥函式,詳見返回引數說明

fail

Function

介面呼叫失敗的回撥函式

complete

Function

介面呼叫結束的回撥函式(呼叫成功、失敗都會執行)

success返回引數說明:

引數

型別

說明

tapIndex

Number

使用者點選的按鈕,從上到下的順序,從0開始

該函式呼叫成功的回撥會返回一個所點選按鈕的編號,對這個數字進行獲取,就能實現點選的對應事件了。

示例程式碼:

tapIndex: 0,
share: function () {
  wx.showActionSheet({
      itemList: ['儲存圖片','分享給好友','分享到朋友圈'],
      success: function (res1) {
        tapIndex: res1.tapIndex;
          success: function (res) {
            if (tapIndex == 0){
              wx.saveImageToPhotosAlbum({
                filePath: res.tempFilePath,
              })
              wx.showToast({
                title: '儲存成功',
                icon: 'success',
                duration: 1500
              });
            }
	    if (tapIndex == 1){
	        /*
	        *******
	        */
            }	
          }
        });
      },
          fail: function (res) {
              console.log(res.errMsg)
          }   
    });
}

上面程式碼首先定義了一個變數tapIndex用來儲存一下success返回的值,注意兩個回撥函式都需要一個res引數,所以不用寫都寫為res,注意區分。之後對這個值進行判斷,不同的值通過不同的函式來進行處理,上面寫出了儲存到相簿的方法,同時儲存成功時呼叫另一個彈框的函式

wx.showToast(OBJECT)

該函式即為向螢幕上顯示一個資訊框,同樣Object的引數也可以參考官方文件。

引數

型別

必填

說明

title

String

提示的內容

icon

String

圖示,有效值 "success", "loading", "none"

image

String

自定義圖示的本地路徑,image 的優先順序高於 icon

duration

Number

提示的延遲時間,單位毫秒,預設:1500

mask

Boolean

是否顯示透明蒙層,防止觸控穿透,預設:false

success

Function

介面呼叫成功的回撥函式

fail

Function

介面呼叫失敗的回撥函式

complete

Function

介面呼叫結束的回撥函式(呼叫成功、失敗都會執行)

示例程式碼

wx.showToast({

     title: '儲存成功',

     icon: 'success',

     duration: 1500

});

這樣就實現了儲存圖片後彈出一個儲存成功的訊息框。如下圖


相關推薦

程式wx.showActionSheet(OBJECT)後續處理

這是官方的文件這個api是用來顯示操作選單,彈出一個選單框,用來顯示一些操作,如下圖檢視文件OBJECT引數說明:引數 型別 必填 說明 itemList String Array 是 按鈕的文字陣列,陣列長度最大為6個 itemColor HexColor

程式wx:for迴圈輸出及require引入外部資料

迴圈輸出很有用滴 格式: <view wx:for="{{array}}" wx:for-item="item" wx:for-index="idx"> {{index}}: {{item.message}} </view> wx:for-ite

程式 wx.request統一呼叫

起因 在小程式裡發起網路請求的時候需要寫很多的引數,當頻繁呼叫時,每次都寫真心覺得累,那就封個方法統一呼叫吧 官方文件 官方文件 官方示例 wx.request({ url: '

程式wx.request:fail錯誤,真機預覽請求無效問題解決,安卓,ios網路預覽異常

問題描述:域名已經備案,我全部都有,也在後臺配置了,但是手機預覽,還是請求失敗, PC端是可以請求資料出來的 新版開發者工具增加了https檢查功能;可使用此功能直接檢查排查ssl協議版本問題:可能原因:0:後臺域名沒有配置0.1:域名不支援https1:沒有重啟工具;2:

程式wx.navigateBack()時窗一直顯示

前言 小程式使用服務需要使用者繫結手機號,在進入頁面時,判斷使用者是否授權,未授權的話,彈窗元件(自定義的)顯示 onShow(){ let isBind = xxx if(!isBind){ // 獲取彈窗元件(自定義的)例項 this.bindTip = this

程式 真機鍵盤窗遮蓋input框

正常效果:   問題效果:   發現這個問題後呢,我先去看了api,api上是這麼說的 哦吼~ 然後我也不知道是不是我的開啟方式不對還是什麼~~ 沒有效果~~  那怎麼辦呢~~  換方法唄~~   我只好用這個方法啦: &nbs

程式地理位置授權 wx.getLocation

1. 授權地理位置 點選按鈕,彈出授權彈窗,點選允許後,在以後的操作中可以隨時獲取到使用者地理位置 點選拒絕後,將無法獲取到地理位置,也無法再次點選彈出彈窗。 <button bindtap='onAuthLocation' >授權位置</button> onAut

程式使用者資訊授權 wx.getUserInfo

使用者授權 <button open-type="getUserInfo" bindgetuserinfo='getUser'>授權使用者資訊</button> getUser(e) { console.log(e); wx.getUserInfo({

程式條件渲染 wx:if與hidden比較

wx:if 1、在框架中,使用wx:if="{{condition}}" 來判斷是否需要渲染該程式碼: 如果條件成立就渲染 <view wx:if="{{condition}}">123</view> 2、在花括號中也可以寫條件判斷 <view>

程式音訊播放-wx.createInnerAudioContext()

咱們先看看官方示例地址:https://mp.weixin.qq.com/debug/wxadoc/dev/api/createInnerAudioContext.html建立innerAudioCon

重寫程式wx.request,使實現cookie的全部功能

微信小程式的wx.request不支援cookie功能,所以無法實現儲存登入會話等需要cookie支援的功能。 我重寫了這個功能,使微信小程式環境完全模擬了瀏覽器的cookie功能。 有了它,就相當於wx.request支援了cookie功能,可以盡情的使用cookie跟

程序wx.showmodal

res 城市 pre data 綁定 log mod cancel http 1. . wx.showModal({ title: "2222步", content: currentCache ? "確定為自己城市添加步數嗎" : "確定取消為

程式物流狀態時間軸

一個月左右沒更新部落格了,最近有點懶了哈(工作上真的忙),很多工作上學習到的東西都沒有及時分享出來,有點愧疚,不過自己最近一直在收集資料和學習一些新技術,最主要是想要構建自己的前端技術體系和自定義一個前端規範文件,哈哈哈。說重點啦,微信小程式裡面開發的商城模組還挺多的,剛好寫了一個物流狀態的時間軸,簡單分享一

程式登陸 —— 程式教程系列(20)

簡介: 微信登陸,在新建一個微信小程式Hello World專案的時候,就可以看到專案中出現了我們的微信頭像,其實這個Hello World專案,就有一個簡化版的微信登陸。只不過是,還沒有寫入到咱們自家的後臺中而已。 新建一個Hello World專案,找到a

程式swiper限制迴圈滑動

最近接的一個單子是使用swiper來達到頁面之間完美滑動的效果的。也就三個頁面首頁、內容頁、尾頁。 但是客戶要求首頁不能滑到尾頁,尾頁不能滑到首頁。 在官方文件中沒有找到方法,因此只能繞彎路了。  wxml頁面程式碼:重點在於 current='{{show_index}}'

11.程式canvas生成圖片並儲存到手機

在小程式中,會有這樣一種需求,儲存某一個頁面並將其分享到朋友圈。一般的做法是:將這個頁面用canvas繪製出來,通過wx.canvasToTempFilePath,把當前畫布指定區域的內容匯出生成指定大小的圖片。然後再通過wx.saveImageToPhotosAlbum,儲存圖片到系統相簿。由

程式介面互動反饋

互動反饋就是在使用者觸發某事件之後,給使用者一個反饋資訊。 在小程式中是通過以下幾種方式實現的: 1.wx.showToast()方法 showToast: function (postscollected, postcollected) {

程式 wepy wx.previewImage 封裝

本文出自: http://blog.csdn.net/wyk304443164 imagebrowse.wpy <style lang="less"> .clear { clear: both; } </style> &

程式wx:for和wx:for-item區別(補充下wx:key)

 wx:for 一維陣列情況: 在頁面上 view  wx:for  ="{{list}}"   {{item.id}} view 是迴圈list item是List的別名 多維陣列情況: view  wx:fo

程式側邊欄滑動實現(附完整原始碼)

目錄 一、效果圖 二、原理解析 三、原始碼 四、專案下載 同類文章推薦: 更多幹貨關注公眾號: 一、效果圖 講什麼都不如直接上效果圖好,所以我們先來看下實現效果如何。 通過滑動螢幕,或者點選左上角的圖示按鈕,都能實現側邊欄的劃出效果。   &nb