WeChat アプレットのメッセージ プロンプト ボックスの実装

この記事では主に WeChat アプレット プロンプト ボックスを紹介し、参考として提供します。興味のある友達は参考にしてみてください。

Android で作業する場合、トーストは WeChat アプレット開発において重要なメッセージ プロンプト メソッドでもあります。

プロンプト ボックス:

メッセージ プロンプト ボックスを表示します。

サンプルコード:

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

wx.hideToast()

メッセージプロンプトボックスを非表示

wx.showToast({
 title: '加载中',
 icon: 'loading',
 duration: 10000
})

setTimeout(function(){
 wx.hideToast()
},2000)

wx.showModal(OBJECT)

モーダルを表示ポップアップウィンドウ

サンプルコード:

wx.showModal({
 title: '提示',
 content: '这是一个模态弹窗',
 success: function(res) {
  if (res.confirm) {
   console.log('用户点击确定')
  }
 }
})

wx.showActionSheet(OBJECT)

アクションメニューを表示

戻り値パラメーターの説明:

サンプルコード: rree

wx.setNavigationBarTitle(OBJECT)

現在のページのタイトルを動的に設定します。

サンプルコード:

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

wx.showNavigationBarLoading()

現在のページにナビゲーション バーの読み込みアニメーションを表示します。

wx.hideNavigationBarLoading()

ナビゲーションバーの読み込みアニメーションを非表示にします。

wx.navigateTo(OBJECT)

現在のページを保持し、アプリケーション内のページにジャンプし、元のページに戻るにはwx.navigateBackを使用します。

サンプルコード:

wx.setNavigationBarTitle({
 title: '当前页面'
})

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

wx.redirectTo(OBJECT)

現在のページを閉じて、アプリ内のページにジャンプします。

サンプル コード:

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

wx.navigateBack(OBJECT)

現在のページを閉じて、前のページまたは複数レベルのページに戻ります。 getCurrentPages()) を通じて現在のページ スタックを取得し、返すレベルの数を決定できます。

アニメーション:

wx.createAnimation(OBJECT)

アニメーションインスタンスアニメーションを作成します。インスタンスのメソッドを呼び出してアニメーションを記述します。最後に、アニメーション データはアニメーション インスタンスのエクスポート メソッドを通じてエクスポートされ、コンポーネントのアニメーション プロパティに渡されます。

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

animation

アニメーション インスタンスは、アニメーションを記述するために次のメソッドを呼び出すことができ、それ自体が返されます。通話完了後のチェーンコール書き込みをサポートします。

回転:

スケール:

オフセット:

傾き:

マトリックス変換:

アニメーションキュー

アニメーション操作メソッドを呼び出した後、 step( ) アニメーションのセットの完了を示すには、アニメーションのセット内で任意の数のアニメーション メソッドを呼び出すことができ、アニメーションのセット内のすべてのアニメーションが同時に開始され、アニメーションのセットが完了するまで次のアニメーション メソッドは続行されません。一連のアニメーションが完成しました。 step は、wx.createAnimation() と同様の構成パラメータを渡して、現在のグループ アニメーションの構成を指定できます。

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

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

wx.hideKeyboard()

キーボードを非表示にします。

wx.stopPullDownRefresh()

現在のページのプルダウン更新を停止します。詳細については、ページ関連のイベント処理関数を参照してください。

WeChatミニプログラムでプレースホルダープロンプトテキストとボタンの選択/キャンセルステータスを動的に設定する方法

WeChatミニプログラムのタブの簡単な紹介

WeChatミニプログラムでの複数画像アップロード機能の実装

以上がWeChat アプレットのメッセージ プロンプト ボックスの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。