Rendering borders of elements of a graphical user interface
First Claim
Patent Images
1. A system comprising:
- one or more hardware processors; and
non-transitory computer readable medium encoding instructions that, when executed by the one or more hardware processors, cause the system to render a border in a graphical user interface (GUI) on a display device associated with the system, wherein the border comprisesa first straight side,a second straight side, anda corner portion that joins together the first straight side and the second straight side, such that a portion of the border that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions have a common curvature and distal ends have zero curvature.
1 Assignment
0 Petitions
Accused Products
Abstract
Systems and methods are described to render borders of controls and indicators in a graphical user interface (GUI), such that the rendered borders have continuous curvatures. In one aspect, a method includes generating a border of a GUI element to be represented in a GUI. The border includes a first straight side, a second straight side, and a corner portion that joins together the first straight side and the second straight side, such that a portion of the border that includes the first straight side, the corner portion and the second straight side is continuous and has continuous curvature. Additionally, the method includes representing the GUI element in the GUI.
11 Citations
29 Claims
-
1. A system comprising:
-
one or more hardware processors; and non-transitory computer readable medium encoding instructions that, when executed by the one or more hardware processors, cause the system to render a border in a graphical user interface (GUI) on a display device associated with the system, wherein the border comprises a first straight side, a second straight side, and a corner portion that joins together the first straight side and the second straight side, such that a portion of the border that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions have a common curvature and distal ends have zero curvature. - View Dependent Claims (2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13)
-
-
14. A system comprises:
-
means for generating a border of a control or indicator to be rendered in a graphical user interface (GUI), wherein the border comprises a first straight side, a second straight side, and a corner portion that joins together the first straight side and the second straight side, such that a portion of the border that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions have a common curvature and distal ends have zero curvature; and a hardware processor to render the border of the control or indicator in the GUI. - View Dependent Claims (15, 16, 17, 18, 19)
-
-
20. A method comprising:
-
generating, by a computer system, a border of a control or indicator to be represented in a graphical user interface (GUI), wherein the border comprises a first straight side, a second straight side, and a corner portion that joins together the first straight side and the second straight side, such that a portion of the border that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion comprises a first non-circular portion and a second non-circular portion, and wherein said generating the border comprises arranging the first and second non-circular portions to have zero curvature at distal ends and a common curvature at proximal ends; and representing, by the computer system in the GUI, the border of the control or indicator. - View Dependent Claims (21, 22, 23, 24, 25, 26)
-
-
27. A device, comprising:
-
a display; one or more processors; and memory storing one or more programs, the one or more programs including instructions which, when executed by the one or more processors, cause the device to; receive a request to display a user interface element with one or more curved corners; and in response to receiving the request to display the user interface element, displaying the user interface element on the display with a curved boundary, wherein generating the curved boundary includes; in accordance with a determination that the user interface element has a first set of one or more dimension parameters, generating, via the one or more processors, a first shape for the boundary of the user interface element, wherein the first shape includes; a first straight side of the first shape, a second straight side of the first shape, and a corner portion of the first shape that joins together the first straight side of the first shape and the second straight side of the first shape, such that a portion of the boundary of the first shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the first shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the first shape have a same first curvature, wherein the first curvature is determined based at least in part on the first set of dimensional parameters; and in accordance with a determination that the user interface element has a second set of one or more dimension parameters different from the first set of dimension parameters, generating, via the one or more processors, a second shape for the boundary of the user interface element, wherein the second shape includes; a first straight side of the second shape, a second straight side of the second shape, and a corner portion of the second shape that joins together the first straight side of the second shape and the second straight side of the second shape, such that a portion of the boundary of the second shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the second shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the second shape have a same second curvature, wherein the second curvature is determined based at least in part on the second set of dimensional parameters and is different from the first curvature.
-
-
28. A method, comprising:
-
receiving a request to display a user interface element with one or more curved corners; and in response to receiving the request to display the user interface element, displaying the user interface element on a display with a curved boundary, wherein generating the curved boundary includes; in accordance with a determination that the user interface element has a first set of one or more dimension parameters, generating, via one or more processors, a first shape for the boundary of the user interface element, wherein the first shape includes; a first straight side of the first shape, a second straight side of the first shape, and a corner portion of the first shape that joins together the first straight side of the first shape and the second straight side of the first shape, such that a portion of the boundary of the first shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the first shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the first shape have a same first curvature, wherein the first curvature is determined based at least in part on the first set of dimensional parameters; and in accordance with a determination that the user interface element has a second set of one or more dimension parameters different from the first set of dimension parameters, generating, via the one or more processors, a second shape for the boundary of the user interface element, wherein the second shape includes; a first straight side of the second shape, a second straight side of the second shape, and a corner portion of the second shape that joins together the first straight side of the second shape and the second straight side of the second shape, such that a portion of the boundary of the second shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the second shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the second shape have a same second curvature, wherein the second curvature is determined based at least in part on the second set of dimensional parameters and is different from the first curvature.
-
-
29. A non-transitory computer-readable medium encoding instructions that, when executed by data processing apparatus, cause the data processing apparatus to perform operations comprising:
-
receiving a request to display a user interface element with one or more curved corners; and in response to receiving the request to display the user interface element, displaying the user interface element on a display with a curved boundary, wherein generating the curved boundary includes; in accordance with a determination that the user interface element has a first set of one or more dimension parameters, generating a first shape for the boundary of the user interface element, wherein the first shape includes; a first straight side of the first shape, a second straight side of the first shape, and a corner portion of the first shape that joins together the first straight side of the first shape and the second straight side of the first shape, such that a portion of the boundary of the first shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the first shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the first shape have a same first curvature, wherein the first curvature is determined based at least in part on the first set of dimensional parameters; and in accordance with a determination that the user interface element has a second set of one or more dimension parameters different from the first set of dimension parameters, generating a second shape for the boundary of the user interface element, wherein the second shape includes; a first straight side of the second shape, a second straight side of the second shape, and a corner portion of the second shape that joins together the first straight side of the second shape and the second straight side of the second shape, such that a portion of the boundary of the second shape that comprises the first straight side, the corner portion and the second straight side is continuous and has continuous curvature, wherein the corner portion of the second shape comprises a first non-circular portion and a second non-circular portion, such that proximate ends of the first and second non-circular portions of the second shape have a same second curvature, wherein the second curvature is determined based at least in part on the second set of dimensional parameters and is different from the first curvature.
-
Specification