小さなプログラムの動作マイクロチャネルフィードバック

ブログについて

この方法は、マイクロチャネルを記載しているフィードバックのユーザ操作に応じてユーザインターフェースを使用してこのブログアプレット相互作用は、4つのカテゴリを含むフィードバック。

• メッセージボックスを表示wx.showToast
• モーダルダイアログボックスがwx.showModalを表示しました
• 画面ロードバルーンwx.showLoading
• 操作メニューwx.showActionSheetを表示

メッセージボックスを表示wx.showToast

ユーザの操作を促すメッセージボックスを表示するWx.showToast状態

wx.showToastパラメータ情報：

プロパティ	タイプ	デフォルト値	必須の	説明
アイテムリスト	アレイ。<文字列>		それはあります	テキストボタンアレイ6の最大配列長
itemColor	ストリング	＃000000	ノー	ボタンのテキストの色
成功	関数		ノー	インタフェース呼出成功コールバック関数
不合格	関数		ノー	インターフェイスは、障害コールバック関数を呼び出します
コンプリート	関数		ノー	インタフェースは、コールバック関数の終了を呼び出す（呼び出しが成功、失敗が実行されます）

object.successコールバック関数

パラメータオブジェクトのres

プロパティ	タイプ	説明
tapIndex	数	ユーザは0から始まるボタン番号、上から下へ、クリック

使用

//wxml
<button size="mini" bindtap="showActionSheetFunc">showActionSheet显示菜单</button>

//jscript
showToastFunc:function()
{
    console.log('显示消息提示框');
    wx.showToast({
      title:'显示消息提示框',
      icon: 'sucess',
      image: '',
      duration: 800,
      mask: true,
      success: function(res) {},
      fail: function(res) {},
      complete: function(res) {},
    })
},

もちろん、我々はまた、wx.hideToastを使用して、事前のトーストでメッセージボックスを非表示にするタイマーを設定することができます

  showToastFunc:function()
  {
      console.log('显示消息提示框');
      wx.showToast({
        title:'显示消息提示框',
        icon: 'sucess',
        image: '',
        duration: 800,
        mask: true,
        success: function(res) {},
        fail: function(res) {},
        complete: function(res) {},
      });
      setTimeout(function(){
        wx.hideToast();
      },500);
  },

モーダルダイアログボックスがwx.showModalを表示しました

モーダルダイアログボックスを表示するためのwx.showModalは、ユーザが決定またはプロンプトキャンセルすることができます。

wx.showModal属性パラメータ

プロパティ	タイプ	デフォルト値	必須の	説明
題名	ストリング		ノー	ヒントタイトル
コンテンツ	ストリング		ノー	内容をヒント
showCancel	ブーリアン	真	ノー	[キャンセル]ボタンを表示するかどうか
cancelText	ストリング	「キャンセル」	ノー	テキストは、ボタン、4つの文字の最大をキャンセル
cancelColor	ストリング	＃000000	ノー	ボタンのテキストの色をキャンセル、色は、16進形式の文字列でなければなりません
confirmText	ストリング	'OK'	ノー	テキスト確認ボタン、および4つの文字の最大
confirmColor	ストリング	＃576B95	ノー	ボタンのテキストの色を確認し、色は、16進形式の文字列でなければなりません
成功	関数		ノー	インタフェース呼出成功コールバック関数
不合格	関数		ノー	インターフェイスは、障害コールバック関数を呼び出します
コンプリート	関数		ノー	インタフェースは、コールバック関数の終了を呼び出す（呼び出しが成功、失敗が実行されます）

object.successコールバック関数

パラメータオブジェクトのres

プロパティ	タイプ	説明	最小バージョン
確認	ブーリアン	trueの場合、ユーザーが[OK]ボタンをクリックしたことを示し
キャンセル	ブーリアン	、ユーザーが[キャンセル]をクリックすることを示している場合に真（オフモンゴル層を区別するためにAndroidのシステムのためのクリック、または閉じるには、[キャンセル]ボタンをクリックしてください）	1.1.0

使用

  showModalFunc:function()
  {
      console.log('显示模态对话框');
      wx.showModal({
        title: '标题',
        content: '显示模态对话框',
        showCancel:false,
      })
  },

画面ロードバルーンwx.showLoading

showToast差がロード表示するために使用することはwx.showLoading showLoadingプロンプトボックスを閉じwx.hideLoadingを呼び出すためのイニシアチブを取る必要があり、次のとおりです。

wx.showLoading属性パラメータ

プロパティ	タイプ	デフォルト値	必須の	説明
題名	ストリング		それはあります	内容をヒント
マスク	ブーリアン	偽	ノー	かどうかは、タッチの侵入を防ぐために、透明マスク層を表示します
成功	関数		ノー	インタフェース呼出成功コールバック関数
不合格	関数		ノー	インターフェイスは、障害コールバック関数を呼び出します
コンプリート	関数		ノー	インタフェースは、コールバック関数の終了を呼び出す（呼び出しが成功、失敗が実行されます）

wx.hideLoading

プロパティ	タイプ	デフォルト値	必須の	説明
成功	関数		ノー	インタフェース呼出成功コールバック関数
不合格	関数		ノー	インターフェイスは、障害コールバック関数を呼び出します
コンプリート	関数		ノー	インタフェースは、コールバック関数の終了を呼び出す（呼び出しが成功、失敗が実行されます）

使用

ロード例は、ここでメッセージボックスを提供し、ロードwx.hideLoadingボックス閉じた後にIP通話要求Baiduは、リクエストの成功メッセージが呼び出されます。

showLoadingFunc:function()
  {
      console.log('显示loading提示框');
      wx.showLoading({
        title: '显示Loading框',
      });
      wx.request({
        url: api,
        data: {
          ak:"g9H3gfaWIcYe5ScizNsDSIL6uf7YPYPV",
        },
        success:function(res)
        {
          console.log(res);
          wx.hideLoading();
        }
      })
  },

操作メニューwx.showActionSheetを表示

ユーザーに表示される操作メニューを表示するためのshowActionSheet

showActionSheetの属性パラメータ

プロパティ	タイプ	デフォルト値	必須の	説明
アイテムリスト	アレイ。<文字列>		それはあります	テキストボタンアレイ6の最大配列長
itemColor	ストリング	＃000000	ノー	ボタンのテキストの色
成功	関数		ノー	インタフェース呼出成功コールバック関数
不合格	関数		ノー	インターフェイスは、障害コールバック関数を呼び出します
コンプリート	関数		ノー	インタフェースは、コールバック関数の終了を呼び出す（呼び出しが成功、失敗が実行されます）

object.successコールバック関数

パラメータオブジェクトのres

プロパティ	タイプ	説明
tapIndex	数	ユーザは0から始まるボタン番号、上から下へ、クリック

使用

  showActionSheetFunc:function()
  {
    console.log('显示菜单showActionSheet');
    wx.showActionSheet({
      itemList: ['A','B','C'],
      success:function(res)
      {
          if(!res.showCancel) console.log(res.tapIndex);
      }
    })
  },