UIの最新バージョン1.2.2がリリースしました。今回は大きな機能追加が二つあります。Listこちらの機能について解説します。Refreshは表示領域を下に引っ張ってイベントを起こす機能です。ネイティブアプリではよく知られた機能で、通常は情報更新する際に利用されます。こちらはまずデモで動作をご覧ください。実際に動かせるようになっていますので、その操作感を確かめてください。Window実際に利用する際には次のようにHTMLコードを書きます。</ons-list></ons-page>JavaScriptは次のようになります。ここでリストをリフレッシュしたり、追記したりすることができます。List無限リストの機能になります。こちらもまずはデモでご覧ください。Window情報を一覧するリストでは時に大量になることがあります。スマートフォンのブラウザも高機能になっているとは言え、大量のDOMを描画するとどんどん動作が重たくなっていきます。Elementを削除し、メモリが逼迫したり動作が重たくなるのを防ぐ必要があります。いった工夫は実装しようと思うと面倒なものです。DOMの削除や復元を行うコントロールになります。HTMLは次のようになります。</ons-list-item></ons-list>ons-lazy-repeat要素を追加し、MyDelegateを指定しておきます。続いてJavaScriptは次のように書きます。};});リストのアイテム数、アイテムの高さ、スコープ設定、そしてDOMから削除した時の処理を呼び出せます。これで大量のリスト項目を次々に読み込んでいったとしても安定した描画と動作を保てるようになります。その他のアップデート1.2.2ではこの他、細かなアップデートが行われています。・ユーザがメインページをタップしたらスライドメニューが閉じるようになりました。これはネイティブアプリによくあるUIに似せています。・<ons-tab>にpersistent要素を追加。この要素が指定されているタブはコンテンツの再ロードをしません。・ons.navigatorやons.slidingMenuといった自動的に生成されていた変数は削除されました。これにより既存のコードが影響を受ける場合があります。5(Lollipop)でテストされるようになりました。・カルーセルはドラッグイベントをスライドメニューに伝えなくなりました。スクロールコンテンツとカルーセルを一緒に使った場合もうまく動くようになりました。・その他小さなバグフィックス。UIをお使いの方はぜひ最新版の1.2.2をお使いください。大量のリスト表示はよくある描画なので、速度や安定性の向上に役立つはずです。byスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。