[發明專利]控件顯示方法及裝置

有效

• 申請號: 201810558180.3
• 申請日: 2018-06-01
• 公開（公告）號: CN108762618B
• 公開（公告）日: 2020-12-29
• 發明（設計）人: 張曉東
• 申請（專利權）人: 聚好看科技股份有限公司
• 主分類號: G06F3/0481
• 分類號: G06F3/0481;G06F3/0482;H04N21/431
• 代理公司: 北京同立鈞成知識產權代理有限公司 11205
• 代理人: 董建姣;劉芳

1.一種控件顯示方法，其特征在于，包括：

在焦點位于導航欄中的第一控件時，自定義控件所占區域與所述第一控件所占區域重疊，所述自定義控件所在圖層位于所述第一控件所在圖層的下方，所述自定義控件具有第一預設渲染色且內容為空；

在接收用戶輸入的第一焦點移動指令后；根據所述第一控件和所述第一焦點移動指令，將所述焦點從所述第一控件移動至第二控件，并將所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置，以使所述自定義控件占用的區域與所述第二控件占用的區域重疊，且所述自定義控件所在圖層位于所述第二控件所在圖層的下方；其中，所述第一焦點移動指令用于指示在導航欄中的不同控件中移動所述焦點，所述第二控件為所述導航欄中的控件；

在接收用戶輸入的第二焦點移動指令后，取消在所述第一控件處顯示所述自定義控件；重繪所述第一控件，以使所述第一控件中的文本下方具有預設顏色的下劃線，其中，所述第二焦點移動指令用于指示將焦點從所述第一控件移動至用戶界面中的位于所述導航欄外的其它控件，設置有所述下劃線的第一控件為第三焦點移動指令指示需要將焦點移動至的控件，所述第三焦點移動指令用于指示將焦點從所述導航欄之外的控件移動至所述導航欄中的控件。

2.根據權利要求1所述的方法，其特征在于，將所述焦點從所述第一控件移動至所述第二控件所消耗的時長等于將所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置所消耗的時長，以使所述焦點和所述自定義控件同時移動至所述第二控件。

3.根據權利要求1所述的方法，其特征在于，當焦點位于所述第一控件時，所述自定義控件所占區域與所述第一控件所占區域重合；

所述將所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置，以使所述自定義控件占用的區域覆蓋所述第二控件占用的區域，包括：

獲取所述第一控件的長度和所述第二控件的長度；

根據所述第一控件的長度和所述第二控件的長度，將所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置，以使所述自定義控件所占區域與所述第二控件所占區域重合。

4.根據權利要求3所述的方法，其特征在于，根據所述第一控件的長度和所述第二控件的長度，將所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置，以使所述自定義控件所占區域與所述第二控件所占區域重合，包括：

確定焦點從所述第一控件移動至所述第二控件所需的移動時長；

根據所述第一控件的長度、所述第二控件的長度和所述移動時長，確定所述自定義控件的長度的漸變速率；

在所述自定義控件從所述第一控件所在位置移動至所述第二控件所在位置的過程中，根據所述漸變速率調節所述自定義控件的長度，直至所述自定義控件移動至所述第二控件所在位置時，所述自定義控件所占區域與所述第二控件所占區域重合。

5.根據權利要求1所述的方法，其特征在于，所述方法還包括：

在焦點位于所述用戶界面中除所述導航欄之外的控件時，接收用戶輸入的所述第三焦點移動指令；

在所述導航欄中確定設置有所述下劃線的第一控件，所述設置有所述下劃線的第一控件中的文本下方具有所述預設顏色的下劃線；

在所述設置有所述下劃線的第一控件中的文本下方取消顯示所述下劃線以重新生成所述第一控件；

在重新生成的所述第一控件所在位置顯示所述自定義控件，以使所述自定義控件占用的區域與重新生成的所述第一控件占用的區域重疊，且所述自定義控件所在圖層位于重新生成的所述第一控件所在圖層的下方。