この記事では主に 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 アプレットのメッセージ プロンプト ボックスの実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。