微信小プログラムのドロップダウンとアップロードの原理解析
この文章は主に微信小プログラムの更新とアップロードの実現方法を紹介しています。ここでは例示的なコードを通して紹介された非常に詳細で、皆さんの学習や仕事に対して一定の参考となる学習価値があります。
1.プルダウンリフレッシュの概念とアプリケーションシーン。
コンセプト：ドロップダウンリフレッシュは、リストデータを移動端で更新するインタラクティブな行為であり、ユーザが指をスクリーン上にスライドさせることで、ページのドロップダウンリフレッシュをトリガし、リストデータを更新することができます。
アプリケーションシーン：モバイル端末では、データリストは一般的なページ効果であり、リストデータを更新することは最も基本的なページニーズであり、ボタン更新よりも、タイムオーバーでは、ドロップダウンリフレッシュのユーザーは便利で友好的な体験ができ、モバイル端末でリストデータを更新する最良の解決策となっている。
WeChatウィジェットの起動によるドロップダウンリフレッシュ:
二つの方法：
1.app.jsonのwindowオプションやページ構成でenable PullDown Refshを開く必要がありますが、一般的にはページ構成で必要なページのために単独でドロップダウンリフレッシュを開くことをおすすめします。
2.wx.startPullDown Refresh（）によってドロップダウンリフレッシュがトリガされ、起動後にドロップダウン動画の更新がトリガされ、効果はユーザーの手動ドロップダウンと一致します。
ウィンドウをドロップダウンして更新するスタイルを設定します。
app.jsonのwindowオプションまたはページ構成でbackbroudColorとbackground TextStyleオプションを修正する必要があります。
background Color:ダウンリフレッシュウィンドウの背景色を設定します。16進の色の値だけをサポートします。
background Text Styleはドロップダウンを設定してloadingのスタイルを更新します。darkとlightだけをサポートします。
onPull DownRefresh：ページ関連イベント処理関数--ユーザーのドロップダウン操作を監督する時に実行します。
ドロップダウンの更新を停止:
万ドロップダウンを処理してリフレッシュした後、ドロップダウンリフレッシュのloading効果はずっと表示されます。自発的に消えることはなく、手動でドロップダウンリフレッシュのloading効果を隠す必要があります。この時、ジャンプはwx.stopPullDown Refsh（）で現在のページのドロップダウンリフレッシュを停止できます。
アップロード
1.より多くの概念とアプリケーションシーンをアップロードする。
コンセプト：移動端で、指が上にスライドするにつれて、内容がスクリーンの底に達する時、ページは次の内容をどんどんロードします。新しい内容の位置がないことを知っています。私達はこれをアップロードと呼びます。もっと多くの本質はデータの改ページのローディングです。
アプリケーションシーン：モバイル端末では、リストデータのページごとにロードされ、優先的なインプリメンテーションは、アップロードがより多くなります。
タッチアップの距離を設定:
app.jsonのwindowオプションやページ構成にタッチダウンの距離を設定することができますonReachBottom Distance単位はpxで、デフォルトのタッチダウン距離は50 pxです。
タッチダウンイベントを傍受します。OneReachBottom関数は、現在のページでユーザーのタッチダウンイベントを傍受することができます。これにより、リストデータをより多く読み込む効果があります。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。
1.プルダウンリフレッシュの概念とアプリケーションシーン。
コンセプト：ドロップダウンリフレッシュは、リストデータを移動端で更新するインタラクティブな行為であり、ユーザが指をスクリーン上にスライドさせることで、ページのドロップダウンリフレッシュをトリガし、リストデータを更新することができます。
アプリケーションシーン：モバイル端末では、データリストは一般的なページ効果であり、リストデータを更新することは最も基本的なページニーズであり、ボタン更新よりも、タイムオーバーでは、ドロップダウンリフレッシュのユーザーは便利で友好的な体験ができ、モバイル端末でリストデータを更新する最良の解決策となっている。
WeChatウィジェットの起動によるドロップダウンリフレッシュ:
二つの方法：
1.app.jsonのwindowオプションやページ構成でenable PullDown Refshを開く必要がありますが、一般的にはページ構成で必要なページのために単独でドロップダウンリフレッシュを開くことをおすすめします。
2.wx.startPullDown Refresh（）によってドロップダウンリフレッシュがトリガされ、起動後にドロップダウン動画の更新がトリガされ、効果はユーザーの手動ドロップダウンと一致します。
ウィンドウをドロップダウンして更新するスタイルを設定します。
app.jsonのwindowオプションまたはページ構成でbackbroudColorとbackground TextStyleオプションを修正する必要があります。
background Color:ダウンリフレッシュウィンドウの背景色を設定します。16進の色の値だけをサポートします。
background Text Styleはドロップダウンを設定してloadingのスタイルを更新します。darkとlightだけをサポートします。
onPull DownRefresh：ページ関連イベント処理関数--ユーザーのドロップダウン操作を監督する時に実行します。
ドロップダウンの更新を停止:
万ドロップダウンを処理してリフレッシュした後、ドロップダウンリフレッシュのloading効果はずっと表示されます。自発的に消えることはなく、手動でドロップダウンリフレッシュのloading効果を隠す必要があります。この時、ジャンプはwx.stopPullDown Refsh（）で現在のページのドロップダウンリフレッシュを停止できます。
アップロード
1.より多くの概念とアプリケーションシーンをアップロードする。
コンセプト：移動端で、指が上にスライドするにつれて、内容がスクリーンの底に達する時、ページは次の内容をどんどんロードします。新しい内容の位置がないことを知っています。私達はこれをアップロードと呼びます。もっと多くの本質はデータの改ページのローディングです。
アプリケーションシーン：モバイル端末では、リストデータのページごとにロードされ、優先的なインプリメンテーションは、アップロードがより多くなります。
タッチアップの距離を設定:
app.jsonのwindowオプションやページ構成にタッチダウンの距離を設定することができますonReachBottom Distance単位はpxで、デフォルトのタッチダウン距離は50 pxです。
タッチダウンイベントを傍受します。OneReachBottom関数は、現在のページでユーザーのタッチダウンイベントを傍受することができます。これにより、リストデータをより多く読み込む効果があります。
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。