JP6941617B2 - ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置 - Google Patents

ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置 Download PDF

Info

Publication number
JP6941617B2
JP6941617B2 JP2018546452A JP2018546452A JP6941617B2 JP 6941617 B2 JP6941617 B2 JP 6941617B2 JP 2018546452 A JP2018546452 A JP 2018546452A JP 2018546452 A JP2018546452 A JP 2018546452A JP 6941617 B2 JP6941617 B2 JP 6941617B2
Authority
JP
Japan
Prior art keywords
listcell
prototype
native
content
template
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Active
Application number
JP2018546452A
Other languages
English (en)
Other versions
JP2019510309A (ja
JP2019510309A5 (ja
Inventor
グァン,ウェイガン
シ,ダンシァ
チェン,ウェンホン
Original Assignee
アドバンスド ニュー テクノロジーズ カンパニー リミテッド
アドバンスド ニュー テクノロジーズ カンパニー リミテッド
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by アドバンスド ニュー テクノロジーズ カンパニー リミテッド, アドバンスド ニュー テクノロジーズ カンパニー リミテッド filed Critical アドバンスド ニュー テクノロジーズ カンパニー リミテッド
Publication of JP2019510309A publication Critical patent/JP2019510309A/ja
Publication of JP2019510309A5 publication Critical patent/JP2019510309A5/ja
Application granted granted Critical
Publication of JP6941617B2 publication Critical patent/JP6941617B2/ja
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90Details of database functions independent of the retrieved data types
    • G06F16/95Retrieval from the web
    • G06F16/957Browsing optimisation, e.g. caching or content distillation
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/31Programming languages or programming paradigms
    • G06F8/312List processing, e.g. LISP programming language
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/20Software design
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/36Software reuse
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00Arrangements for software engineering
    • G06F8/30Creation or generation of source code
    • G06F8/38Creation or generation of source code for implementing user interfaces
    • YGENERAL TAGGING OF NEW TECHNOLOGICAL DEVELOPMENTS; GENERAL TAGGING OF CROSS-SECTIONAL TECHNOLOGIES SPANNING OVER SEVERAL SECTIONS OF THE IPC; TECHNICAL SUBJECTS COVERED BY FORMER USPC CROSS-REFERENCE ART COLLECTIONS [XRACs] AND DIGESTS
    • Y02TECHNOLOGIES OR APPLICATIONS FOR MITIGATION OR ADAPTATION AGAINST CLIMATE CHANGE
    • Y02WCLIMATE CHANGE MITIGATION TECHNOLOGIES RELATED TO WASTEWATER TREATMENT OR WASTE MANAGEMENT
    • Y02W30/00Technologies for solid waste management
    • Y02W30/50Reuse, recycling or recovery technologies
    • Y02W30/82Recycling of waste of electrical or electronic equipment [WEEE]

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Computing Systems (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • Human Computer Interaction (AREA)
  • Stored Programmes (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)
  • Information Retrieval, Db Structures And Fs Structures Therefor (AREA)

Description

本願は、コンピュータ分野に関し、特に、ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置に関する。
ハイブリッド開発は、フロントエンド開発とネイティブ開発の両方を用いて行う、プログラムの開発である。フロントエンド開発は、JavaScript(登録商標)、HTML、及びCSSなどの技術に基づいて行う、ウェブページ及びウェブアプリケーションの開発である。ネイティブ開発は、スマートデバイス、例えば携帯電話、のローカルオペレーティングシステムのネイティブ機能に基づいて行うプログラミングである。例えば、iOS及びAndroid(登録商標)などのシステムに基づいて行うネイティブインターフェース開発である。Reactは、Facebook(登録商標)により製作されたJSフレームワークであり、フロントエンド開発を標準化するための構築システムである。React Nativeは、Facebook(登録商標)によってReact標準に基づいて立ち上げられたもので、フロントエンド技術を用いてネイティブアプリケーションを開発できる技術実施フレームワークである。
ハイブリッド開発は、現行のモバイルアプリケーションにとってよく知られた開発様式である。この開発様式においては、インターフェース及びサービスを開発するためにフロントエンドウェブページ開発技術が用いられ、様々なOSのネイティブ能力を提供するためにネイティブ開発が用いられ、その結果得られたアプリケーションは、フロントエンドの動的能力とネイティブのエクスペリエンス効果を奏することができる。ListViewは、アプリケーションの最も一般的な提示形式であり、リスト形式のコンテンツ(内容)を含むページを提示するために用いられ、リスト内の同一又は類似の構造を持つ多数(複数)のListCellを提示し、通常、様々なListCellの包含をサポートすることができる。ListCellの提示構造は基本的に同一であり、提示対象の情報のコンテンツのみが異なる。ListCellは、ListViewの各行又は各サブセルに提示されるコンテンツである。画面の表示領域は限られているので、画面が同時に提示できるのは、ListViewの一部のListCellのコンテンツに過ぎない。他の一部のListCellは、上下にスクロールすることによってのみ画面表示領域内でスクロールでき、これに応じ、一部のListViewはスクロールして表示領域から外れる。したがって、画面上でユーザが見ることができるListCellは常に限定されている。しかし、現在のフロントエンド技術において、フロントエンドは、Native(ネイティブ)を起動してインスタンスを創出し、全てのListCellに対してレンダリングを実施する必要がある。その結果、実施された多くが無駄になる。React Native上での既存のListView実施ソリューションを図1に示す。ListCellはフロントエンドレイヤにて定義されるため、React Nativeフレームワークが行えるのは、ListViewの全体構造をネイティブレイヤにマッピングすることだけである。したがって、ListViewが100個のListCellを有している場合、ネイティブレイヤでは100個のListCellが創出され、100個のListCellが配置され、レンダリングされる。これは、メモリと時間の両方を消費する。
リストスクロール工程において、表示可能領域の外へ移動されたListCellを再利用して表示可能領域へ移動すべきListCellを提示できる。そのため、新たなListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。現行のハイブリッド技術では、ListView開発において、構造レイアウトとListCellクラスとはフロントエンドにて定義され、フロントエンドはネイティブレイヤを起動してListCellインスタンスを創出する。したがって、フロントエンドのDOMレンダリング機構の制約により、DOMの再構築には多額のコストが必要になることから、ネイティブレイヤは、ListCellを効率的に再利用できない。
現行のネイティブ開発においては、ListCellの再利用に応ずる対応技術が存在する。しかし、ハイブリッド技術においては、ページ開発にフロントエンド技術が用いられるため、フロントエンドではListViewとListCellとの両方が創出される。ListCellがネイティブレイヤで創出され、再利用された場合、フロントエンドで定義されるListCellクラスをネイティブレイヤへ伝送できない。換言すると、フロントエンドにてJavaScript(登録商標)(JS)を用いて定義されるListCellクラスについて、インスタンスをネイティブレイヤにて直接創出できない。したがって、当業界において、現在、ハイブリッド開発でフロントエンドListCellの再利用に用いることができる技術は存在しない。
本願の目的は、ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置を提供することにより、ハイブリッド開発において、ListCellの構造とクラスはフロントエンドにて定義され、しかし、ListCellはネイティブエンドにて創出され再利用されるという課題を解決することである。
本願の態様により、ハイブリッドアプリケーションにおいてListCellを再利用する方法が提供され、前記方法は以下を含む:前記ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するステップ;前記ハイブリッドアプリケーションのネイティブエンドにて、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて、前記ListCellを取得し、前記ListCellを再利用するステップ。
更に、前記方法において、ListCellのプロトタイプを定義する前記ステップは以下を含む:前記ListCellの前記プロトタイプの構造レイアウト及びクラスを定義するステップ。
更に、前記方法において、前記ListCellの前記プロトタイプは、単一のListCellのプロトタイプである。
更に、前記方法において、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて前記ListCellを取得する前記ステップは以下を含む:前記ListCellの前記プロトタイプに基づいてListCellテンプレートを創出するステップ;前記ListCellテンプレートをコピーすることにより前記ListCellを取得するステップ;取得されたListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するステップ。
更に、前記方法において、前記ListCellテンプレートをコピーすることにより前記ListCellを取得する前記ステップは以下を含む:前記ListCellテンプレートの全てのサブビューをトラバースし、これらを取得するステップ;全ての前記サブビューと前記サブビューの属性とを含むListCellを創出するステップ。
更に、前記方法において、取得されたListCellのコンテンツを前記コピーされたListCellに記入する前記ステップは以下を含む:前記取得されたListCellのコンテンツを、前記創出されたListCellのそれぞれの対応するサブビューに記入するステップ。
更に、前記方法において、前記ListCellのコンテンツは前記フロントエンドから取得される。
更に、前記方法において、前記ListCellテンプレートをコピーすることにより前記ListCellを取得する間に、コピーされるListCellの数が、表示領域に含めて表示することができるListCellの数に基づいて特定される。
更に、前記方法において、前記ListCellを再利用する前記ステップは以下を含む:
或るListCellのコンテンツが前記表示領域の外に移動された場合、前記移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルするステップ;
新しいListCellのコンテンツを前記表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定するステップ;
肯定である場合、前記新しいListCellのコンテンツを前記再利用可能なListCellに記入し、前記ListCellを表示するステップ;又は、否定である場合、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、前記新しいListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するステップ。
本願の他の態様により、ハイブリッドアプリケーションにおいてListCellを再利用する装置が更に提供され、前記装置は以下を含む:前記ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するように構成された定義装置;前記ハイブリッドアプリケーションのネイティブエンドにて、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて前記ListCellを取得し、前記ListCellを再利用するように構成されたコピー・再利用装置。
更に、前記装置において、前記定義装置は、前記ListCellの前記プロトタイプの構造レイアウト及びクラスを定義するように構成される。
更に、前記装置において、前記ListCellの前記プロトタイプは、単一のListCellのプロトタイプである。
更に、前記装置において、前記コピー・再利用装置は、前記ListCellの前記プロトタイプに基づいてListCellテンプレートを創出し、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、取得されたListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するように構成される。
更に、前記装置において、前記コピー・再利用装置は、前記ListCellテンプレートの全てのサブビューをトラバースし、これら取得し、全ての前記サブビューと前記サブビューの属性とを含むListCellを創出するように構成される。
更に、前記装置において、前記コピー・再利用装置は、前記取得されたListCellのコンテンツを、前記創出されたListCellのそれぞれの対応するサブビューに記入するように構成される。
更に、前記装置において、前記ListCellのコンテンツは前記フロントエンドから取得される。
更に、前記装置において、前記コピー・再利用装置は、表示領域に含めて表示することができるListCellの数に基づいて、コピーされるListCellの数を特定するように構成される。
更に、前記装置において、前記コピー・再利用装置は、或るListCellのコンテンツが前記表示領域の外に移動された場合、前記移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルし;新しいListCellのコンテンツを前記表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定し;肯定である場合、前記新しいListCellのコンテンツを、前記再利用可能なListCellに記入し、前記ListCellを表示し;否定である場合、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、前記新しいListCellのコンテンツを、前記コピーされたListCellに記入し、前記ListCellを表示するように構成される。
既存の技術と比べると、本願においては、ListCellのプロトタイプがフロントエンドにて定義される。ListCellのプロトタイプは、ネイティブエンドにてコピーされる。ネイティブエンドは、現在のリスト提示位置に基づいて不可視のListCellを再利用する。そのため、ListCellのプロトタイプをフロントエンドにて定義でき、ネイティブエンドにてListCellを自由に創出し、レンダリングし、再利用できる。したがって、ハイブリッド開発におけるListCellの定義付けの柔軟性を維持できるだけでなく、ListCellをネイティブエンドにて再利用でき、それにより、大きなリストの提示及び操作性能が大幅に向上する。本願の技術的解決策の中核は、リストページ上のListCellを再利用し、レンダリング及び操作性能を向上させるため、ハイブリッドアプリケーション開発において、ListCellの構造及びクラスをフロントエンドにて定義するが、ListCellをネイティブエンドにて創出し、再利用する、という課題を解決することである。
本願の他の特徴、目的、及び利点は、以下の添付図面を参照して、非限定的な実施の詳細な説明を読むことによってより明らかになる。
既存のListViewの実施を示す。
本願の態様による、ハイブリッドアプリケーションにおいてListCellを再利用する方法を示すフローチャートである。
本願の実施例を示す原理図である。
本願の別の実施例を示す原理図である。
本願の別の実施例を更に示す原理図である。
本願の別の態様による、ハイブリッドアプリケーションにおいてListCellを再利用する装置のモジュールを示す図である。
添付図面における同一又は類似の符号は、同一又は類似の構成要素を表す。
以下では、添付の図面を参照して、本願の実施を詳細に説明する。
本願の典型的な構成では、端末デバイス、サービスネットワークデバイス、及び信頼できるパーティのそれぞれは、1つ又は複数の中央処理装置(CPU)、入力/出力インターフェース、ネットワークインターフェイス、及びメモリを含む。
メモリは、コンピュータ可読媒体における、非永続メモリ、ランダムアクセスメモリ(RAM)、及び/又は不揮発性メモリ、例えば、読み出し専用メモリ(ROM)又はフラッシュメモリ(フラッシュRAM)など、を含むことができる。メモリは、コンピュータ可読媒体の一例である。
コンピュータ可読媒体は、任意の方法又は技術を使用することによって情報の記憶を実施することができる、永続性、非永続性、可動性及び移動不可能な媒体を含む。情報は、コンピュータ可読命令、データ構造、プログラムモジュール、又は他のデータとすることができる。コンピュータ記憶媒体の例には、相変化メモリ(PRAM)、スタティックランダムアクセスメモリ(SRAM)、ダイナミックランダムアクセスメモリ(DRAM)、別のタイプのランダムアクセスメモリ(RAM)、読出し専用メモリ(ROM)、電気的消去可能PROM(EEPROM)、フラッシュメモリ、又は他のメモリ技術、コンパクトディスク読出し専用メモリ(CD−ROM)、デジタル多用途ディスク(DVD)、又は他の光学記憶装置、カセット磁気テープ、テープ及びディスク記憶装置、又は他の磁気記憶装置、又は他の任意の非伝送媒体を含むことができるが、これらに限定されない。コンピュータ記憶媒体は、コンピュータデバイスによってアクセス可能な情報を記憶するように構成することができる。本明細書で説明するように、コンピュータ可読媒体は、変調データ信号及び搬送波などの非一時的なコンピュータ可読媒体を含まない。
図2に示すように、本願の態様によると、ハイブリッドアプリケーションにおいてListCellを再利用する方法が提供される。この方法は、下記のステップを含む。
ステップS1:ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義する。
ステップS2:ハイブリッドアプリケーションのネイティブエンドにて、ListCellのプロトタイプに基づいてコピーすることを通じてListCellを取得し、ListCellを再利用する。本願において、ListCellのプロトタイプ(親)が、フロントエンドにて定義される。ListCellのプロトタイプは、ネイティブエンド(Native)にてコピー(クローン生成)される。ネイティブエンドは、現在のリスト提示位置に基づいて不可視のListCellを再利用する。そのため、ListCellのプロトタイプをフロントエンドにて定義でき、ネイティブエンドにてListCellを自由に創出し、レンダリングし、再利用できる。したがって、ハイブリッド開発におけるListCellの定義付けの柔軟性を維持できるだけでなく、ListCellをネイティブエンドにて再利用でき、それにより、大きなリストの提示及び操作性能が大幅に向上する。本願の技術的解決策の中核は、ハイブリッド開発において、ListCellの構造及びクラスはフロントエンドにて定義され、しかし、ListCellはネイティブエンドにて創出され再利用される、という課題を解決することである。それにより、リストページ上でListCellを再利用してレンダリングと操作性能とを向上させることができる。本願は、全てのハイブリッドアプリケーション開発に適用可能であり、React Nativeフレームワークにおいて非常に良好な実施効果を奏する。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例において、ListCellのプロトタイプを定義するステップS1は、ListCellのプロトタイプの構造レイアウト及びクラスを定義するステップを含む。ここで、ListCellのプロトタイプを定義するステップは、ListCellの構造及びクラスを定義するステップを含む。そのため、ハイブリッド開発において、フロントエンドにてListCellを柔軟に定義できる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellのプロトタイプは単一のListCellのプロトタイプである。ここでは、1つのインスタンス(即ち、ListCellのプロトタイプ)のみがフロントエンドレイヤにて創出される。それに続き、ListCellテンプレートをプロトタイプのみに基づいてネイティブエンドにて創出できる。次いで、ListCellテンプレートが必要に応じてコピーされる。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellのプロトタイプに基づいてコピーすることを通じてListCellを取得するステップは:ListCellのプロトタイプに基づいてListCellテンプレートを創出するステップと;ListCellテンプレートをコピーすることによりListCellを取得するステップと;取得されたListCellのコンテンツを、コピーされたListCellに記入し、ListCellを表示するステップと;を含む。ここで、図3に示すように、ListCellテンプレート、即ち、図におけるListCellプロトタイプのインスタンスは、フロントエンドにて定義されるプロトタイプのみに基づいてネイティブエンドにて創出される。次に、ListCellテンプレートが、表示する必要があるListCellのコンテンツの数に基づいてコピーされて、対応する数のListCellが取得される。次に、ListCellのコンテンツ、即ち、図3におけるListCellデータ1からnがレンダリング及び表示のために、それぞれ対応するListCellに記入される。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellテンプレートをコピーすることによりListCellを取得するステップは:ListCellテンプレートの全てのサブビューをトラバースし、取得するステップと;全てのサブビューと、サブビューの属性とを含むListCellを創出するステップと;を含む。ここで、ListCellテンプレートの全てのサブビュー(ビュー)は再帰的にトラバースされ、次いで、全てのサブビューとサブビューに対応する属性とを含むためにコピーすることを通じてListCellが取得される。そのため、ListCellを正確にコピーできる。図4に示すように、ListCellテンプレート、即ち、図4におけるListCellプロトタイプのサブビューは、A、B、C、D、及びEを含む。ListCellプロトタイプをコピーするステップは、ListCellプロトタイプの全てのサブビューと、サブビューの属性とを含むListCellを創出する工程である。取得されるListCellのサブビューは、A’、B’、C’、D’、及びE’を含む。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、取得されたListCellのコンテンツを、コピーされたListCellに記入するステップは:取得されたListCellのコンテンツを、創出されたListCellのそれぞれの対応するサブビューに記入するステップを含む。ここで、ListCellのコンテンツを、ListCellのコンテンツに基づいてコピーされたListCellのそれぞれの対応するサブビューに記入できる。そのため、ListCellのコンテンツを、ListCellの対応する位置で正確に表示できる。図4に示すように、本実施において、ListCellのコンテンツ、即ち、図4におけるコンテンツデータはそれぞれ、コピーされたListCellの対応するサブビューA’、B’、C’、D’、及びE’に記入される。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellのコンテンツはフロントエンドから取得される。ここで、図3に示すように、ListCellのプロトタイプの定義付けに加え、フロントエンドは、ListCellのコンテンツ、即ち、図3におけるListCellのデータをネイティブエンドへ伝送するだけでよい。そのため、フロントエンドデータ処理で消費されるメモリ及び時間を削減できる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellテンプレートをコピーすることによりListCellを取得する間に、表示領域に含めて表示できるListCellの数に基づいてコピーされるListCellの数が特定される。ここでは、とりわけ、ListCellが表示領域に初めて表示される場合、再利用可能なListCellがまだ存在しないため、表示領域に含めて表示できるListCellの数に基づいてコピーすることにより、対応する数のListCellを取得する必要がある。例えば、図3において、対応する数のListCellが、1画面上に表示できるListCellの数に基づいて生成される、ことが特定される。そのため、ListCellを必要に応じてコピーすることができ、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。例えば、10個のListCellのコンテンツを表示する必要があり、表示領域が、10個のListCellを含めて表示できる場合、10個のListCellをコピーする必要がある。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する方法の実施の例では、ListCellを再利用するステップは:或るListCellのコンテンツが表示領域の外に移動された場合、移動されたListCellのコンテンツを含むListCellを、再利用可能なListCellとしてリサイクルするステップと;新しいListCellのコンテンツを表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定するステップと;肯定であれば、新しいListCellのコンテンツを再利用可能なListCellに記入し、ListCellを表示するステップ;又は、否定であれば、ListCellテンプレートをコピーすることによりListCellを取得し、新しいListCellのコンテンツを、コピーされたListCellに記入し、ListCellを表示するステップ;とを含む。ここで、図3に示すように、とりわけ、或るListCellが表示領域に初めて表示される場合、このとき再利用可能なListCellが既に存在する場合があるため、新しいListCellのコンテンツが表示されるときに再利用可能なListCellを使用できる、即ち、表示領域内のListCellは、リストをスクロールする工程において繰り返し再利用され移動される。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を更に削減して性能を向上させることができる。当然、再利用可能なListCellが存在しない場合、新しいListCellのコンテンツに基づいてListCellテンプレートをコピーして対応するデータのListCellを取得する必要がある。例えば、15個のListCellのコンテンツを表示する必要があり、表示領域は、10個のListCellを含めて表示できる。この場合、10個のListCellのコンテンツを表示するために10個のListCellを最初の表示時にコピーする必要がある。他の5個のListCellのコンテンツを表示のために表示領域へ移動する必要がある場合、既に表示されている5個の対応するListCellのコンテンツは表示領域の外に移動される。表示領域の外に移動される5個のListCellは、再利用可能なListCellとしてリサイクルすることができる。次いで、5個の再利用可能なListCellは、他の5個のListCellのコンテンツのために再利用できる。
図5に示すように、本願の原理及び手順をより深く理解するため、ハイブリッドフレームワーク(React Native)を例にとり、本願の実施原理及び手順を以下の通り説明する。
ステップS51:フロントエンドレイヤが、ListCellの構造及びクラスを定義する。
ステップS52:フロントエンドレイヤが、リストコンテンツデータ、即ち、ListCellのコンテンツを取得する。
ステップS53:フロントエンドレイヤが、定義されたListCellの構造及びクラスに基づいてListCellプロトタイプを創出し、リストコンテンツデータをネイティブエンドへ伝送し、次いで、ステップS56へ進む。
ステップS56:ネイティブエンドレイヤが、フロントエンドレイヤにより創出されたListCellプロトタイプに基づいてListCellプロトタイプインスタンス、即ち、ListCellテンプレートを創出する。
ステップS57:ネイティブエンドが、新しいListCellを表示領域に移動すべきであると特定し、ステップS58へ進む。
ステップS57と同時に実行されるステップS62:ネイティブエンドが、或るListCellを表示領域の外へ移動すべきであると特定し、ステップS63へ進む。
ステップS63:ネイティブエンドが、モバイル表示領域内のListCellを再利用可能なListCellとして用い、次いで、ステップS58へ進む。
ステップS58:ネイティブエンドが、再利用可能なListCellが存在するかどうかを特定する。
肯定であれば、ステップS59が実行される。即ち、ネイティブエンドが再利用可能なListCellを直接再利用し、次いで、ステップS61へ進む。ここで、ネイティブエンドは、表示可能領域に含めて表示できるListCellの数に基づいて、再利用できるListCellを特定する。
否定であれば、ステップS60が実行される。即ち、ネイティブエンドが、リストコンテンツデータに基づいてListCellプロトタイプインスタンスからListCellをコピーし、次いで、ステップS61へ進む。ここで、ネイティブエンドは、フロントエンドレイヤから伝送されるリストコンテンツデータに基づいて他のListCellをコピーする。
ステップS61:ListCellをレンダリングし、次いで、ステップS54へ進む。
ステップS54:フロントエンドレイヤユーザが、リストをスクロールする。
ステップS55:リフレッシュを起動した後、フロントエンドレイヤが、ステップS53へ進む。この場合、ListCellプロトタイプを再度創出する必要はなく、リストのリフレッシュされたコンテンツデータ、即ち、表示すべき新しいリストコンテンツデータのみがネイティブエンドに伝送される。
図6に示すように、本願の別の態様によると、ハイブリッドアプリケーションにおいてListCellを再利用する装置が更に提供される。装置100は、ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するように構成された定義装置1と;ハイブリッドアプリケーションのネイティブエンドにて、ListCellのプロトタイプに基づいてコピーすることを通じてListCellを取得し、ListCellを再利用するように構成されたコピー・再利用装置2と;を含む。本願において、ListCellのプロトタイプがフロントエンドにて定義される。ListCellのプロトタイプは、ネイティブエンド(Native)にてコピーされる。ネイティブエンドは、現在のリスト提示位置に基づいて不可視のListCellを再利用する。そのため、ListCellのプロトタイプをフロントエンドにて定義することができ、ネイティブエンドにてListCellを自由に創出し、レンダリングし、再利用できる。したがって、ハイブリッド開発においてListCellの定義付けにおける柔軟性を維持できるだけでなく、ListCellをネイティブエンドにて再利用でき、それにより、大きなリストの提示及び操作性能が大幅に向上する。本願の技術的解決策の中核は、ハイブリッド開発においては、ListCellの構造及びクラスはフロントエンドにて定義される、しかし、ListCellはネイティブエンドにて創出され再利用される、という課題を解決することである。そうすることで、リストページ上でListCellを再利用してレンダリング及び操作性能を向上させることができる。本願は、全てのハイブリッドアプリケーション開発に適用可能であり、React Nativeフレームワークにおいて非常に良好な実施効果を奏する。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、定義装置1は、ListCellのプロトタイプの構造レイアウト及びクラスを定義するように構成される。ここで、ListCellのプロトタイプを定義することは、ListCellの構造及びクラスを定義することを含む。そのため、ハイブリッド開発において、フロントエンドにてListCellを柔軟に定義できる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、ListCellのプロトタイプは単一のListCellのプロトタイプである。ここでは、1つのインスタンス(即ち、ListCellのプロトタイプ)のみがフロントエンドレイヤにて創出される。それに続き、ListCellテンプレートをプロトタイプのみに基づいてネイティブエンドにて創出できる。次いで、ListCellテンプレートが、必要に応じてコピーされる。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、コピー・再利用装置2は、ListCellのプロトタイプに基づいてListCellテンプレートを創出し、ListCellテンプレートをコピーすることによりListCellを取得し、取得されたListCellのコンテンツをコピーされたListCellに記入し、ListCellを表示するように構成される。ここで、図3に示すように、ListCellテンプレート、即ち、図におけるListCellプロトタイプのインスタンスは、フロントエンドにて定義されるプロトタイプのみに基づいてネイティブエンドにて創出される。次いで、表示する必要があるListCellのコンテンツの数に基づいて、ListCellテンプレートがコピーされ、対応する数のListCellが取得される。次いで、ListCellのコンテンツ、即ち、図3におけるListCellデータ1からnが、レンダリング及び表示のためにそれぞれ対応するListCellに記入される。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、コピー・再利用装置2は、ListCellテンプレートの全てのサブビューをトラバースして、これらを取得し、全てのサブビュー及びサブビューの属性を含むListCellを創出するように構成される。ここで、ListCellテンプレートの全てのサブビュー(ビュー)は再帰的にトラバースされ、次いで、全てのサブビュー及びサブビューに対応する属性を含むためにコピーすることを通じてListCellが取得される。そのため、ListCellを正確にコピーすることができる。図4に示すように、ListCellテンプレート、即ち、図4におけるListCellプロトタイプのサブビューは、A、B、C、D、及びEを含む。ListCellプロトタイプをコピーするステップは、ListCellプロトタイプの全てのサブビュー及びサブビューの属性を含むListCellを創出する工程である。取得されるListCellのサブビューは、A’、B’、C’、D’、及びE’を含む。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、コピー・再利用装置2は、取得されたListCellのコンテンツを、創出されたListCellのそれぞれの対応するサブビューに記入するように構成される。ここで、ListCellのコンテンツに基づいてコピーされたListCellのそれぞれの対応するサブビューに、ListCellのコンテンツを記入できる。そのため、ListCellのコンテンツをListCellの対応する位置に正確に表示できる。図4に示すように、本実施において、ListCellのコンテンツ、即ち、図4におけるコンテンツデータはそれぞれ、コピーされたListCellの対応するサブビューA’、B’、C’、D’、及びE’に記入される。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、ListCellのコンテンツはフロントエンドから取得される。ここで、図3に示すように、ListCellのプロトタイプを定義することに加えて、フロントエンドは、ListCellのコンテンツ、即ち、図3におけるListCellのデータをネイティブエンドへ伝送するだけでよい。そのため、フロントエンドデータ処理のために消費されるメモリ及び時間を削減できる。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、コピー・再利用装置2は、表示領域に含めて表示できるListCellの数に基づいてコピーされるListCellの数を特定するように構成される。ここでは、とりわけ、ListCellが表示領域に初めて表示される場合、再利用可能なListCellがまだ存在しないため、表示領域に含めて表示できるListCellの数に基づいてコピーすることにより、対応する数のListCellを取得する必要がある。例えば、図3において、対応する数のListCellが、1つの画面上に表示できるListCellの数に基づいて生成される、ことが特定される。そのため、ListCellを必要に応じてコピーすることができ、新しいListCellの創出及び配置に要するメモリ及び時間を削減して性能を向上させることができる。例えば、10個のListCellコンテンツを表示する必要があり、表示領域は、10個のListCellを含めて表示できる場合、10個のListCellをコピーする必要がある。
本願における、ハイブリッドアプリケーションにおいてListCellを再利用する装置の実施の例では、コピー・再利用装置2は、或るListCellのコンテンツが表示領域の外に移動された場合、移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルし;新しいListCellのコンテンツを表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定し;肯定であれば、新しいListCellのコンテンツを再利用可能なListCellに記入し、ListCellを表示し;否定であれば、ListCellテンプレートをコピーすることによりListCellを取得し、新しいListCellのコンテンツをコピーされたListCellに記入し、ListCellを表示するように構成される。ここで、図3に示すように、とりわけ、或るListCellが表示領域に初めて表示される場合、このとき再利用可能なListCellが既に存在する場合があるため、新しいListCellコンテンツが表示されるときに再利用可能なListCellを使用できる、即ち、表示領域内のListCellは、リストをスクロールする工程において繰り返し再利用され移動される。そのため、新しいListCellの創出及び配置に要するメモリ及び時間を更に削減して性能を向上させることができる。当然、再利用可能なListCellが存在しない場合、新しいListCellコンテンツに基づいてListCellテンプレートをコピーして対応するデータのListCellを取得する必要がある。例えば、15のListCellコンテンツを表示する必要があり、表示領域は、10個のListCellを含めて表示できる。この場合、10個のListCellコンテンツを表示するために10個のListCellを最初の表示時にコピーする必要がある。他の5つのListCellコンテンツを表示のために表示領域へ移動する必要がある場合、既に表示されている5個の対応するListCellコンテンツは表示領域の外に移動される。表示領域の外に移動される5個のListCellは、再利用可能なListCellとしてリサイクルできる。5個の再利用可能なListCellは、他の5個のListCellコンテンツのために再利用できる。
結論として、本願において、ListCellのプロトタイプがフロントエンドにて定義される。ListCellのプロトタイプは、ネイティブエンドにてコピーされる。ネイティブエンドは、現在のリスト提示位置に基づいて不可視のListCellを再利用する。そのため、ListCellのプロトタイプをフロントエンドにて定義することができ、ネイティブエンドにてListCellを自由に創出し、レンダリングし、再利用できる。したがって、ハイブリッド開発においてListCellの定義付けの柔軟性を維持できるだけでなく、ListCellをネイティブエンドにて再利用でき、それにより、大きなリストの提示及び操作性能が大幅に向上する。本願の技術的解決策の中核は、リストページ上のListCellを再利用し、レンダリング及び操作性能を向上させるため、ハイブリッドアプリケーション開発においては、ListCellの構造及びクラスはフロントエンドにて定義されるが、ListCellはネイティブエンドにて創出され再利用される、という課題を解決することである。
明らかに、当業者は、本願の精神及び範囲から逸脱することなく、本願に対して様々な修正及び変形を行うことができる。本願は、これらの改変及び変形が添付の特許請求の範囲及びそれらと同等の技術によって定義される保護の範囲内に入る限り、本願のこれらの改変及び変形を包含することを意図している。
本願は、ソフトウェア及び/又はソフトウェアとハードウェアとの組み合わせで実施することができることに留意する価値がある。例えば、本願は、特定用途向け集積回路(ASIC)、汎用コンピュータ、又は任意の他の同様のハードウェアデバイスを使用することによって実施することができる。ある実施では、前述のステップ及び機能を実施するために、本願のソフトウェアプログラムをプロセッサによって実行することができる。同様に、本願におけるソフトウェアプログラム(関連するデータ構造を含む)は、コンピュータ読み取り可能記録媒体、例えばRAMメモリ、磁気又は光学ドライブ、又は、フロッピー(登録商標)ディスク、及び同様のデバイスに格納することができる。更に、本願におけるいくつかのステップ又は機能は、ハードウェア、例えば、プロセッサと協働してステップ又は機能を実行する回路を使用することによって実施することができる。
更に、本願の一部は、コンピュータプログラム命令のようなコンピュータプログラム製品として実施することができる。コンピュータプログラム命令がコンピュータによって実行されるとき、本願に基づく方法及び/又は技術的解決策は、コンピュータの動作を使用して呼び出されるか又は提供されることができる。更に、本願の方法を呼び出すためのプログラム命令は、固定又は取外し可能な記録媒体に格納することができ、及び/又は他の信号ベアラ媒体におけるブロードキャスト又はデータフローを使用して送信することができ、及び/又はプログラム命令に基づいて動作するコンピュータデバイスのオペレーティングメモリに格納することができる。ここで、本願による実施は、装置を含み、装置は、コンピュータプログラム命令を記憶するように構成されたメモリと、プログラム命令を実行するように構成されたプロセッサとを含む。コンピュータプログラム命令がプロセッサによって実行されると、コンピュータプログラム命令は、本願による複数の実施における前述の方法及び/又は技術的解決策に基づいて装置の作動をトリガする。
本願は、前述の実施例の詳細に限定されず、本願は、本願の精神又は本質的な特徴から逸脱することなく、別の特定の形態で実施され得ることは当業者には明らかである。したがって、実施は、例示的であり、すべての態様において限定的ではなく、本願の範囲は、上記の説明ではなく添付の特許請求の範囲によって限定されるべきである。したがって、本願は、特許請求の範囲の均等な要素の意味及び範囲内のすべての変更を包含する。特許請求の範囲内の任意の参照番号は、関連する特許請求の範囲の限定とみなされるべきではない。更に、「含む」という単語は、他のユニット又はステップを排除するものではなく、単数は複数を除外しないことは明らかである。また、装置クレームに記載された複数のユニット又は装置は、ソフトウェア又はハードウェアにより、1つのユニット又は装置に実現させることができる。「第1」及び「第2」などの単語は、特定の順序ではなく名前を示すために使用される。
[第1の局面]
ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するステップと;
前記ハイブリッドアプリケーションのネイティブエンドにて、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて、前記ListCellを取得し、前記ListCellを再利用するステップと;を備える、
ハイブリッドアプリケーションにおいてListCellを再利用する方法。
[第2の局面]
ListCellのプロトタイプを定義する前記ステップは:
前記ListCellの前記プロトタイプの構造レイアウト及びクラスを定義するステップを備える、
第1の局面に記載の方法。
[第3の局面]
前記ListCellの前記プロトタイプは、単一のListCellのプロトタイプである、
第1の局面に記載の方法。
[第4の局面]
前記ListCellの前記プロトタイプに基づいてコピーすることを通じて、前記ListCellを取得する前記ステップは:
前記ListCellの前記プロトタイプに基づいてListCellテンプレートを創出するステップと;
前記ListCellテンプレートをコピーすることにより前記ListCellを取得するステップと;
取得されたListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するステップと;を備える、
第1の局面乃至第3の局面のいずれか1項に記載の方法。
[第5の局面]
前記ListCellテンプレートをコピーすることにより前記ListCellを取得する前記ステップは:
前記ListCellテンプレートの全てのサブビューをトラバースし、これらを取得するステップと;
全ての前記サブビューと前記サブビューの属性とを含むListCellを創出するステップと;を備える、
第4の局面に記載の方法。
[第6の局面]
取得されたListCellのコンテンツを前記コピーされたListCellに記入する前記ステップは:
前記取得されたListCellのコンテンツを、前記創出されたListCellのそれぞれの対応するサブビューに記入するステップを備える、
第5の局面に記載の方法。
[第7の局面]
前記ListCellのコンテンツは前記フロントエンドから取得される、
第6の局面に記載の方法。
[第8の局面]
前記ListCellテンプレートをコピーすることにより前記ListCellを取得する間に、コピーされるListCellの数が、表示領域に含めて表示することができるListCellの数に基づいて特定される、
第4の局面に記載の方法。
[第9の局面]
前記ListCellを再利用する前記ステップは:
或るListCellのコンテンツが前記表示領域の外に移動された場合、前記移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルするステップと;
新しいListCellのコンテンツを前記表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定するステップと;
肯定である場合、前記新しいListCellのコンテンツを前記再利用可能なListCellに記入し、前記ListCellを表示するステップ;又は
否定である場合、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、前記新しいListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するステップ;とを備える、
第4の局面に記載の方法。
[第10の局面]
ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するように構成された定義装置と;
前記ハイブリッドアプリケーションのネイティブエンドにて、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて前記ListCellを取得し、前記ListCellを再利用するように構成されたコピー・再利用装置と;
を備える、
ハイブリッドアプリケーションにおいてListCellを再利用する装置。
[第11の局面]
前記定義装置は、前記ListCellの前記プロトタイプの構造レイアウト及びクラスを定義するように構成された、
第10の局面に記載の装置。
[第12の局面]
前記ListCellの前記プロトタイプは、単一のListCellのプロトタイプである、
第10の局面に記載の装置。
[第13の局面]
前記コピー・再利用装置は、前記ListCellの前記プロトタイプに基づいてListCellテンプレートを創出し、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、取得されたListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するように構成された、
第10の局面乃至第12の局面のいずれか1項に記載の装置。
[第14の局面]
前記コピー・再利用装置は、前記ListCellテンプレートの全てのサブビューをトラバースし、これら取得し、全ての前記サブビューと前記サブビューの属性とを含むListCellを創出するように構成された、
第13の局面に記載の装置。
[第15の局面]
前記コピー・再利用装置は、前記取得されたListCellのコンテンツを、前記創出されたListCellのそれぞれの対応するサブビューに記入するように構成された、
第14の局面に記載の装置。
[第16の局面]
前記ListCellのコンテンツは前記フロントエンドから取得される、
第15の局面に記載の装置。
[第17の局面]
前記コピー・再利用装置は、表示領域に含めて表示することができるListCellの数に基づいて、コピーされるListCellの数を特定するように構成された、
第13の局面に記載の装置。
[第18の局面]
前記コピー・再利用装置は、或るListCellのコンテンツが前記表示領域の外に移動された場合、前記移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルし;新しいListCellのコンテンツを前記表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定し;肯定である場合、前記新しいListCellのコンテンツを、前記再利用可能なListCellに記入し、前記ListCellを表示し;否定である場合、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、前記新しいListCellのコンテンツを、前記コピーされたListCellに記入し、前記ListCellを表示するように構成された、
第13の局面に記載の装置。

Claims (12)

  1. ハイブリッドアプリケーションにおいてListCellを再利用する方法であって、
    前記ハイブリッドアプリケーションのフロントエンドにて、ListCellのプロトタイプを定義するステップ(S1)と;
    前記ハイブリッドアプリケーションのネイティブエンドにて、前記ListCellの前記プロトタイプに基づいてコピーすることを通じて、前記ListCellを取得し、そして、前記ネイティブエンドにて、前記ListCellを再利用するステップ(S2)と;を備え
    前記ListCellの前記プロトタイプに基づいてコピーすることを通じて、前記ListCellを取得する前記ステップは:
    前記ListCellの前記プロトタイプに基づいてListCellテンプレートを創出するステップと;
    前記ListCellテンプレートをコピーすることにより前記ListCellを取得するステップと;を備え
    法。
  2. ListCellのプロトタイプを定義する前記ステップは:
    前記ListCellの前記プロトタイプの構造レイアウト及びクラスを定義するステップ;を備える、
    請求項1に記載の方法
  3. 前記ListCellの前記プロトタイプは、単一のListCellのプロトタイプである、
    請求項1に記載の方法
  4. 取得されたListCellのコンテンツを前記コピーされたListCellに記入するステップと;
    前記ListCellを表示するステップと;を更に備える、
    請求項1から3のいずれか1項に記載の方法
  5. 前記ListCellテンプレートをコピーすることにより前記ListCellを取得する前記ステップは:
    前記ListCellテンプレートの全てのサブビューをトラバースし、これらを取得するステップと;
    全ての前記サブビューと前記サブビューの属性とを含むListCellを創出するステップと;を備える、
    請求項1から4のいずれか1項に記載の方法
  6. 取得されたListCellのコンテンツを前記コピーされたListCellに記入する前記ステップは:
    前記取得されたListCellのコンテンツを、前記創出されたListCellのそれぞれの対応するサブビューに記入するステップ;を備える、
    請求項5に記載の方法
  7. 前記ListCellのコンテンツは、前記フロントエンドから取得される、
    請求項6に記載の方法
  8. 前記ListCellテンプレートをコピーすることにより前記ListCellを取得する間に、コピーされるListCellの数が、表示領域に含めて表示することができるListCellの数に基づいて特定される、
    請求項1から4のいずれか1項に記載の方法
  9. 前記ListCellを再利用する前記ステップは:
    或るListCellのコンテンツが表示領域の外に移動された場合、前記移動されたListCellのコンテンツを含むListCellを再利用可能なListCellとしてリサイクルするステップと;
    新しいListCellのコンテンツを前記表示領域に移動すべき場合、再利用可能なListCellが存在するかどうかを特定するステップと;
    肯定である場合、前記新しいListCellのコンテンツを前記再利用可能なListCellに記入し、前記ListCellを表示するステップ;又は
    否定である場合、前記ListCellテンプレートをコピーすることにより前記ListCellを取得し、前記新しいListCellのコンテンツを前記コピーされたListCellに記入し、前記ListCellを表示するステップ;を備える、
    請求項1から4のいずれか1項に記載の方法
  10. 前記フロントエンドにより、前記ListCellの構造とクラスを定義するステップと;
    前記フロントエンドにより、ListCellのコンテンツを取得するステップと;
    前記フロントエンドにより、前記ListCellの定義された構造とクラスに基づいてListCellのプロトタイプを創出し、前記ListCellのコンテンツをネイティブエンドに伝送するステップと;
    前記ネイティブエンドにより、前記フロントエンドにより創出された前記ListCellのプロトタイプに基づいてListCellのテンプレートを創出するステップと;
    以下の1つ又は複数のステップと:
    前記ネイティブエンドにより、新しいListCellを表示領域に移動することを特定するステップ、又は、
    前記ネイティブエンドにより、ListCellを表示領域の外に移動することを特定するステップ、及び、
    前記ネイティブエンドにより、再利用可能なListCellとして前記表示領域にある前記ListCellを使用するステップ;
    前記ネイティブエンドにより、再利用可能なListCellがあるかどうかを特定するステップと;
    肯定である場合、前記ネイティブエンドにより、前記再利用可能なListCellを直接使用するステップと;又は、
    否定である場合、前記ネイティブエンドにより、前記ListCellのコンテンツに基づいて前記ListCellのプロトタイプのインスタンスからListCellをコピーするステップと;
    前記ネイティブエンドにより、前記ListCellをレンダリングするステップと;
    を更に備える、
    請求項1に記載の方法
  11. 前記フロントエンドでリフレッシュトリガを受信することに応答して、前記方法は、
    前記フロントエンドにより、リフレッシュされたコンテンツデータを前記ネイティブエンドに伝送するステップ;を更に備える、
    請求項10に記載の方法
  12. ハイブリッドアプリケーションにおいてListCellを再利用する装置であって、
    請求項1から11のいずれか1項に記載の方法に従って動作を実行するように構成された、複数の装置;を備える、
    装置
JP2018546452A 2016-03-02 2017-02-20 ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置 Active JP6941617B2 (ja)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201610116409.9 2016-03-02
CN201610116409.9A CN107153528A (zh) 2016-03-02 2016-03-02 混合模型列表项重用的方法及设备
PCT/CN2017/074178 WO2017148298A1 (zh) 2016-03-02 2017-02-20 混合模型列表项重用的方法及设备

Publications (3)

Publication Number Publication Date
JP2019510309A JP2019510309A (ja) 2019-04-11
JP2019510309A5 JP2019510309A5 (ja) 2020-03-12
JP6941617B2 true JP6941617B2 (ja) 2021-09-29

Family

ID=59743462

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2018546452A Active JP6941617B2 (ja) 2016-03-02 2017-02-20 ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置

Country Status (10)

Country Link
US (2) US10691427B2 (ja)
EP (1) EP3425526B1 (ja)
JP (1) JP6941617B2 (ja)
KR (1) KR102127063B1 (ja)
CN (1) CN107153528A (ja)
MY (1) MY193879A (ja)
PH (1) PH12018501836A1 (ja)
SG (1) SG11201807357WA (ja)
TW (1) TWI697790B (ja)
WO (1) WO2017148298A1 (ja)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN107153528A (zh) * 2016-03-02 2017-09-12 阿里巴巴集团控股有限公司 混合模型列表项重用的方法及设备
CN110020308A (zh) * 2017-12-01 2019-07-16 北京高德云图科技有限公司 cell组件加载的方法及装置
CN108023960B (zh) * 2017-12-08 2019-05-21 百度在线网络技术(北京)有限公司 构建Feed流应用的装置和Feed流信息推送的方法
CN108744514B (zh) * 2018-05-18 2021-08-06 腾讯科技(深圳)有限公司 一种滑动列表生成方法、数据展示方法、装置及存储介质
CN110688114B (zh) * 2018-07-05 2022-11-11 武汉斗鱼网络科技有限公司 桥接原生列表视图的方法、存储介质、设备及系统
CN109614194B (zh) * 2018-12-11 2020-06-30 北京微播视界科技有限公司 列表界面的显示方法、装置、设备及存储介质
CN109683939B (zh) * 2018-12-29 2023-05-02 北京小米移动软件有限公司 组件对象更新方法、装置以及存储介质
CN109871523A (zh) * 2019-01-31 2019-06-11 成都摹客科技有限公司 一种基于原型设计工具的单元格子的快速创建方法及系统
CN109871254A (zh) * 2019-01-31 2019-06-11 成都摹客科技有限公司 一种可分离的原型工具的单元格子的创建方法及系统
CN110347327B (zh) * 2019-07-12 2021-03-23 网易(杭州)网络有限公司 条目编辑方法及触控终端
CN111240672A (zh) * 2020-01-02 2020-06-05 广州虎牙科技有限公司 列表实现方法、装置、电子设备和可读存储介质
CN111857718B (zh) * 2020-07-29 2024-04-09 网易(杭州)网络有限公司 列表的编辑方法、装置、设备及存储介质

Family Cites Families (35)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5485600A (en) * 1992-11-09 1996-01-16 Virtual Prototypes, Inc. Computer modelling system and method for specifying the behavior of graphical operator interfaces
US6009251A (en) * 1997-09-30 1999-12-28 Synopsys, Inc. Method and system for layout verification of an integrated circuit design with reusable subdesigns
US7421648B1 (en) * 1999-05-21 2008-09-02 E-Numerate Solutions, Inc. Reusable data markup language
JP4136271B2 (ja) * 2000-05-16 2008-08-20 住友電気工業株式会社 アプリケーションサーバシステム
US7222291B2 (en) * 2000-12-29 2007-05-22 International Business Machines Corporation Method and system for importing HTML forms
US20130024812A1 (en) * 2011-07-13 2013-01-24 Z124 Foreground/background assortment of hidden windows
US8219900B2 (en) * 2006-07-07 2012-07-10 International Business Machines Corporation Programmatically hiding and displaying Wiki page layout sections
US9019300B2 (en) * 2006-08-04 2015-04-28 Apple Inc. Framework for graphics animation and compositing operations
US8621652B2 (en) * 2007-09-17 2013-12-31 Metabyte Inc. Copying a web element with reassigned permissions
US7853905B1 (en) * 2007-12-27 2010-12-14 Cadence Design Systems, Inc. Performing early DFT-aware prototyping of a design
US20100031152A1 (en) * 2008-07-31 2010-02-04 Microsoft Corporation Creation and Navigation of Infinite Canvas Presentation
US20100153866A1 (en) * 2008-12-11 2010-06-17 Accenture Global Services Gmbh Method and system for modifying the execution of a native application running on a portable electronic device
US8661147B2 (en) 2008-12-12 2014-02-25 At&T Intellectual Property I, L.P. Monitoring requested content
US8494824B2 (en) * 2009-02-16 2013-07-23 The Boeing Company Methods and apparatus for integrating engineering models from disparate tools in support of model reuse
US20110202871A1 (en) * 2010-02-17 2011-08-18 Oracle International Corporation Method and system for scrolling through a graphical user interface list control
US8645491B2 (en) * 2010-12-18 2014-02-04 Qualcomm Incorporated Methods and apparatus for enabling a hybrid web and native application
JP5276145B2 (ja) * 2011-06-13 2013-08-28 株式会社ソニー・コンピュータエンタテインメント リスト表示装置
US20140089786A1 (en) * 2012-06-01 2014-03-27 Atiq Hashmi Automated Processor For Web Content To Mobile-Optimized Content Transformation
KR101456505B1 (ko) * 2012-08-06 2014-10-31 인크로스 주식회사 웹 어플리케이션 개발을 위한 사용자 인터페이스 프레임워크
KR101456507B1 (ko) * 2012-08-13 2014-10-31 인크로스 주식회사 N-스크린 적용을 위한 웹 어플리케이션 ui 저작 장치 및 그 저작 방법
US10410257B1 (en) * 2012-12-18 2019-09-10 Nativo, Inc. Native online ad creation
CN103164839B (zh) * 2013-03-07 2019-06-21 华为技术有限公司 一种绘图方法、装置及终端
US9760964B2 (en) * 2013-04-11 2017-09-12 Facebook, Inc. Application-tailored object re-use and recycling
CN103279382B (zh) * 2013-04-27 2016-12-28 北京微云即趣科技有限公司 原生方式访问资源的方法、Java端、原生端及系统
CN104216909B (zh) * 2013-06-04 2018-10-02 腾讯科技(深圳)有限公司 网页数据处理方法及处理装置
CN103336816B (zh) * 2013-06-28 2017-02-08 广州市动景计算机科技有限公司 安卓系统上基于GPU实现的Canvas元素渲染方法及装置
CN103530018B (zh) * 2013-09-27 2017-07-28 深圳天珑无线科技有限公司 安卓操作系统中微件界面的建立方法及移动终端
CN103995884A (zh) * 2014-05-29 2014-08-20 北京中电普华信息技术有限公司 一种混合应用页面的切换方法及系统
KR101588592B1 (ko) 2014-08-22 2016-02-12 (주)비원이즈 객체관계 매핑 기반 하이브리드 앱 개발 시스템 및 그 방법
CN104267934B (zh) * 2014-09-10 2017-12-29 北京金山安全软件有限公司 信息的展现方法、装置和移动终端
CN104238881A (zh) * 2014-09-10 2014-12-24 北京金山安全软件有限公司 终端信息的显示方法、装置及终端
CN104572098B (zh) * 2014-12-30 2018-10-12 北京奇虎科技有限公司 一种移动终端页面图表的更新方法和装置
CN104965914A (zh) * 2015-07-06 2015-10-07 无锡天脉聚源传媒科技有限公司 一种页面显示方法及装置
CN105117154A (zh) * 2015-08-07 2015-12-02 上海斐讯数据通信技术有限公司 一种Android列表视图组件的使用方法
CN107153528A (zh) * 2016-03-02 2017-09-12 阿里巴巴集团控股有限公司 混合模型列表项重用的方法及设备

Also Published As

Publication number Publication date
EP3425526A1 (en) 2019-01-09
JP2019510309A (ja) 2019-04-11
US20200319858A1 (en) 2020-10-08
SG11201807357WA (en) 2018-09-27
CN107153528A (zh) 2017-09-12
KR20180116423A (ko) 2018-10-24
WO2017148298A1 (zh) 2017-09-08
KR102127063B1 (ko) 2020-06-26
TWI697790B (zh) 2020-07-01
US10789051B1 (en) 2020-09-29
EP3425526B1 (en) 2021-08-04
US20180364990A1 (en) 2018-12-20
PH12018501836A1 (en) 2019-05-15
EP3425526A4 (en) 2019-08-28
MY193879A (en) 2022-10-30
US10691427B2 (en) 2020-06-23
TW201732640A (zh) 2017-09-16

Similar Documents

Publication Publication Date Title
JP6941617B2 (ja) ハイブリッドアプリケーションにおいてListCellを再利用する方法及び装置
CN110058856B (zh) 页面配置方法及装置
US11600301B2 (en) Method and device of editing a video
CN110489116B (zh) 一种页面的渲染方法、装置及计算机存储介质
CN113126990B (zh) 一种页面开发方法、装置、设备及存储介质
US8074167B2 (en) Cross domain presence of web user interface and logic
CN110990014B (zh) 骨架屏页面代码的生成方法、装置、服务器及存储介质
CN112068911A (zh) 电子表单的生成方法、装置、系统、设备以及介质
CA2686367A1 (en) Dynamic native editor code view facade
CN118259906A (zh) 一种基于PaaS框架的多端页面适配方法、设备及介质
CN107832088A (zh) 控件使用方法及装置、计算设备、计算机存储介质
US11120099B2 (en) Rendering a web element in a web page
CN110717134A (zh) 产品说明发布方法、装置、存储介质及电子设备
CN113253996B (zh) 一种卡片构建方法、电子设备、服务器及存储介质
CN111079038B (zh) 一种在应用中输入信息的方法与设备
CN114489607A (zh) 跨栈应用处理与页面渲染方法、装置、设备及存储介质
US20180090174A1 (en) Video generation of project revision history
CN113656041A (zh) 数据处理方法、装置、设备及存储介质
CN114968204B (zh) 一种前端组件与后端组件转换的方法及装置
CN112541327A (zh) 一种数据读取方法、装置、电子设备及存储介质
Chang et al. W-Revised: An amazing tool for creating customized websites
Harwani The Android Tablet Developer's Cookbook
CN117348856A (zh) 特效素材包生成方法、装置、设备及计算机介质
CN117149265A (zh) 一种充电驱动器及充电驱动设备
CN118276851A (zh) 用户交互界面编辑方法、电子设备和存储介质

Legal Events

Date Code Title Description
A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20200127

A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20200127

RD03 Notification of appointment of power of attorney

Free format text: JAPANESE INTERMEDIATE CODE: A7423

Effective date: 20200605

A711 Notification of change in applicant

Free format text: JAPANESE INTERMEDIATE CODE: A711

Effective date: 20201228

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20210224

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20210322

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20210602

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20210816

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20210906

R150 Certificate of patent or registration of utility model

Ref document number: 6941617

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250