WO2017049874A1 - 聊天列表的显示方法及装置 - Google Patents
聊天列表的显示方法及装置 Download PDFInfo
- Publication number
- WO2017049874A1 WO2017049874A1 PCT/CN2016/074895 CN2016074895W WO2017049874A1 WO 2017049874 A1 WO2017049874 A1 WO 2017049874A1 CN 2016074895 W CN2016074895 W CN 2016074895W WO 2017049874 A1 WO2017049874 A1 WO 2017049874A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- height
- chat
- floating window
- selection panel
- control
- 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.)
- Ceased
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Definitions
- the present invention relates to the field of terminal technologies, and in particular, to a method for displaying a chat list and a display device for a chat list.
- the selection panel of the input method or the expression function is dynamically pulled up or closed to select the chat information to be edited, when the chat list display area is displayed.
- the pull of the selection panel may cause the chat background image to be compressed and distorted, and when the chat list display area and the selection panel display area do not belong to the same window, some chats in the chat list may be caused.
- the information is blocked by the selection panel, so that if the user wants to view the chat information blocked by the selected panel after pulling up the selection panel, the user needs to close the selection panel again for viewing, which is cumbersome and affects the user experience.
- the present invention is based on at least one of the above technical problems, and proposes a new display scheme of a chat list, by separating a chat list control for recording chat information and a background display control for displaying a chat background image, and A support control is arranged below the chat list control to dynamically set the height of the support control to the height of the selection panel, so that the selection panel is compressed when pulled up
- the chat list control ensures that the chat information at the end of the chat list is always visible, without causing the background display controls to be compressed, while avoiding the chat background image being compressed and distorted.
- the present invention provides a method for displaying a chat list, comprising: separately setting a chat list control for recording chat information and a background display control for displaying a chat background image, and below the chat list control Setting a support control for adjusting the height of the chat list control; when the floating window for editing the chat information receives the trigger instruction, determining a height of the selection panel for selecting the chat information pulled by the floating window; Select the height of the panel to adjust the height of the support controls.
- chat list control for recording chat information and a background display control for displaying a chat background image
- setting a support control for adjusting the height of the chat list control under the chat list control and Adjusting the height of the support control according to the height of the selection panel, so that the chat list control is compressed when the selection panel is pulled up to ensure that the chat information at the end of the chat list is always visible, which is convenient for the user to operate, and avoids related technologies in the chat list.
- Part of the chat information is blocked by the selection panel, which causes the operation to be cumbersome and affects the user experience.
- the chat list control for recording the chat information and the background display control for displaying the chat background image are respectively set under the chat list control.
- the height of the support control changes, while compressing the chat list control, the background display control is not compressed, thereby preventing the chat background image from being compressed and distorted.
- the step of determining the height of the selection panel for selecting the chat information pulled by the floating window specifically includes: Obtaining a screen height of the terminal and a height of the status bar; calculating a height of the navigation bar and a height of the floating window; determining according to a screen height of the terminal, a height of the status bar, a height of the navigation bar, and a height of the floating window The height of the selection panel for selecting chat information pulled by the floating window.
- the height of the navigation bar and the height of the floating window are calculated by acquiring the screen height of the terminal and the height of the status bar, and determining the suspension by the height of the screen, the height of the status bar, the height of the navigation bar, and the height of the floating window.
- the height of the selection panel for selecting the chat information pulled by the window provides the necessary premise for the subsequent height adjustment of the height of the support control according to the height of the selection panel.
- the step of calculating a height of the navigation bar comprises: obtaining a height of the chat window; and calculating a height of the navigation bar according to the height of the chat window and the screen height of the terminal.
- the step of selecting the height of the selection panel of the chat information specifically includes: when the height of the navigation bar is equal to zero, determining, according to the screen height of the terminal, the height of the status bar, and the height of the floating window, by the suspension a height of the selection panel for selecting chat information when the window is pulled; when the height of the navigation bar is not equal to zero, according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the suspension
- the height of the window determines the height of the selection panel for selecting chat information that is pulled through the floating window.
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, and the height of the floating window;
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the height of the floating window, so that whether or not the terminal interface is The navigation bar is displayed, and the height of the selection panel can be correctly determined in the dynamically changing interface.
- any one of the above technical solutions preferably, further comprising: according to the selection panel While the height of the support control is height adjusted, the height of the background display control is controlled to be unchanged such that the chat background image displayed by the background display control is not compressed.
- the height of the background display control is controlled to be constant, thereby ensuring that the chat background image is not compressed and distorted.
- a display device for a chat list comprising: a setting unit, configured to separately set a chat list control for recording chat information and a background display control for displaying a chat background image, and a support control for adjusting a height of the chat list control is set under the chat list control; and a determining unit is configured to determine, when the floating window for editing the chat information receives the trigger instruction, determine to pull up through the floating window The height of the selection panel for selecting the chat information; and an adjustment unit for adjusting the height of the support control according to the height of the selection panel.
- chat list control for recording chat information and a background display control for displaying a chat background image
- setting a support control for adjusting the height of the chat list control under the chat list control and Adjusting the height of the support control according to the height of the selection panel, so that the chat list control is compressed when the selection panel is pulled up to ensure that the chat information at the end of the chat list is always visible, which is convenient for the user to operate, and avoids related technologies in the chat list.
- Part of the chat information is blocked by the selection panel, which causes the operation to be cumbersome and affects the user experience.
- the chat list control for recording the chat information and the background display control for displaying the chat background image are respectively set under the chat list control.
- the height of the support control changes, while compressing the chat list control, the background display control is not compressed, thereby preventing the chat background image from being compressed and distorted.
- the determining unit includes: an obtaining unit, configured to acquire a screen height of the terminal and a height of the status bar; and a calculating unit, configured to calculate a height of the navigation bar and a height of the floating window;
- the unit is specifically configured to: determine, according to a screen height of the terminal, the height of the status bar, a height of the navigation bar, and a height of the floating window, the selection for selecting chat information that is pulled by the floating window. The height of the panel.
- the height of the navigation bar and the height of the floating window are calculated by acquiring the screen height of the terminal and the height of the status bar, and determining the suspension by the height of the screen, the height of the status bar, the height of the navigation bar, and the height of the floating window.
- a selection panel for selecting chat information from the window The height provides the necessary precondition for the subsequent height adjustment of the support control according to the height of the selection panel.
- the method further includes: the obtaining unit is further configured to: obtain a chat window height; the calculating unit is specifically configured to: calculate, according to the height of the chat window and the screen height of the terminal Navigation bar height.
- the determining unit is configured to: when the height of the navigation bar is equal to zero, determine the pass according to the screen height of the terminal, the height of the status bar, and the height of the floating window.
- the height of the selection panel for selecting chat information pulled by the floating window when the height of the navigation bar is not equal to zero, according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and
- the height of the floating window determines the height of the selection panel for selecting chat information pulled through the floating window.
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, and the height of the floating window;
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the height of the floating window, so that whether or not the terminal interface is The navigation bar is displayed, and the height of the selection panel can be correctly determined in the dynamically changing interface.
- the height of the panel the screen height of the terminal - the height of the floating window + the height of the status bar + the height of the navigation bar to calculate.
- the height of the selection panel defaults to the height of the floating window.
- the adjusting unit is further configured to: While adjusting the height of the support control according to the height of the selection panel, the height of the background display control is controlled so that the chat background image displayed by the background display control is not compressed.
- the height of the background display control is controlled to be constant, thereby ensuring that the chat background image is not compressed and distorted.
- the height of the support control is dynamically set to be set by separately setting a chat list control for recording chat information and a background display control for displaying a chat background image, and setting a support control below the chat list control.
- the height of the panel is selected so that the chat list control is compressed when the selection panel is pulled up to ensure that the chat information at the end of the chat list is always visible, and the background display control is not compressed, and the chat background image is prevented from being compressed and distorted.
- FIG. 1 shows a schematic flow chart of a method of displaying a chat list according to an embodiment of the present invention
- FIG. 2 shows a schematic block diagram of a display device of a chat list in accordance with an embodiment of the present invention
- FIG. 3 shows a schematic diagram of a chat window layout in accordance with an embodiment of the present invention
- FIG. 4 shows a schematic flow chart of a method of adjusting the height of a support control according to an embodiment of the present invention
- FIG. 5 is a schematic diagram showing an interface when a selection panel is pulled up according to an embodiment of the present invention.
- FIG. 6 shows a schematic diagram of an interface when the selection panel is stowed according to an embodiment of the present invention.
- FIG. 1 shows a schematic flow chart of a display method of a chat list according to an embodiment of the present invention.
- a method for displaying a chat list includes: Step 102, respectively setting a chat list control for recording chat information and a background display control for displaying a chat background image, and The support control for adjusting the height of the chat list control is set below the chat list control; in step 104, when the floating window for editing the chat information receives the trigger instruction, determining the chat information selected by the floating window for selecting the chat information Selecting the height of the panel; step 106, adjusting the height of the support control according to the height of the selection panel.
- chat list control for recording chat information and a background display control for displaying a chat background image
- setting a support control for adjusting the height of the chat list control under the chat list control and Adjusting the height of the support control according to the height of the selection panel, so that the chat list control is compressed when the selection panel is pulled up to ensure that the chat information at the end of the chat list is always visible, which is convenient for the user to operate, and avoids related technologies in the chat list.
- Part of the chat information is blocked by the selection panel, which causes the operation to be cumbersome and affects the user experience.
- the chat list control for recording the chat information and the background display control for displaying the chat background image are respectively set under the chat list control.
- the height of the support control changes, while compressing the chat list control, the background display control is not compressed, thereby preventing the chat background image from being compressed and distorted.
- the step 104 specifically includes: acquiring a screen height and a status bar height of the terminal; calculating a navigation bar height and a height of the floating window; according to the screen height of the terminal, the status bar The height, the height of the navigation bar, and the height of the floating window determine the height of the selection panel for selecting chat information pulled through the floating window.
- the height of the navigation bar and the height of the floating window are calculated by acquiring the screen height of the terminal and the height of the status bar, and determining the passage according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the height of the floating window.
- the height of the selection panel for selecting the chat information pulled by the floating window provides the necessary precondition for the subsequent height adjustment of the height of the support control according to the height of the selection panel.
- the step of calculating a height of the navigation bar comprises: obtaining a height of the chat window; and calculating a height of the navigation bar according to the height of the chat window and the screen height of the terminal.
- the height of the chat window is The screen height of the terminal calculates the height of the navigation bar, ensuring that the height of the selection panel is correctly determined in the dynamically changing interface.
- the height of the navigation bar it is possible to properly adapt the display on the terminal using the physical button or the virtual button.
- the step of selecting the height of the selection panel of the chat information specifically includes: when the height of the navigation bar is equal to zero, determining, according to the screen height of the terminal, the height of the status bar, and the height of the floating window, by the suspension a height of the selection panel for selecting chat information when the window is pulled; when the height of the navigation bar is not equal to zero, according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the suspension
- the height of the window determines the height of the selection panel for selecting chat information that is pulled through the floating window.
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, and the height of the floating window;
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the height of the floating window, so that whether or not the terminal interface is The navigation bar is displayed, and the height of the selection panel can be correctly determined in the dynamically changing interface.
- the method further comprises: controlling a height of the background display control to be unchanged when the height of the support control is adjusted according to a height of the selection panel, so as to pass the background The chat background image displayed by the display control is not compressed.
- the height of the background display control is controlled to be constant, thereby ensuring that the chat background image is not compressed and distorted.
- FIG. 2 shows a schematic block diagram of a display device of a chat list according to an embodiment of the present invention.
- the display device 200 of the chat list includes: a setting unit 202, a determining unit 204, and an adjusting unit 206.
- the setting unit 202 is configured to separate a chat list control for recording chat information and a background display control for displaying a chat background image, and set a height for adjusting a chat list control below the chat list control.
- a control unit 204 configured to determine a height of a selection panel for selecting chat information pulled by the floating window when the floating window for editing the chat information receives the trigger instruction; and an adjusting unit 206, configured to: Adjusting a height of the support control according to a height of the selection panel such that chat information in the chat list control is not blocked by the selection panel.
- chat list control for recording chat information and a background display control for displaying a chat background image
- setting a support control for adjusting the height of the chat list control under the chat list control and Adjusting the height of the support control according to the height of the selection panel, so that the chat list control is compressed when the selection panel is pulled up to ensure that the chat information at the end of the chat list is always visible, which is convenient for the user to operate, and avoids related technologies in the chat list.
- Part of the chat information is blocked by the selection panel, which causes the operation to be cumbersome and affects the user experience.
- the chat list control for recording the chat information and the background display control for displaying the chat background image are respectively set under the chat list control.
- the height of the support control changes, while compressing the chat list control, the background display control is not compressed, thereby preventing the chat background image from being compressed and distorted.
- the determining unit 204 includes: an obtaining unit 2042 and a calculating unit 2044.
- the obtaining unit 2042 is configured to acquire the screen height and the status bar height of the terminal, and the calculating unit 2044 is configured to calculate the height of the navigation bar and the height of the floating window.
- the determining unit 204 is specifically configured to: according to the terminal The height of the screen, the height of the status bar, the height of the navigation bar, and the height of the floating window determine the height of the selection panel for selecting chat information pulled through the floating window.
- the height of the navigation bar and the height of the floating window are calculated by acquiring the screen height of the terminal and the height of the status bar, according to the screen height of the terminal, the height of the status bar, and the height of the navigation bar.
- the height of the suspension window and the height of the selection panel for selecting the chat information pulled through the floating window provide the necessary precondition for the subsequent dynamic adjustment of the height of the support control according to the height of the selection panel.
- the method further includes: the obtaining unit 2042 is further configured to: acquire a chat window height; the calculating unit 2044 is specifically configured to: according to the chat window height and a screen of the terminal Height calculates the height of the navigation bar.
- the determining unit 204 is specifically configured to: when the height of the navigation bar is equal to zero, determine according to a screen height of the terminal, the height of the status bar, and a height of the floating window. a height of the selection panel for selecting chat information pulled by the floating window; when the navigation bar height is not equal to zero, according to the screen height of the terminal, the status bar height, the navigation bar height And a height of the floating window, determining a height of the selection panel for selecting chat information pulled by the floating window.
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, and the height of the floating window;
- the height of the selection panel for selecting chat information pulled through the floating window is determined according to the screen height of the terminal, the height of the status bar, the height of the navigation bar, and the height of the floating window, so that whether or not the terminal interface is The navigation bar is displayed, and the height of the selection panel can be correctly determined in the dynamically changing interface.
- the height of the panel the screen height of the terminal - the height of the floating window + the height of the status bar + the height of the navigation bar to calculate.
- the height of the selection panel defaults to the height of the floating window.
- the adjusting unit 206 is further configured to: control a height of the background display control while adjusting a height of the support control according to a height of the selection panel. The same is true so that the chat background image displayed by the background display control is not compressed.
- the height of the background display control is controlled to be constant, thereby ensuring that the chat background image is not compressed and distorted.
- the present invention also proposes a terminal comprising: a display device 200 of a chat list as shown in FIG. 2.
- the chat list control is separated from the background display control; in the same window layout, a support control (PanelBottomView) for adjusting the height of the ListView is placed under the chat list control (ListView); Above the window, add a separate floating window to achieve input text, expressions and other functions.
- a support control PanelBottomView
- ListView chat list control
- the process of dynamically setting the support control includes:
- Step 402 Determine whether to pull up a selection panel of functions such as an input method or an expression, if the step 404 is performed; otherwise, continue to judge.
- step 404 the screen height (phoneHeight) is obtained.
- step 406 the chat window height (rootH) is obtained.
- step 408 the status bar height (statusBarHeight) is obtained.
- step 410 the navigation bar height (Navigation BarHeight) is calculated.
- step 412 the height of the floating window (viewHeight) is calculated.
- step 414 it is determined whether the height of the navigation bar is 0. If yes, step 416 is performed; otherwise, step 418 is performed.
- step 420 the height of the support control (PanelBottomView) is set to the height of the selection panel (heightDifference).
- the height of the support control can be dynamically set by the following custom callback function:
- Float phoneHeight dm.heightPixels;//screen height parameter phoneHeight
- NavigationBarHeight rootH-(int)phoneHeight;//calculate the height of the navigation bar
- Rect r new Rect()
- the height of the chat list control (ListView) in Figure 3 is automatically compressed, that is, the top of the supported control panel PanelBottomView, as shown in Figure 5, the area A where the chat list control is located is automatically compressed to display the most recent chat.
- area B displays the floating window (ie input edit box) and the selected selection panel; at the same time, the background display control in Figure 3 is not compressed by the support control PanelBottomView to ensure that the background image is not distorted;
- the virtual button shown in FIG. 5 and FIG. 6 that is, the navigation bar, can be properly adapted and displayed on the device using the physical button and the virtual button, that is, the virtual button adaptation problem is solved.
- the dynamic recognition problem and the virtual button adaptation problem of the selection panel being pulled up or stowed are solved, so that the height of the support control panel BottomView is dynamically set to the height of the selection panel of the input method or the expression function, and the chat list is ensured.
- the control is not blocked by the selection panel and the floating window and displays the chat message at the end; meanwhile, when the height of the chat list control changes with the support control PanelBottomView, the background display control at the bottom of the Z axis in FIG. 3 is not compressed and changed, avoiding The background image is distorted.
- the technical solution of the present invention proposes a new display scheme of a chat list by using a chat list control for recording chat information and a background for displaying a chat background image.
- the display controls are separately set, and a support control is set under the chat list control to dynamically set the height of the support control to the height of the selection panel, so that when the selection panel is pulled up, the chat list control is compressed to ensure the end of the chat list is chat.
- the information is always visible, and the background display controls are not compressed, and the chat background image is prevented from being compressed and distorted.
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
一种聊天列表的显示方法及装置,其中,所述聊天列表的显示方法包括:分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件(102);当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度(104);根据选择面板的高度调整支撑控件的高度(106)。通过该技术方案,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,同时不会造成背景显示控件被压缩,而避免聊天背景图片被压缩失真。
Description
本申请要求于2015年09月23日提交中国专利局,申请号为201510613200.9、发明名称为“聊天列表的显示方法及装置”的中国专利申请的优先权,其全部内容通过引用结合在本申请中。
本发明涉及终端技术领域,具体而言,涉及一种聊天列表的显示方法、一种聊天列表的显示装置。
用户通过聊天窗口聊天的过程中,在点击用于编辑聊天信息的悬浮窗后,会动态的拉起或关闭输入法或表情等功能的选择面板来选择待编辑的聊天信息,当聊天列表显示区域和选择面板显示区域属于同一窗口时,选择面板的拉起可能会造成聊天背景图片被压缩失真,而当聊天列表显示区域和选择面板显示区域不属于同一窗口时,会导致聊天列表中的部分聊天信息被选择面板遮挡,使得用户在拉起选择面板后若想查看被选择面板遮挡的聊天信息时,还需再次关闭选择面板来进行查看,操作繁琐,从而影响用户的使用体验。
因此,如何能够使得当选择面板被拉起时,聊天列表中的部分信息不被选择面板遮挡,同时避免聊天背景图片被压缩失真成为亟待解决的技术问题。
发明内容
本发明正是基于上述技术问题至少之一,提出了一种新的聊天列表的显示方案,通过将用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件分离,并在聊天列表控件的下方设置支撑控件,以将支撑控件的高度动态设置为选择面板的高度,使得选择面板被拉起时压缩
聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,同时不会造成背景显示控件被压缩,而避免聊天背景图片被压缩失真。
有鉴于此,本发明提出了一种聊天列表的显示方法,包括:分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;根据所述选择面板的高度调整所述支撑控件的高度。
在该技术方案中,通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,同时在聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件,并根据选择面板的高度调整支撑控件的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,便于用户操作,避免了相关技术中因聊天列表中的部分聊天信息被选择面板遮挡而导致操作繁琐及影响用户使用体验的问题;同时通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,使得位于聊天列表控件下方的支撑控件的高度的改变,在压缩聊天列表控件的同时,不会造成背景显示控件被压缩,从而避免了聊天背景图片被压缩失真。
在上述技术方案中,优选地,所述当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度的步骤具体包括:获取终端的屏幕高度及状态栏高度;计算导航栏高度及所述悬浮窗的高度;根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过获取终端的屏幕高度及状态栏高度,计算导航栏高度及悬浮窗的高度,以根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,为后续根据选择面板的高度动态的调整支撑控件的高度提供必要的前提保障。
在上述任一项技术方案中,优选地,所述计算导航栏高度的步骤包括:获取聊天窗口高度;根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
在该技术方案中,通过获取聊天窗口高度,以根所述聊天窗口高度及终端的屏幕高度计算导航栏高度,确保了在动态变化的界面中正确的确定出选择面板的高度。此外,通过对导航栏高度的计算,使得能够在使用实体按键或虚拟按键的终端上都能够正常的适配显示。
具体地,当检测到聊天窗口高度大于终端的屏幕高度时,通过公式导航栏高度=聊天窗口高度-终端的屏幕高度来计算获得。
在上述任一项技术方案中,优选地,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度的步骤具体包括:当所述导航栏高度等于零时,根据所述终端的屏幕高度、所述状态栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过在导航栏高度等于零时,根据终端的屏幕高度、状态栏高度、悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度;以及通过在导航栏高度不等于零时,根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,使得无论终端界面上是否显示导航栏,均能够在动态变化的界面中正确的确定出选择面板的高度。
具体地,在导航栏高度等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度,来计算选择面板的高度;在导航栏高度不等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度+导航栏高度,来计算。此外,当选择面板不被拉起时,选择面板的高度默认为悬浮窗高度。
在上述任一项技术方案中,优选地,还包括:在根据所述选择面板的
高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
在该技术方案中,通过在根据选择面板的高度调整支撑控件的高度的同时,控制背景显示控件的高度不变,确保了聊天背景图片不被压缩失真。
根据本发明的第二方面,还提出了一种聊天列表的显示装置,包括:设置单元,用于分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;确定单元,用于当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;调整单元,用于根据所述选择面板的高度调整所述支撑控件的高度。
在该技术方案中,通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,同时在聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件,并根据选择面板的高度调整支撑控件的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,便于用户操作,避免了相关技术中因聊天列表中的部分聊天信息被选择面板遮挡而导致操作繁琐及影响用户使用体验的问题;同时通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,使得位于聊天列表控件下方的支撑控件的高度的改变,在压缩聊天列表控件的同时,不会造成背景显示控件被压缩,从而避免了聊天背景图片被压缩失真。
在上述技术方案中,优选地,所述确定单元包括:获取单元,用于获取终端的屏幕高度及状态栏高度;计算单元,用于计算导航栏高度及所述悬浮窗的高度;所述确定单元具体用于:根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过获取终端的屏幕高度及状态栏高度,计算导航栏高度及悬浮窗的高度,以根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板
的高度,为后续根据选择面板的高度动态的调整支撑控件的高度提供必要的前提保障。
在上述任一项技术方案中,优选地,还包括:所述获取单元还用于:获取聊天窗口高度;所述计算单元具体用于:根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
在该技术方案中,通过获取聊天窗口高度,以根所述聊天窗口高度及终端的屏幕高度计算导航栏高度,确保了在动态变化的界面中正确的确定出选择面板的高度。此外,通过对导航栏高度的计算,使得能够在使用实体按键或虚拟按键的终端上都能够正常的适配显示。
具体地,当检测到聊天窗口高度大于终端的屏幕高度时,通过公式导航栏高度=聊天窗口高度-终端的屏幕高度来计算获得。
在上述任一项技术方案中,优选地,所述确定单元具体用于:当所述导航栏高度等于零时,根据终端的屏幕高度、所述状态栏高度、所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过在导航栏高度等于零时,根据终端的屏幕高度、状态栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度;以及通过在导航栏高度不等于零时,根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,使得无论终端界面上是否显示导航栏,均能够在动态变化的界面中正确的确定出选择面板的高度。
具体地,在导航栏高度等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度,来计算选择面板的高度;在检测到导航栏高度不等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度+导航栏高度,来计算。此外,当选择面板不被拉起时,选择面板的高度默认为悬浮窗高度。
在上述任一项技术方案中,优选地,还包括:所述调整单元还用于:
在根据所述选择面板的高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
在该技术方案中,通过在根据选择面板的高度调整支撑控件的高度的同时,控制背景显示控件的高度不变,确保了聊天背景图片不被压缩失真。
通过以上技术方案,通过将用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件分别设置,并在聊天列表控件的下方设置支撑控件,以将支撑控件的高度动态设置为选择面板的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,同时不会造成背景显示控件被压缩,而避免聊天背景图片被压缩失真。
图1示出了根据本发明的实施例的聊天列表的显示方法的示意流程图;
图2示出了根据本发明的实施例的聊天列表的显示装置的示意框图;
图3示出了根据本发明的实施例的聊天窗口布局的示意图;
图4示出了根据本发明的实施例的支撑控件高度的调整方法的示意流程图;
图5示出了根据本发明的实施例的选择面板拉起时的界面示意图;
图6示出了根据本发明的实施例的选择面板收起时的界面示意图。
为了能够更清楚地理解本发明的上述目的、特征和优点,下面结合附图和具体实施方式对本发明进行进一步的详细描述。需要说明的是,在不冲突的情况下,本申请的实施例及实施例中的特征可以相互组合。
在下面的描述中阐述了很多具体细节以便于充分理解本发明,但是,本发明还可以采用其他不同于在此描述的其他方式来实施,因此,本发明的保护范围并不受下面公开的具体实施例的限制。
图1示出了根据本发明的实施例的聊天列表的显示方法的示意流程图。
如图1所示,根据本发明的实施例的聊天列表的显示方法,包括:步骤102,分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;步骤104,当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;步骤106,根据所述选择面板的高度调整所述支撑控件的高度。
在该技术方案中,通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,同时在聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件,并根据选择面板的高度调整支撑控件的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,便于用户操作,避免了相关技术中因聊天列表中的部分聊天信息被选择面板遮挡而导致操作繁琐及影响用户使用体验的问题;同时通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,使得位于聊天列表控件下方的支撑控件的高度的改变,在压缩聊天列表控件的同时,不会造成背景显示控件被压缩,从而避免了聊天背景图片被压缩失真。
在上述技术方案中,优选地,所述步骤104具体包括:获取终端的屏幕高度及状态栏高度;计算导航栏高度及所述悬浮窗的高度;根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过获取终端的屏幕高度及状态栏高度,计算导航栏高度及悬浮窗的高度,并以根据终端的屏幕高度、状态栏高度、导航栏高度、悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,为后续根据选择面板的高度动态的调整支撑控件的高度提供必要的前提保障。
在上述任一项技术方案中,优选地,所述计算导航栏高度的步骤包括:获取聊天窗口高度;根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
在该技术方案中,通过获取聊天窗口高度,以根所述聊天窗口高度及
终端的屏幕高度计算导航栏高度,确保了在动态变化的界面中正确的确定出选择面板的高度。此外,通过对导航栏高度的计算,使得能够在使用实体按键或虚拟按键的终端上都能够正常的适配显示。
具体地,当检测到聊天窗口高度大于终端的屏幕高度时,通过公式导航栏高度=聊天窗口高度-终端的屏幕高度来计算获得。
在上述任一项技术方案中,优选地,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度的步骤具体包括:当所述导航栏高度等于零时,根据所述终端的屏幕高度、所述状态栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过在导航栏高度等于零时,根据终端的屏幕高度、状态栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度;以及通过在导航栏高度不等于零时,根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,使得无论终端界面上是否显示导航栏,均能够在动态变化的界面中正确的确定出选择面板的高度。
具体地,在导航栏高度等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度,来计算选择面板的高度;在导航栏高度不等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度+导航栏高度,来计算。此外,当选择面板不被拉起时,选择面板的高度默认为悬浮窗高度。
在上述任一项技术方案中,优选地,还包括:在根据所述选择面板的高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
在该技术方案中,通过在根据选择面板的高度调整支撑控件的高度的同时,控制背景显示控件的高度不变,确保了聊天背景图片不被压缩失真。
图2示出了根据本发明的实施例的聊天列表的显示装置的示意框图。
如图2所示,根据本发明的实施例的聊天列表的显示装置200,包括:设置单元202、确定单元204及调整单元206。
其中,设置单元202,用于分离分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;确定单元204,用于当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;调整单元206,用于根据所述选择面板的高度调整所述支撑控件的高度,以使所述聊天列表控件中的聊天信息不被所述选择面板遮挡。
在该技术方案中,通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,同时在聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件,并根据选择面板的高度调整支撑控件的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,便于用户操作,避免了相关技术中因聊天列表中的部分聊天信息被选择面板遮挡而导致操作繁琐及影响用户使用体验的问题;同时通过分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,使得位于聊天列表控件下方的支撑控件的高度的改变,在压缩聊天列表控件的同时,不会造成背景显示控件被压缩,从而避免了聊天背景图片被压缩失真。
在上述技术方案中,优选地,所述确定单元204包括:获取单元2042及计算单元2044。
其中,获取单元2042,用于获取终端的屏幕高度及状态栏高度;计算单元2044,用于计算导航栏高度及所述悬浮窗的高度;所述确定单元204具体用于:根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过获取终端的屏幕高度及状态栏高度,计算导航栏高度及悬浮窗的高度,以根据终端的屏幕高度、状态栏高度、导航栏高
度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,为后续根据选择面板的高度动态的调整支撑控件的高度提供必要的前提保障。
在上述任一项技术方案中,优选地,还包括:所述获取单元2042还用于:获取聊天窗口高度;所述计算单元2044具体用于:根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
在该技术方案中,通过获取聊天窗口高度,以根所述聊天窗口高度及终端的屏幕高度计算导航栏高度,确保了在动态变化的界面中正确的确定出选择面板的高度。此外,通过对导航栏高度的计算,使得能够在使用实体按键或虚拟按键的终端上都能够正常的适配显示。
具体地,当检测到聊天窗口高度大于终端的屏幕高度时,通过公式导航栏高度=聊天窗口高度-终端的屏幕高度来计算获得。
在上述任一项技术方案中,优选地,所述确定单元204具体用于:当所述导航栏高度等于零时,根据终端的屏幕高度、所述状态栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
在该技术方案中,通过在导航栏高度等于零时,根据终端的屏幕高度、状态栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度;以及通过在导航栏高度不等于零时,根据终端的屏幕高度、状态栏高度、导航栏高度及悬浮窗的高度,确定通过悬浮窗拉起的用于选择聊天信息的选择面板的高度,使得无论终端界面上是否显示导航栏,均能够在动态变化的界面中正确的确定出选择面板的高度。
具体地,在导航栏高度等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度,来计算选择面板的高度;在检测到导航栏高度不等于零时,通过公式选择面板的高度=终端的屏幕高度-悬浮窗高度+状态栏高度+导航栏高度,来计算。此外,当选择面板不被拉起时,选择面板的高度默认为悬浮窗高度。
在上述任一项技术方案中,优选地,还包括:所述调整单元206还用于:在根据所述选择面板的高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
在该技术方案中,通过在根据选择面板的高度调整支撑控件的高度的同时,控制背景显示控件的高度不变,确保了聊天背景图片不被压缩失真。
本发明还提出了一种终端,包括:如图2中所示的聊天列表的显示装置200。
以下结合图3至图6对本发明的技术方案进一步说明。
如图3所示,将聊天列表控件和背景显示控件分离;在同一窗口布局内,在聊天列表控件(ListView)下方放置一个用于调节ListView的高度的支撑控件(PanelBottomView);同时在聊天列表所在窗口之上,添加一个独立的悬浮窗,来实现输入文字、表情等功能。
具体地,如图4所示,动态的设置支撑控件的过程包括:
步骤402,判断是否拉起输入法或表情等功能的选择面板,若是执行步骤404;否则,继续判断。
步骤404,获取屏幕高度(phoneHeight)。
步骤406,获取聊天窗口高度(rootH)。
步骤408,获取状态栏高度(statusBarHeight)。
步骤410,计算导航栏高度(NavigationBarHeight)。
步骤412,计算悬浮窗高度(viewHeight)。
步骤414,判断导航栏高度是否为0,若是,执行步骤416;否则执行步骤418。
步骤416,通过公式选择面板高度(heightDifference)=phoneHeight-viewHeight+statusBarHeight,计算选择面板高度。
步骤418,通过公式选择面板高度(heightDifference)=phoneHeight-viewHeight+statusBarHeight+NavigationBarHeight,计算选择面板高度。
步骤420,将支撑控件(PanelBottomView)的高度设置为选择面板高度(heightDifference)。
在上述步骤中,由于选择面板的拉起和收起没有任何监听回调和通知事件,所以需要动态的自适应窗口的变化。首先在自定义一个布局Layout对象作为悬浮窗的根布局,并在其中的onLayout函数中设置自定义的回调对象,这样每当界面发生重绘时就可以产生一个回调动作,而选择面板拉起和收起时必然会引起界面的重绘,具体地,可通过以下自定义回调函数来实现动态的设置支撑控件的高度:
onLayoutEvent(boolean shownNavigationBar,int w,int h){
DisplayMetrics dm=new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(dm);
float phoneHeight=dm.heightPixels;//屏幕高度参数phoneHeight
int rootH=chat_main_root_view.getHeight();//聊天窗口高度rootH
……
if(rootH>phoneHeight){
NavigationBarHeight=rootH-(int)phoneHeight;//计算导航栏高度
}
……
//动态计算选择面板的高度
Rect r=new Rect();
bottomView.getWindowVisibleDisplayFrame(r);
int viewHeight=r.bottom-r.top;//计算悬浮窗高度
int heightDifference=0;
if(shownNavigationBar||((int)phoneHeight-viewHeight-statusBarHeight)<0.1){
heightDifference=(int)phoneHeight-viewHeight+statusBarHeight;
}else{
heightDifference=(int)phoneHeight-viewHeight+statusBarHeight+NavigationBarHeight;
}
……
//动态设置支撑控件PanelBottomView的高度为heightDifference
ViewGroup.LayoutParams lp=bottomPanel.getLayoutParams();
lp.height=heightDifference>h?heightDifference:h;
bottomPanel.setLayoutParams(lp);
……
此时,图3中的聊天列表控件(ListView)的高度会自动压缩,即被支撑控件PanelBottomView顶上去,如图5所示,聊天列表控件所在的区域A被自动压缩,以便显示出最近的聊天消息,区域B显示悬浮窗(即输入编辑框)及被拉起的选择面板;同时,图3中的背景显示控件不会被支撑控件PanelBottomView压缩,以确保背景图片不会失真;还可以自适应图5和图6所示的虚拟按键,即导航栏,使其在使用实体按键和虚拟按键的设备上均能正常适配显示,即解决了虚拟按键适配问题。
此外,如图6所示,当选择面板收起时,默认选择面板的高度heightDifference=h(输入编辑框的高度,也即悬浮窗高度viewHeight)。
通过上述算法,解决了选择面板拉起或收起的动态识别问题和虚拟按键适配问题,使得支撑控件PanelBottomView的高度被动态的设置为输入法或者表情等功能的选择面板的高度,确保聊天列表控件不被选择面板及悬浮窗遮挡并显示末尾的聊天消息;同时,当聊天列表控件的高度随着支撑控件PanelBottomView变化时,图3中Z轴最下方的背景显示控件不会被压缩变化,避免背景图片失真。
以上结合附图详细说明了本发明的技术方案,本发明的技术方案提出了一种新的聊天列表的显示方案,通过将用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件分别设置,并在聊天列表控件的下方设置支撑控件,以将支撑控件的高度动态设置为选择面板的高度,使得选择面板被拉起时压缩聊天列表控件以确保聊天列表中的末尾部分聊天信息总是可见,同时不会造成背景显示控件被压缩,而避免聊天背景图片被压缩失真。
以上所述仅为本发明的优选实施例而已,并不用于限制本发明,对于
本领域的技术人员来说,本发明可以有各种更改和变化。凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (10)
- 一种聊天列表的显示方法,其特征在于,包括:分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;根据所述选择面板的高度调整所述支撑控件的高度。
- 根据权利要求1所述的聊天列表的显示方法,其特征在于,所述当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度的步骤具体包括:获取终端的屏幕高度及状态栏高度;计算导航栏高度及所述悬浮窗的高度;根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
- 根据权利要求2所述的聊天列表的显示方法,其特征在于,所述计算导航栏高度的步骤包括:获取聊天窗口高度;根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
- 根据权利要求2所述的聊天列表的显示方法,其特征在于,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度的步骤具体包括:当所述导航栏高度等于零时,根据所述终端的屏幕高度、所述状态栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态 栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
- 根据权利要求1至4中任一项所述的聊天列表的显示方法,其特征在于,还包括:在根据所述选择面板的高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
- 一种聊天列表的显示装置,其特征在于,包括:设置单元,用于分别设置用于记录聊天信息的聊天列表控件和用于显示聊天背景图片的背景显示控件,并在所述聊天列表控件的下方设置用于调整聊天列表控件高度的支撑控件;确定单元,用于当用于编辑聊天信息的悬浮窗接收到触发指令时,确定通过所述悬浮窗拉起的用于选择聊天信息的选择面板的高度;调整单元,用于根据所述选择面板的高度调整所述支撑控件的高度。
- 根据权利要求6所述的聊天列表的显示装置,其特征在于,所述确定单元包括:获取单元,用于获取终端的屏幕高度及状态栏高度;计算单元,用于计算导航栏高度及所述悬浮窗的高度;所述确定单元具体用于:根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
- 根据权利要求7所述的聊天列表的显示装置,其特征在于,还包括:所述获取单元还用于:获取聊天窗口高度;所述计算单元具体用于:根据所述聊天窗口高度及所述终端的屏幕高度计算导航栏高度。
- 根据权利要求7所述的聊天列表的显示装置,其特征在于,所述确定单元具体用于:当所述导航栏高度等于零时,根据所述终端的屏幕高度、所述状态栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息 的所述选择面板的高度;当所述导航栏高度不等于零时,根据所述终端的屏幕高度、所述状态栏高度、所述导航栏高度及所述悬浮窗的高度,确定通过所述悬浮窗拉起的用于选择聊天信息的所述选择面板的高度。
- 根据权利要求6至9中任一项所述的聊天列表的显示装置,其特征在于,还包括:所述调整单元还用于:在根据所述选择面板的高度调整所述支撑控件的高度的同时,控制所述背景显示控件的高度不变,以使通过所述背景显示控件显示的聊天背景图片不被压缩。
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510613200.9 | 2015-09-23 | ||
| CN201510613200.9A CN105607816B (zh) | 2015-09-23 | 2015-09-23 | 聊天列表的显示方法及装置 |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2017049874A1 true WO2017049874A1 (zh) | 2017-03-30 |
Family
ID=55987791
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2016/074895 Ceased WO2017049874A1 (zh) | 2015-09-23 | 2016-02-29 | 聊天列表的显示方法及装置 |
Country Status (2)
| Country | Link |
|---|---|
| CN (1) | CN105607816B (zh) |
| WO (1) | WO2017049874A1 (zh) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110019270A (zh) * | 2017-12-20 | 2019-07-16 | 腾讯科技(深圳)有限公司 | 信息更新方法及其装置、终端、服务器、可读存储介质 |
| CN111552859A (zh) * | 2020-04-23 | 2020-08-18 | 京东方科技集团股份有限公司 | 历史信息的获取方法、存储介质、系统 |
Families Citing this family (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107193542B (zh) * | 2017-03-30 | 2022-06-14 | 腾讯科技(深圳)有限公司 | 信息显示方法和装置 |
| CN107728890B (zh) * | 2017-11-07 | 2020-07-03 | 北京字节跳动网络技术有限公司 | 一种导航栏显示方法和装置以及一种终端设备 |
| CN110515524B (zh) * | 2019-08-30 | 2021-02-02 | Oppo广东移动通信有限公司 | 输入信息的方法、装置、终端及存储介质 |
| CN111240550B (zh) * | 2020-01-13 | 2021-07-06 | 深圳市元征科技股份有限公司 | 聊天窗口的展示方法、装置、电子设备及存储介质 |
| CN113918259A (zh) * | 2021-10-08 | 2022-01-11 | 北京沃东天骏信息技术有限公司 | 视图适配处理方法和装置 |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102214454A (zh) * | 2011-05-27 | 2011-10-12 | 苏州阔地网络科技有限公司 | 一种控件排列显示方法、系统及客户端 |
| CN102298495A (zh) * | 2011-06-27 | 2011-12-28 | 上海北大方正科技电脑系统有限公司 | 一种android软件自适应不同屏幕密度的方法 |
| US20130132893A1 (en) * | 2010-09-29 | 2013-05-23 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for displaying data |
| CN104102431A (zh) * | 2014-07-28 | 2014-10-15 | 珠海市君天电子科技有限公司 | 控件调整方法及系统 |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101741969A (zh) * | 2008-11-07 | 2010-06-16 | 康佳集团股份有限公司 | 管理手机显示界面上多个控件的方法及其控件管理器 |
| CN101833417B (zh) * | 2010-04-23 | 2013-04-17 | 深圳桑菲消费通信有限公司 | 一种在手机上实现灵动视窗的系统及其方法 |
| CN102214101A (zh) * | 2011-06-30 | 2011-10-12 | 中兴通讯股份有限公司 | Widget窗口缩放显示的方法及装置 |
| JP2014130407A (ja) * | 2012-12-28 | 2014-07-10 | Nec Corp | 表示装置、表示方法および表示プログラム |
-
2015
- 2015-09-23 CN CN201510613200.9A patent/CN105607816B/zh active Active
-
2016
- 2016-02-29 WO PCT/CN2016/074895 patent/WO2017049874A1/zh not_active Ceased
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20130132893A1 (en) * | 2010-09-29 | 2013-05-23 | Tencent Technology (Shenzhen) Company Limited | Method and apparatus for displaying data |
| CN102214454A (zh) * | 2011-05-27 | 2011-10-12 | 苏州阔地网络科技有限公司 | 一种控件排列显示方法、系统及客户端 |
| CN102298495A (zh) * | 2011-06-27 | 2011-12-28 | 上海北大方正科技电脑系统有限公司 | 一种android软件自适应不同屏幕密度的方法 |
| CN104102431A (zh) * | 2014-07-28 | 2014-10-15 | 珠海市君天电子科技有限公司 | 控件调整方法及系统 |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN110019270A (zh) * | 2017-12-20 | 2019-07-16 | 腾讯科技(深圳)有限公司 | 信息更新方法及其装置、终端、服务器、可读存储介质 |
| CN110019270B (zh) * | 2017-12-20 | 2023-08-04 | 腾讯科技(深圳)有限公司 | 信息更新方法及其装置、终端、服务器、可读存储介质 |
| CN111552859A (zh) * | 2020-04-23 | 2020-08-18 | 京东方科技集团股份有限公司 | 历史信息的获取方法、存储介质、系统 |
| CN111552859B (zh) * | 2020-04-23 | 2024-04-26 | 京东方科技集团股份有限公司 | 历史信息的获取方法、存储介质、系统 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN105607816B (zh) | 2018-12-25 |
| CN105607816A (zh) | 2016-05-25 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| WO2017049874A1 (zh) | 聊天列表的显示方法及装置 | |
| US11818425B2 (en) | Methods, systems, and media for presenting caption information based on volume setting adjustments | |
| KR101547556B1 (ko) | 이미지 표시 방법 및 장치 | |
| US10613818B2 (en) | Sound effect adjusting apparatus, method, and program | |
| EP3719791A1 (en) | Electric device and music visualization method thereof | |
| US20170047063A1 (en) | Information processing apparatus, control method, and program | |
| CN103873800A (zh) | 一种投影显示图像调节方法及电子设备 | |
| US11013990B2 (en) | Vibration control apparatus | |
| US20200336676A1 (en) | Electronic device and operation method thereof | |
| KR20150119621A (ko) | 디스플레이 장치 및 그의 이미지 합성 방법 | |
| TW201421344A (zh) | 使用者介面產生裝置與相關方法 | |
| JP2017011334A (ja) | パラメータ制御装置およびパラメータ制御プログラム | |
| WO2011081036A1 (ja) | 画像処理装置、画像処理方法及び画像処理プログラム | |
| JP2007511159A (ja) | 周囲のビデオコンテンツに基づくクローズキャプション・テキストの適合 | |
| WO2017032191A1 (zh) | 绘制图形的方法和系统 | |
| JP2009027280A (ja) | 出力制御装置、出力制御方法、出力制御プログラムおよび記録媒体 | |
| WO2017096893A1 (zh) | 在网页中配置视频播放器的方法和装置 | |
| CN101539857A (zh) | 显示界面替换系统及其方法 | |
| KR102761431B1 (ko) | 전자 장치 및 그 제어 방법 | |
| CN104111791A (zh) | 用于使用触摸输入来输入听力图的设备和方法 | |
| EP3827430B1 (en) | Electronic device and operation method thereof | |
| CN102956177B (zh) | 防止显示屏画面模糊的方法及显示屏 | |
| JP2009147813A (ja) | 音響システムおよび音響システムの設定方法 | |
| US20250061867A1 (en) | Information Processing Device, Information Processing Method, And Program | |
| CN113590251B (zh) | 单屏多窗口的数字化互动展示系统及方法 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| 121 | Ep: the epo has been informed by wipo that ep was designated in this application |
Ref document number: 16847760 Country of ref document: EP Kind code of ref document: A1 |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |
|
| 122 | Ep: pct application non-entry in european phase |
Ref document number: 16847760 Country of ref document: EP Kind code of ref document: A1 |