CA2853997A1 - A method for controlling display of a context toolbar - Google Patents

A method for controlling display of a context toolbar Download PDF

Info

Publication number
CA2853997A1
CA2853997A1 CA2853997A CA2853997A CA2853997A1 CA 2853997 A1 CA2853997 A1 CA 2853997A1 CA 2853997 A CA2853997 A CA 2853997A CA 2853997 A CA2853997 A CA 2853997A CA 2853997 A1 CA2853997 A1 CA 2853997A1
Authority
CA
Canada
Prior art keywords
context toolbar
toolbar
context
displaying
function buttons
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.)
Granted
Application number
CA2853997A
Other languages
French (fr)
Other versions
CA2853997C (en
Inventor
Hui Wang
Jian Zhu
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Zhuhai Kingsoft Software Co Ltd
Zhuhai Kingsoft Office Software Co Ltd
Original Assignee
Zhuhai Kingsoft Software Co Ltd
Zhuhai Kingsoft Office Software Co Ltd
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 Zhuhai Kingsoft Software Co Ltd, Zhuhai Kingsoft Office Software Co Ltd filed Critical Zhuhai Kingsoft Software Co Ltd
Publication of CA2853997A1 publication Critical patent/CA2853997A1/en
Application granted granted Critical
Publication of CA2853997C publication Critical patent/CA2853997C/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0485Scrolling or panning
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction 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/0482Interaction with lists of selectable items, e.g. menus
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures

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

The present invention relates to a method for controlling display of a context toolbar, comprising the following steps: ( 1 ) receiving a screen touch signal for displaying the context toolbar; ( 2 ) determining a selected object according to the screen touch signal; ( 3 ) selecting function buttons corresponding to the selected object, and obtaining an overall display width by summating the display width of the selected function buttons; ( 4 ) comparing the overall display width with a preset value, when the overall display width <= the preset value, displaying the context toolbar, and displaying all the selected function buttons and a close button for closing the context toolbar in the context toolbar; and when the overall display width >
the preset value, displaying the context toolbar, and displaying some of the selected function buttons and a close button for closing the context toolbar in the context toolbar, and in response to slide touch information. The present invention facilitates the operation of the scrolling toolbar and reading of the content of the user.

Description

CA Application Btakes Ref: 10976100001
2
3 FIELD OF THE INVENTION
4 [00011 The present invention relates to a method for controlling display of a context toolbar, particularly to a method for controlling display of a context toolbar on a handheld touch device 6 (User can control the device by touching the touch screen of the device, e.g., iPhone 3, iPhone 4, 7 HTC G11, IITC G14 mobiles etc.).

WWI A toolbar is a control bar on which a row of buttons for executing instructions are 11 displayed. An action associated with a button can be executed by clicking the button on the 12 toolbar. A context toolbar differs from a general toolbar in that (1) a context toolbar is not 13 attached to a menu bar, and the location of a context toolbar changes depending on the operating 14 position in the document ; (2) a context toolbar is not always visible, but appears upon clicking, double-clicking, long-pressing or the like on the touch screen where corresponds to a location in 16 the document. Currently, a problem is that the context toolbar contains relatively many buttons 17 when there are relatively many more than 5) operating commands to the document. However, 18 the resolutions of the mobile devices on the market are not the same, and a mobile device having 19 a low resolution can not display too many buttons, otherwise the area per button would be too small to create a good user experience.
21 [0003] Generally, there are two solutions to solve the problem:
22 [00041 AS shown in Figure 1, a first solution comprises placing all the function buttons on the 23 context toolbar. When there are too many function buttons so that not all the function buttons can 24 be displayed in one row, a "more" auxiliary button is added at the end of the context toolbar. The other function buttons will be displayed by clicking the "more" button, and the context toolbar 26 will disappear by clicking anywhere outside the context toolbar. This solution has the following 27 disadvantages. The other function buttons are hidden unless the "more"
button is clicked.
28 Especially when the screen is small, clicking a small button causes a poor user experience. User CA Application Makes Ref: 10976100001 I can view the other function buttons by clicking the "more" button, but he/she has to close and 2 reopen the toolbar in order to go back to the previous function buttons, so that a poor user 3 experience is caused. With respect to a toolbar where a function button needs to be clicked many 4 times, the user has to open the toolbar repeatedly and click the function button.
100051 As show in Figure 2, a second solution comprises placing all the function buttons on 6 the context toolbar. If the function buttons are too many to be displayed all in one row, they are 7 displayed in two rows. By clicking anywhere outside the context toolbar, the context toolbar 8 disappear. This solution has the following disadvantages. The visual effect is poor, especially on 9 a mobile device having a small screen, and displaying the context toolbar in two rows makes the i 0 display crowded and redundant. The space of the screen are occupied and display of the content 11 of the document is blocked. With respect to a tool bar where a function button needs to be 12 clicked many times, the user has to open the toolbar repeatedly and click the function button.

100061 The technical problem to be solved by the present invention is to provide a method for 16 control the display of a context toolbar, which facilitates operation of the context toolbar and 17 reading of the content by the user.
18 [0007] The above technical problem is solved by the following technical solutions:
9 [00081 A method for controlling the display of a context toolbar, comprising:
100091 ( 1 ) receiving a screen touch signal for displaying the context toolbar;
21 10010] ( 2 ) determining a selected object according to the screen touch signal;
22 [0011] ( 3 ) selecting function buttons corresponding to the selected object, and obtaining an 23 overall display width by summating the display widths of the selected function buttons;
24 [0012] ( 4 ) comparing the overall display width with a preset value, 22545424.1 CA Application Blakes Ref: 10976/00001 when the overall display widtht-C. the preset value, displaying the context toolbar and 2 displaying all the selected function buttons and a close button for closing the context toolbar in 3 the context toolbar; and 4 when the overall display width > the preset value, displaying the context toolbar and displaying some of the selected function buttons and a close button for closing the context 6 toolbar in the context toolbar, and in response to slide touch information, adjusting the displayed 7 selected function buttons by rightward or leftward sliding action in the context toolbar of the 8 user.
9 100131 The context toolbar can have a variable display length. When the overall display width the preset value, the display length of the context toolbar is in a linear relationship with the 11 overall display width. When the overall display width > the preset value, the display length of the 12 context toolbar is fixed.
13 100141 The context toolbar may have a fixed display length.
14 100151 As can be seen from the above solutions, the present invention has the following advantages. The display of the function buttons can be adjusted in a manner of slide touch. As 16 compared with the first solution described in the background part, function buttons in the present 17 invention can be displayed back and forth easily. As compared with the second solution 18 described in the background part, the problem that not all the function buttons can be displayed 19 in one row (or column) is solved, so the context toolbar will not block the document too much and the visual effect is good. With respect to a context toolbar having one or more buttons that 21 are needed to be clicked multiple times. the user no longer needs to open the context toolbar 22 repeatedly because of the additional "close" button. The user can simply click the "close" button 23 to close the context toolbar after he/she finishes the action of repeatedly clicking the function 24 buttons.

27 [00161 Figure 1 illustrates the first solution described in the background;

22545424.1 CA Application Blakes Ref: 10976/00001 I [00171 Figure 2 illustrates the second solution described in the background; and 2 [00181 Figure 3 illustrates the action of slide touching the context toolbar according to the 3 present invention.

DETAILED DESCRIPTION OF THE EMBODIMENTS
6 100191 A method for controlling the display of a context toolbar, including:
7 100201 ( 1 ) receiving a screen touch signal for displaying the context toolbar;
8 [00211 For example, the screen touch signal can be a fast double-click or a long-press or some 9 other operation at a place on the screen where corresponds to a location in the document.
[00221 ( 2 ) determining a selected object according to the screen touch signal;
11 100231 For example. when the object that corresponds to the place on the screen operated by 12 the double-click or long-press or the some other operation is an image, the image is a selected 13 object; when the object that corresponds to the place on the screen operated by the double-click 14 or long-press or the some other operation is a text, the text is a selected object.
100241 ( 3.) selecting function buttons corresponding to the selected object, and obtaining an 16 overall display width by summating the display widths of the selected function buttons;
17 100251 For example, when the selected object is an image, generally the following function 18 buttons are needed: enlarge, save, view, copy, paste, and property. When the selected object is a 19 text, generally the following function buttons are needed: copy, cut, paste, select, select all. Of course, all the function buttons and their corresponding relationship with the objects are 21 predetermined by the developer. More different function buttons can be designed for different 22 objects if necessary.
23 100261 ( 4 ) comparing the overall display width with a preset value, 24 when the overall display width ?-C. the preset value, displaying the context toolbar, and displaying all the selected function buttons and a "close" button for closing the context toolbar in 26 the context toolbar; and 22545424.1 CA Application Makes Ref 10976/00001 1 when the overall display width > the preset value, displaying the context toolbar, and 2 displaying some of the selected function buttons and a close button for closing the context 3 toolbar in the context toolbar, and in response to slide touch information, adjusting the displayed 4 selected function buttons by rightward or leftward sliding action in the context toolbar of the user, as shown in Figure 3.
6 [00271 Specifically, the preset value in step (4) can be determined according to the size of the 7 screen. For example, when the context toolbar is displayed horizontally, the preset value .= a *
8 lateral dimension of the screen, where 0 <a <1; and when the context toolbar is displayed 9 vertically, the preset value ¨ b * longitudinal dimension of the screen.
[0028] From an aesthetic perspective, the inventor of the present invention proposes the 11 following design of the display of a context toolbar: when the overall display width LC. the 12 preset value, the display length (L) of the context toolbar is in a linear relationship with the 13 overall display width (H), e.g, L
= r * H c, where r 1, c 0; when the overall display 14 width > the preset value, the display length of the context toolbar is fixed. Of course, the display length of the context toolbar can always be a fixed value.

The present invention is not limited to the above embodiments. Those equivalents that 17 are made based on the embodiments herein without inventive effort fall within the scope of the 18 invention.
5 22545424.1

Claims (3)

1. A method for controlling display of a context toolbar, comprising:
( 1 ) receiving a screen touch signal for displaying the context toolbar;
( 2 ) determining a selected object according to the screen touch signal;
( 3 ) selecting function buttons corresponding to the selected object, and obtaining an overall display width by summating the display widths of selected function buttons;
( 4 ) comparing the overall display width with a preset value, when the overall display width <= the preset value, displaying the context toolbar, and displaying all the selected function buttons and a close button for closing the context toolbar in the context toolbar; and when the overall display width > the preset value, displaying the context toolbar, and displaying some of the selected function buttons and a close button for closing the context toolbar in the context toolbar, and in response to slide touch information, adjusting the displayed selected function buttons by rightward or leftward sliding action in the context toolbar of the user.
1 The method for controlling display of a context toolbar according to claim 1, wherein the context toolbar has a variable display length, wherein when the overall display width <= the preset value, the display length of the context toolbar is in a linear relationship with the overall display width; and when the overall display width > the preset value, the display length of the context toolbar is fixed.
3. The method for controlling display of a context toolbar according to claim 1, wherein the context toolbar has a fixed display length.
CA2853997A 2011-11-17 2012-11-08 A method for controlling display of a context toolbar Active CA2853997C (en)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
CN201110366190.5 2011-11-17
CN2011103661905A CN102566900A (en) 2011-11-17 2011-11-17 Scroll toolbar display control method
PCT/CN2012/084281 WO2013071835A1 (en) 2011-11-17 2012-11-08 Scrolling toolbar display and control method

Publications (2)

Publication Number Publication Date
CA2853997A1 true CA2853997A1 (en) 2013-05-23
CA2853997C CA2853997C (en) 2017-11-28

Family

ID=46412438

Family Applications (1)

Application Number Title Priority Date Filing Date
CA2853997A Active CA2853997C (en) 2011-11-17 2012-11-08 A method for controlling display of a context toolbar

Country Status (7)

Country Link
US (1) US9471215B2 (en)
EP (1) EP2750012A4 (en)
JP (1) JP2015501026A (en)
CN (1) CN102566900A (en)
AU (1) AU2012339391B2 (en)
CA (1) CA2853997C (en)
WO (1) WO2013071835A1 (en)

Families Citing this family (12)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102566900A (en) 2011-11-17 2012-07-11 珠海金山办公软件有限公司 Scroll toolbar display control method
US9817548B2 (en) * 2013-05-20 2017-11-14 Citrix Systems, Inc. Providing enhanced user interfaces
USD768665S1 (en) 2014-02-27 2016-10-11 Amazon Technologies, Inc. Display screen having a graphical user interface
CN105094801B (en) 2015-06-12 2019-12-24 阿里巴巴集团控股有限公司 Application function activation method and device
US10082931B2 (en) 2015-06-12 2018-09-25 Microsoft Technology Licensing, Llc Transitioning command user interface between toolbar user interface and full menu user interface based on use context
CN106951152B (en) * 2016-01-07 2020-12-08 阿里巴巴集团控股有限公司 Control method and device for label bar
CN106453779A (en) * 2016-09-29 2017-02-22 北京小米移动软件有限公司 Call processing method and apparatus
JP7073670B2 (en) 2017-10-27 2022-05-24 富士フイルムビジネスイノベーション株式会社 Document processing device and document processing program
CN108776570B (en) * 2018-05-30 2021-04-27 北京小米移动软件有限公司 Picture processing method and device
KR20210027670A (en) 2019-08-30 2021-03-11 삼성전자주식회사 Semiconductor die and semiconductor wafer
US11348848B2 (en) 2019-08-30 2022-05-31 Samsung Electronics Co., Ltd. Semiconductor die, semiconductor wafer, semiconductor device including the semiconductor die and method of manufacturing the semiconductor device
USD947214S1 (en) * 2020-06-18 2022-03-29 Apple Inc. Display screen or portion thereof with graphical user interface

Family Cites Families (21)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US5664133A (en) * 1993-12-13 1997-09-02 Microsoft Corporation Context sensitive menu system/menu behavior
US5854629A (en) * 1996-12-31 1998-12-29 International Business Machine Corporation Enhanced scrolling technique for context menus in graphical user interfaces
JP2001306631A (en) * 2000-04-27 2001-11-02 Kyoei Sangyo Kk System and method for building estimation
US8091042B2 (en) * 2001-11-15 2012-01-03 Siebel Systems, Inc. Apparatus and method for displaying selectable icons in a toolbar for a user interface
US7546548B2 (en) 2002-06-28 2009-06-09 Microsoft Corporation Method and system for presenting menu commands for selection
CA2393887A1 (en) * 2002-07-17 2004-01-17 Idelix Software Inc. Enhancements to user interface for detail-in-context data presentation
US20040261031A1 (en) * 2003-06-23 2004-12-23 Nokia Corporation Context dependent auxiliary menu elements
JP2005309933A (en) * 2004-04-23 2005-11-04 Canon Inc Enhancement control device, image processing system, method for displaying application icon, program, and storage medium
KR100617691B1 (en) 2005-10-31 2006-08-28 삼성전자주식회사 Method for management and displaying menu in wireless terminal
KR101269375B1 (en) * 2006-05-24 2013-05-29 엘지전자 주식회사 Touch screen apparatus and Imige displaying method of touch screen
DE102007043658A1 (en) * 2007-09-13 2009-03-26 Siemens Ag Control a scrollable context menu
US8352549B2 (en) * 2007-09-28 2013-01-08 Ebay Inc. System and method for creating topic neighborhoods in a networked system
TWI361377B (en) 2008-04-24 2012-04-01 Htc Corp Method for switching user interface, electronic device and recording medium using the same
JP2011018085A (en) * 2008-06-19 2011-01-27 Panasonic Corp Information processing apparatus
US20100162165A1 (en) * 2008-12-22 2010-06-24 Apple Inc. User Interface Tools
US8370736B2 (en) 2009-03-16 2013-02-05 Apple Inc. Methods and graphical user interfaces for editing on a multifunction device with a touch screen display
US8601389B2 (en) * 2009-04-30 2013-12-03 Apple Inc. Scrollable menus and toolbars
US8352878B2 (en) * 2009-09-25 2013-01-08 International Business Machines Corporation Scrollable context menu for multiple element selection
CN102141894B (en) * 2011-05-12 2013-03-20 北京瑞信在线系统技术有限公司 User interface displaying method and device
US9582187B2 (en) * 2011-07-14 2017-02-28 Microsoft Technology Licensing, Llc Dynamic context based menus
CN102566900A (en) * 2011-11-17 2012-07-11 珠海金山办公软件有限公司 Scroll toolbar display control method

Also Published As

Publication number Publication date
US20140331168A1 (en) 2014-11-06
CN102566900A (en) 2012-07-11
AU2012339391A1 (en) 2014-05-08
CA2853997C (en) 2017-11-28
EP2750012A4 (en) 2015-07-08
WO2013071835A1 (en) 2013-05-23
EP2750012A1 (en) 2014-07-02
JP2015501026A (en) 2015-01-08
AU2012339391B2 (en) 2016-02-25
US9471215B2 (en) 2016-10-18

Similar Documents

Publication Publication Date Title
CA2853997C (en) A method for controlling display of a context toolbar
US10884573B2 (en) User interfaces for multiple displays
CN104049835B (en) Automatically expand the method and device thereof of pane
US20090058801A1 (en) Fluid motion user interface control
WO2010039350A3 (en) Touch screen device, method, and graphical user interface for moving on-screen objects without using a cursor
US20110022990A1 (en) Method for operation to a multi-touch environment screen by using a touchpad
US20150326909A1 (en) Method for remotely controlling smart television
EP2735960A2 (en) Electronic device and page navigation method
CN103324414A (en) Method and mobile terminal for adjusting icon positions
JP2013058149A5 (en)
WO2008021670A3 (en) Multi-pane graphical user interface with common scroll control
US10353533B2 (en) Manipulating visual representations of data
WO2005089512A3 (en) Scrollbar enhancement for browsing data
WO2009044770A1 (en) Terminal device, link selection method, and display program
KR20100130671A (en) Method and apparatus for providing selected area in touch interface
WO2009142871A8 (en) Panning content utilizing a drag operation
US20170364243A1 (en) Graphical interface and method for managing said graphical interface during the touch-selection of a displayed element
US20140085223A1 (en) Apparatus and method capable of switching displayed pictures
CN103076982A (en) Method and device for controlling cursor in mobile terminal
CN106681616B (en) Method, device and equipment for displaying function bar of browser
EP1818792A3 (en) Input/output device, input/output method and computer readable medium storing thereon program therefor
CN102968258A (en) Touch method for accurate sliding control over touch screen
US20140089845A1 (en) Apparatus and method capable of switching displayed pictures
US20140253479A1 (en) Display device and display method
KR20070009661A (en) Method of navigating, electronic device, user interface and computer program product

Legal Events

Date Code Title Description
EEER Examination request

Effective date: 20140429