CN103069373A - 二维滑块控件 - Google Patents

二维滑块控件 Download PDF

Info

Publication number
CN103069373A
CN103069373A CN2011800394949A CN201180039494A CN103069373A CN 103069373 A CN103069373 A CN 103069373A CN 2011800394949 A CN2011800394949 A CN 2011800394949A CN 201180039494 A CN201180039494 A CN 201180039494A CN 103069373 A CN103069373 A CN 103069373A
Authority
CN
China
Prior art keywords
slide block
block shape
sliding area
image
color correction
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
CN2011800394949A
Other languages
English (en)
Other versions
CN103069373B (zh
Inventor
P·瓦纳
A·布里安特
J·C·安德特
O·费德基韦
R·A·加拉吉尔
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.)
Apple Inc
Original Assignee
Apple Computer Inc
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 Apple Computer Inc filed Critical Apple Computer Inc
Publication of CN103069373A publication Critical patent/CN103069373A/zh
Application granted granted Critical
Publication of CN103069373B publication Critical patent/CN103069373B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

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/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
    • 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/04847Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • 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

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

本发明的实施例提供了一种用于控制应用的图形用户界面(GUI)的计算机程序。该GUI包括用于定义若干值的连续二维滑动区。该GUI还包括用于在滑动区内移动的若干个滑块。每个滑块基于该滑块在滑动区内的位置从所述若干值中选择一个或多个值。所选择的值是用于控制所述应用的一个或多个操作的参数。

Description

二维滑块控件
背景技术
许多应用提供允许用户与应用交互的图形用户界面(GUI)。应用GUI可以包括输出信息和/或接收来自用户的信息的任意数目的不同GUI组件(例如,窗口小部件、控件)。这种GUI组件的例子包括用于列出一组可选择命令的菜单、用于执行动作的可选择按钮、用于显示信息和/或接收用户输入的显示窗口、用于接收文本输入的文本框等。
滑块控件是用于接收来自用户的输入值的一种类型的GUI组件。通常,滑块控件具有两个组件:滑动区(例如,“轨道”)和滑块(例如,“拇指”)。滑块在单个轴上沿着滑动区移动。通过沿着滑动区移动滑块,用户可以从一个定义的值范围中选择值。定义的值范围中的值与沿着滑动区的不同位置相关联,可以可沿着滑动区被示出(例如,使用刻度线)。从而,用户可以通过沿着滑动区将滑块移动到不同位置(或沿着滑动区选择示出的值)来选择该值范围中的不同值。
滑块控件可被用于控制不同应用的不同功能。例如,滑块控件可被用于***体回放应用的音量、图像编辑应用的图像对比度值、***偏好设置应用的监视器屏幕分辨率等。
某些滑块控件还包括显示当前选择值的文本框。通过允许用户在文本框中直接键入值,这些滑块控件为用户提供了设置滑块控件的值的另一种方式。当用户直接在文本框中键入值时,滑块自动沿着滑动区移到对应于该值的位置。类似地,当用户通过沿着滑动区移动滑块到一个位置而选择一个值时,文本框显示选择的值。
一个滑块控件通常控制应用中的单个操作。例如,媒体编辑应用的颜色校正组件通常采用多个不同滑块控件,每个滑块控件对正在编辑的媒体(例如,图像、视频片段)执行一不同操作。为了执行多种不同颜色校正操作,必须对多个不同滑块控件进行多个调节。因此,对于这种应用的用户,执行颜色校正可能烦琐并且复杂。而且,由于让人难以应对的滑块控件数目,这种应用的用户可能难以衡量对媒体进行的调节。
发明内容
本发明的某些实施例提供了图形用户界面(GUI)中的新颖的二维滑块控件。所述二维滑块控件包括滑动区和若干滑块(下面也被可互换地称为滑块形状)。在这些实施例中,每个滑块形状可以可移动地定位在滑动区中,以便从一个值范围中选择值。在某些实施例中,每个滑块形状与一个操作相关联。用户可以通过在滑动区中可移动地定位该滑块形状以便从一个值范围中为该操作选择值,来控制与滑块形状相关联的操作。用户可以通过在单个滑动区中可移动地定位多个滑块来控制多个操作。另外,通过提供用于放置定义多个属性的多个滑块形状的一个区域,用户可以观察正被控制的多个操作,并且感受在不同时间点进行的多个滑块形状调节。
不同实施例使用不同二维坐标系来描述滑动区中的位置。例如,某些实施例使用极坐标系来描述滑动区中的位置。从而,滑动区中的位置以径向距离和角度来表示。由于径向距离和角度用于描述滑动区中的位置,它们在下面被称为位置变量。
某些实施例使用笛卡儿坐标系来描述滑动区中的位置。因此,滑动区中的位置以两个距离表示,每个距离相对于一个特定参考线(例如,x轴、y轴)。类似于径向距离和角度,与特定参考线的距离在下面也被称为位置变量。在某些实施例中,可以使用其它二维坐标系,诸如二维抛物线坐标系,来描述滑动区中的位置。另外,在某些实施例中,可以使用单个坐标系来描述各个滑块形状在滑动区中的位置。
在某些实施例中,为不同位置变量中的每一个定义一个值范围。在这些实施例中,一特定位置变量的每个可能值(例如,对于径向距离位置变量而言的不同径向距离、对于角位置变量而言的不同角度等)与值范围中的一个或多个值相关联。在某些实施例中,为所有不同位置变量定义相同的值范围,而在其它实施例中,某些或全部不同位置变量的值范围被不同地定义。另外,在不同实施例中可以不同地定义值范围中的值。例如,值范围中的值可被定义为一组连续的整数,诸如0到255、-127到128、500到600等。某些实施例将值范围中的值定义为固定间隔的一组整数(例如,以5为间隔,0到100)。另外,在不同实施例中,值范围中的值的数目可以不同,并且基于值范围被如何定义。从而,值范围中的值可以以任意数目的不同方式定义。
如上所述,在某些实施例中,可以为特定位置变量的值定义值范围,并且可以用位置变量来描述滑动区中的位置。因此,由于滑动区内的每个位置可以用特定位置变量来描述,所以滑动区内的每个位置与该值范围中的一个值相关联。以这种方式,滑动区内滑块形状的位置可用于规定为位置变量定义的值范围中的值(例如,通过识别值范围中与针对滑块形状的位置的特定位置变量的值相关联的值)。
在某些实施例中,不同滑块形状基于不同位置变量从值范围中选择值。例如,在某些实施例中,一个滑块形状基于径向距离位置变量从一个值范围中选择值,另一个滑块形状基于x轴位置变量从一个值范围中选择值,而又一个滑块形状基于角位置变量从一个值范围中选择值。
在某些实施例中,滑块形状呈现为圆。然而,不同实施例不同地呈现滑块形状。可以使用任意数目的不同视觉外观(例如,点、正方形、缩略图、图标、颜色、文本等)来呈现滑块形状。在某些实施例中,可以使用相同视觉外观来显示滑块形状。在其它实施例中,基于与滑块形状相关联的操作来不同地显示滑块形状。即,使用相同视觉外观来显示与相同操作相关联的滑块形状,而使用不同视觉外观来显示与不同操作相关联的滑块形状。
可以用任意数目的不同方式(例如,大小、形状等)来定义二维滑块控件的滑动区的区域。例如,在某些实施例中,二维滑块控件的滑动区的区域被定义为圆。还可以使用其它几何形状,诸如正方形、矩形、三角形、椭圆等。
作为例子,二维滑块控件的某些实施例包括以内圆和外圆定义的环形滑动区。在某些实施例中,外圆表示值范围的最小值,而内圆表示值范围的最大值。这些实施例的环形滑动区允许多个滑块形状定位在滑动区内以同时选择值范围中的最大值而不必彼此重叠。
除了滑动区之外,二维滑块控件的某些实施例提供背景区。在某些实施例中,背景区是二维滑块控件中的一个区域,滑块形状可被定位在该区域中。在某些实施例中,当滑块形状被定位在背景区中时,与滑块形状相关联的操作(一个或多个)不起作用,并且滑块形状被称为被禁用、去活、关闭等。当滑块形状被定位在滑动区中时,与滑块形状相关联的操作(一个或多个)起作用,并且滑块形状被称为被启用、激活、开启等。因此,取代将滑块形状定位在滑动区内对应于“关闭”位置或最小值之处,用户可以将滑块形状置于背景区中,以减少凌乱或针对用户不希望此时使用滑块形状的情况。另外,某些实施例的背景区提供了一个区,在该区中滑动区可被可移动地定位(而不是滑块形状)以便控制与滑块形状相关联的操作。
二维滑块控件的某些实施例可以包括任意固定数目的滑块形状。在某些实施例中,滑块形状的数目基于允许用户控制的操作的数目。另外,某些实施例仅允许滑块形状可移动地定位在二维滑块控件的滑动区内,而其它实施例允许二维滑块控件的滑块形状可移动地定位在二维滑块控件的显示区域内的任何位置(例如,滑动区之内以及之外)。
对于二维滑块控件,不同实施例提供滑块形状的不同起点配置。例如,某些实施例提供其中滑块形状被“归零”的起点配置。即,滑块形状被定位在滑动区内以使得与滑块形状相关联的操作被关闭(例如,去活、被禁用、选择零值、选择最小值等)。本领域技术人员将认识到,使滑块形状“归零”取决于定义的值范围的值如何与滑动区内的位置相关联,并且因此可以有任意数目的不同起点配置以使滑块形状“归零”。另外,某些实施例通过给滑块形状分配空值来使滑块形状“归零”。而且,其它实施例为滑块形状提供其它起点配置。例如,二维滑块控件的某些实施例提供这样的起点配置,其中滑块形状被定位在默认位置/值。某些实施例在滑动区之外开始滑块形状。
二维滑块控件的某些实施例允许动态数目的滑块形状。即,二维滑块控件中的滑块形状的数目可以在任意给定时刻改变。特别地,这些实施例允许在二维滑块控件的滑动区内添加和删除以及可移动地定位滑块形状。不同实施例提供向二维滑块控件添加滑块形状的不同方式。例如,某些实施例使用击键、击键组合、热键、从下拉或弹出菜单中选择的选项、或任意其它适合方法来向二维滑块控件添加滑块形状。
在某些实施例中,二维滑块控件用于执行各种图像处理操作。这些实施例中的某些提供滑块形状用于基于到滑动区中心的径向距离对正被编辑的图像应用锐化操作(例如,USM锐化)。可以在不同实施例中提供执行其它图像处理操作(例如,饱和度、对比度、亮度、颜色平衡、降噪等)的其它滑块形状。在某些实施例中,图像处理操作可以基于其它位置变量(例如,角度、x轴距离、y轴距离)。
在某些实施例中,当滑块形状或滑动区在二维滑块控件内可移动地定位时,使用二维滑块控件来控制应用操作的处理开始。识别滑动区内滑块形状的位置和滑动区的位置。确定关于滑动区的位置变量(例如,径向距离、角度、x轴距离、y轴距离),并且识别为所确定的位置变量定义的值范围中的值。类似地处理该滑块形状的任意何其余位置变量。
在处理了所有位置变量之后,至少一个应用的一组参数基于该组识别出的值。如上所述,用户可以在某些实施例的二维滑块控件中可移动地定位滑块形状,以便控制应用的操作。控制应用操作的一种方式是调节该操作的一组参数。在某些实施例中,所述应用可以是运行在计算设备上的任何独立应用,而在其它实施例中,所述应用是作为另一个应用的一部分的组件。在某些实施例中,所述应用可以是作为计算设备的操作***的一部分的应用。
前面的发明内容旨在作为对本发明的某些实施例的简要介绍。其不旨在作为在本文档中公开的所有发明主题的介绍或概述。下面的具体实施方式和在具体实施方式中参考的附图将进一步描述在本发明内容中描述的实施例以及其它实施例。因此,为了理解本文档描述的所有实施例,需要完整阅读发明内容、具体实施方式和附图说明。而且,要求的主题不受发明内容、具体实施方式和附图说明中的说明性细节限制,而是要以所附权利要求来限定,这是由于要求的主题可以用其它特定形式表述,而不脱离主题的精神。
附图说明
在所附权利要求中给出了本发明的新颖特征。然而,出于解释的目的,在下面的附图中给出本发明的若干实施例。
图1概念性地示出了某些实施例的二维滑块控件。
图2概念性地示出了某些实施例的另一种二维滑块控件。
图3概念性地示出了某些实施例的另一种二维滑块控件。
图4概念性地示出了某些实施例的另一种二维滑块控件。
图5概念性地示出了某些实施例的另一种二维滑块控件。
图6概念性地示出了包括某些实施例的二维滑块控件的图像处理应用的GUI。
图7概念性地示出了通过使用某些实施例的二维滑块控件来控制应用操作的处理。
图8概念性地示出了包括某些实施例的二维滑块控件的媒体编辑应用的另一个GUI。
图9概念性地示出了根据本发明的某些实施例,使用图8的GUI的颜色校正操作。
图10概念性地示出了根据本发明的某些实施例,使用图8的GUI的另一种颜色校正操作。
图11概念性地示出了根据本发明的某些实施例,使用图8的GUI的另一种颜色校正操作。
图12概念性地示出了使用包括某些实施例的二维滑块控件的媒体编辑应用的GUI的另一种颜色校正操作。
图13概念性地示出了根据本发明的某些实施例,使用图12的GUI的颜色改变操作。
图14概念性地示出了根据本发明的某些实施例,使用图8的GUI的多个颜色校正操作。
图15概念性地示出了使用某些实施例的二维滑块控件中的滑块形状给图像应用颜色校正操作的某些实施例的处理。
图16概念性地示出了包括用于执行偏色操作的某些实施例的二维滑块控件的媒体编辑应用的GUI。
图17概念性地示出了用于对图像执行颜色校正操作的某些实施例的另一个处理。
图18概念性地示出了根据本发明的某些实施例,使用图16的GUI的颜色锁定操作。
图19概念性地示出了用于执行偏色操作的某些实施例的另一种二维滑块控件。
图20概念性地示出了使用某些实施例的二维滑块控件的亮度范围操作。
图21A-B概念性地示出了包括某些实施例的二维滑块控件的媒体编辑应用的GUI。
图22概念性地示出了某些实施例的二维滑块控件的可切换操作滑块形状。
图23概念性地示出了某些实施例的多操作滑块形状。
图24概念性地示出了某些实施例的示例滑块形状分组操作。
图25概念性地示出了某些实施例的定制滑块形状。
图26概念性地示出了某些实施例的滑动区操作。
图27概念性地示出了某些实施例的另一种滑动区操作。
图28概念性地示出了某些实施例中对图像执行颜色校正操作的处理。
图29概念性地示出了提供某些实施例的二维滑块控件的媒体编辑应用的平板实现的例子。
图30概念性地示出了某些实施例的颜色混合处理器的软件体系结构。
图31概念性地示出了实现本发明的某些实施例的计算机***。
具体实施方式
在下面的描述中,出于解释目的给出大量细节。然而,本领域技术人员将认识到可以实现本发明而不使用这些特定细节。例如,在本申请中通篇描述了二维滑块控件的各种实施例。本领域技术人员将认识到可以为三维滑块控件实现相同或类似的特征和处理。
本发明的某些实施例提供了一种图形用户界面(GUI)中的新颖的二维滑块控件。所述二维滑块控件包括滑动区和若干滑块(圆盘、圆块、滑块形状等),滑块在下面被称为滑块形状。在这些实施例中,每个滑块形状可以可移动地定位在滑动区内,以便从值范围中选择值。在某些实施例中,每个滑块形状与一个操作相关联。用户可以通过在滑动区内可移动地定位滑块形状来从操作的值范围中选择值,从而控制与该滑块形状相关联的该操作。用户可以通过在单个滑动区中可移动地定位多个滑块来控制多个操作。而且,通过通过用于放置定义多个属性的多个滑块形状的一个区域,用户可以观察正被控制的多个操作,并且感受在不同时间点进行的多个滑块形状调节。
图1概念性地示出了某些实施例的二维滑块控件100。特别地,该图示出了在三个不同阶段105-115的二维滑块控件100。下面将更详细地描述这些阶段中的每一个。然而,首先介绍二维滑块控件100的元件。
如图1所示,二维滑块控件100包括连续的滑动区120、中心125、滑块形状130-140、轴145和150。在这个图中示出了轴145和150来阐明使用各种坐标系描述滑动区120中的位置,在下面对其进行进一步描述。
滑动区120是连续的二维区域,滑块形状可以可移动地定位在其中。如下所述,某些实施例的滑动区120提供单个值标尺,多个滑块形状可以分别基于它们在滑动区120中的位置从该标尺选择值。
不同实施例使用不同二维坐标系来描述滑动区120中的位置。例如,某些实施例使用极坐标系来描述滑动区120中的位置。从而,用径向距离和角度来表示滑动区120中的位置。在这种实施例中,中心125是固定的参考点(即,极点),从该极点确定径向距离。另外,从中心125开始并且沿着轴145(即,极轴)指向右的射线是从其确定角度的固定方向。由于径向距离和角度用于描述滑动区120中的位置,它们在下面被称为位置变量。
某些实施例使用笛卡儿坐标系描述滑动区120中的位置。因此,以两个距离表示滑动区120中的位置,每个距离相对于一个特定参考线(例如,x轴、y轴)。在这种实施例中,中心125是原点,并且轴145(例如,x轴)和轴150(例如,y轴)是从其确定距离的两个参考线。类似于上述径向距离和角度,用于以笛卡儿坐标系描述滑动区中的位置的、相对于特定参考线的距离在下面也被称为位置变量。
上面描述了二维坐标系的两个例子。然而,在某些实施例中,其它二维坐标系,诸如二维抛物线坐标系,可被用于描述滑动区120中的位置。另外,虽然滑块形状130和140的位置被示出为使用不同坐标系描述,但是在某些实施例中,可以使用单个坐标系来描述滑块形状130-140的位置。
在某些实施例中,为不同位置变量中的每一个定义一个值范围。在这些实施例中,一特定位置变量的每个可能值(例如,对于径向距离位置变量而言的不同径向距离、对于角位置变量而言的不同角度,等等)与值范围中的一个或多个值相关联。在某些实施例中,为所有不同位置变量定义相同的值范围,而在其它实施例中,为某些或所有不同位置变量不同地定义值范围。另外,在不同实施例中可以不同地定义值范围中的值。例如,值范围中的值可被定义为一组连续的整数,诸如0到255、-127到128、500到600等。某些实施例将值范围中的值定义为固定间隔的一组整数(例如,以5为间隔,0到100)。另外,在不同实施例中,值范围中的值的数目可以不同,并且基于值范围被如何定义。从而,值范围中的值可以以任意数目的不同方式定义。
如上所述,在某些实施例中,可以为特定位置变量的值定义值范围,并且可以用位置变量来描述滑动区120中的位置。因此,由于滑动区120中的每个位置可以用特定位置变量来描述,所以滑动区120内的每个位置与该值范围中的一个值相关联。以这种方式,滑动区120内滑块形状的位置可用于规定为位置变量定义的值范围中的值(例如,通过识别值范围中与针对滑块形状的位置的特定位置变量的值相关联的值)。
在某些实施例中,不同滑块形状从基于不同位置变量的值范围中选择值。例如,在某些实施例中,滑块形状135从基于径向距离位置变量的值范围中选择值,滑块形状130从基于x轴距离位置变量的值范围中选择值,而滑块形状140从基于角度位置变量的值范围中选择值。然而,在不同实施例中,滑块形状可被定义为从基于不同位置变量的值范围中选择值。
在某些实施例中,滑块形状基于滑块形状在滑动区120内的多个位置变量来选择多个值。在这些实施例中,每个值是从基于不同位置变量的不同值范围中选择的。使用滑块形状130作为例子,某些实施例的滑块形状130从基于径向距离位置变量的第一值范围中选择一个值,并且还从基于角度位置变量的第二值范围中选择一个值。即,滑块形状130可以可移动地定位在滑动区120内以选择两个值。在其它实施例中,滑块形状可被定义为基于不同数目的不同位置变量从不同值范围中选择值。
通过将单个滑块形状定位在滑动区120中来选择多个值允许用户一次控制多个操作(即,多个操作可与一特定滑块形状相关联)。在某些这种实施例中,每个选择的值控制一不同操作。在其它这种实施例中,某些值分别控制不同操作,并且某些值一起控制单个操作。在其它这种实施例中,多个选择的值控制单个操作。
现在将参考图1描述二维滑块控件100的操作。在第一阶段105,滑块形状130-140被定位在滑动区120内的各种位置。特别地,滑块形状130定位在轴145左侧且靠近滑动区120底部,滑块形状135定位在滑动区120的右下部分中,并且滑块形状140定位在轴145上方且在滑动区120的右侧。
第二阶段110示出可移动地定位在滑动区120内的滑块形状140。在这个例子中,滑块形状140的位置以极坐标系示出。如图所示,滑块形状140在距离r1和角度θ1的位置处开始,并且如箭头所示,被可移动地定位到距离r2和角度θ2的位置(例如,通过执行拖放操作)。该移动修改了滑块形状140的径向距离和角度位置变量中的至少一个的值。以这种方式,在滑动区120内可移动地定位滑块形状140可以为径向距离位置变量和角度位置变量选择不同值。
第三阶段115示出可移动地定位在滑动区120内的滑块形状130。然而,在这个例子中,滑块形状130的位置以笛卡儿坐标系示出。滑块形状130在位置x1和y1处开始,并且被可移动地定位到位置x2和y2处(例如,通过执行拖放操作),从而修改滑块形状130的x轴距离和y轴距离位置变量的值。因此,在滑动区120内可移动地定位滑块形状140可以为x轴位置变量和y轴位置变量选择不同值。
在图1中,滑块形状130-140呈现为圆。然而,不同实施例可以不同地呈现滑块形状。可以使用任意数目的不同视觉外观(例如,点、正方形、缩略图、图标、颜色、文本等)来呈现滑块形状。在某些实施例中,诸如二维滑块控件100中,使用相同视觉外观来显示滑块形状。在其它实施例中,基于与滑块形状相关联的操作来不同地显示滑块形状。即,使用相同视觉外观来显示与相同操作相关联的滑块形状,而使用不同视觉外观来显示与不同操作相关联的滑块形状。
可以用任意数目的不同方式(例如,大小、形状等)来定义二维滑块控件的滑动区的区域。例如,图1示出的二维滑块控件100的滑动区120的区域被定义为圆。还可以使用其它几何形状,诸如正方形、矩形、三角形、椭圆等。
图2概念性地示出了某些实施例的二维滑块控件200。如上所述,二维滑块控件的不同实施例的滑动区被不同地定义。具体地,图2示出了二维滑块控件200,其包括环形滑动区220、中心125和滑块形状235-245。图2示出在三个不同阶段205-215的二维滑块控件200。
如图所示,内圆225和外圆230定义滑动区220。在某些实施例中,外圆230表示值范围的最小值,而内圆225表示值范围的最大值。在某些这种实施例中,如果在外圆230上或附近定位滑块形状,则为与该滑块形状相关联的操作选择最小值(例如,0、低、关闭等),如果在内圆225上或附近定位滑块形状,则为与该滑块形状相关联的操作选择最大值(例如,100、高、开启等),如果在内圆225和外圆230之间定位滑块形状,则选择中间某处的值(例如,50、中,等等)。
第一阶段205示出定位在二维滑块控件200的滑动区220内的滑块形状235-245。特别地,滑块形状235被定位在外圆230的左上部,滑块形状240被定位在滑动区220的左下区域中且在内圆225和外圆230之间,并且滑块形状245被定位在内圆225的右侧上。因此,在该阶段,滑块形状235选择值范围中的最小值,滑块形状240选择值范围中在最小值和最大值之间的值,而滑块形状245选择值范围中的最大值。
在第二阶段210,滑块形状235被移动到滑动区220内。如图所示,该滑块形状从滑动区220的外圆230上的位置可移动地定位(例如,通过执行拖放操作)到内圆225上的位置。从而,在这个阶段,滑块形状235选择值范围中的最大值。该阶段还示出滑动区220的形状允许滑块形状235和245同时选择最大值而不会彼此重叠。
第三阶段215示出移动到滑动区220内的滑块形状240。具体地,滑块形状240可移动地定位到滑动区220的内圆225上(例如,通过执行拖放操作)。在这个阶段,滑块形状240选择值范围中的最大值。这个阶段还示出滑块形状235-245中的每一个都定位在内圆225上以选择最大值而不会彼此重叠。
如图2所示,某些实施例提供环形滑动区,从而多个滑块形状可定位在滑动区内以同时选择值范围中的最大值而不必彼此重叠。另外,上文和下文示出并且描述的二维滑块控件的各种实施例可能未示出环形滑动区。然而,本领域技术人员将认识到,在不同实施例中这些二维滑块控件可以包括这种环形滑动区(或其它滑动区)。
图3概念性地示出了包括背景区335的二维滑块控件300。如图所示,二维滑块控件300包括背景区335、滑动区120、滑块形状340-350和中心125。滑动区120、滑块形状340-350和中心125类似于图1所示的那些。
背景区335是二维滑块控件300中的区域,滑块形状340-350可被定位在背景区335中。在某些实施例中,当滑块形状被定位在背景区335中时,与滑块形状相关联的操作(一个或多个)不起作用,并且滑块形状被称为被禁用、去活、关闭等。当滑块形状被定位在滑动区120中时,与滑块形状相关联的操作(一个或多个)起作用,并且滑块形状被称为被启用、激活、开启等。因此,取代将滑块形状定位在滑动区120内对应于“关闭”位置或最小值之处(例如,滑动区220的外圆230),用户可以将滑块形状置于背景区335中,以减少凌乱或针对用户不希望此时使用滑块形状的情况。另外,如在下面的例子中描述的,某些实施例的背景区335提供了一个区,在该区中滑动区可被可移动地定位(而不是滑块形状)以便控制与滑块形状相关联的操作。
图3还示出了在四个不同阶段305-320的二维滑块控件300。阶段305-315示出了可移动地在背景区335内定位的滑块形状,而阶段320示出了可移动地定位滑动区120的例子。在第一阶段305,如箭头所示,滑块形状340从滑动区120内可移动地定位到(例如,通过执行拖放操作)背景区335的左上角。滑块形状340的先前位置以虚线圆示出。在这个阶段,与滑块形状340相关联的操作(一个或多个)被禁用。
类似地,如相应箭头所示,第二和第三阶段310和315示出了滑块形状345和350从它们各自在滑动区120中的位置可移动地定位到(例如,通过执行拖放操作)背景区335的左上角。因此,与滑块形状345和350(以及滑块形状340)相关联的操作(一个或多个)在这个阶段被禁用。如箭头所示,第三阶段320示出向背景区335的左上角可移动地定位(例如,通过执行拖放操作)滑动区120。滑动区120的先前位置以虚线圆示出。在这个阶段,由于被定位在滑动区120内,滑块形状340-350是激活的。因此,通过可移动地定位滑动区120,可以通过单个动作(即,可移动地定位滑动区325)来控制和调节多个滑块形状。如图所示,滑动区120超出二维滑块控件300的边界的部分未示出。
图1和3示出具有固定数目的滑块形状(即,3个)的二维滑块控件。二维滑块控件的其它实施例可以包括任意静态数目的滑块形状。在某些实施例中,滑块形状的数目基于允许用户控制的操作的数目。另外,某些实施例仅允许滑块形状可移动地定位在二维滑块控件的滑动区内,而其它实施例,诸如图3所示,允许二维滑块控件的滑块形状可移动地定位在二维滑块控件的显示区域内的任何位置(即,滑动区之内和之外)。
对于二维滑块控件,不同实施例提供滑块形状的不同起点配置。例如,某些实施例提供其中滑块形状被“归零”的起点位置。即,滑块形状被定位在滑动区内以使得与滑块形状相关联的操作被关闭(例如,去活、禁用、选择零值、选择最小值等)。使用图1中的滑动区120作为例子,在某些这种实施例中,通过沿着滑动区120的外边缘定位滑块形状,可以使得基于径向距离的滑块形状归零。对于基于角度的滑块形状,在某些实施例中,通过沿着轴145将滑块形状定位到中心125的右边,它们可被归零。本领域技术人员将认识到,使滑块形状“归零”取决于定义的值范围的值如何与滑动区内的位置相关联,并且因此可以有任意数目的不同起点配置以使滑块形状“归零”。另外,某些实施例通过给滑块形状分配空值来使滑块形状“归零”。而且,其它实施例为滑块形状提供其它起点配置。例如,二维滑块控件的某些实施例提供这样的起点配置,其中滑块形状被定位在默认位置/值。某些实施例在滑动区之外开始滑块形状。
二维滑块控件的某些实施例允许动态数目的滑块形状。即,二维滑块控件中的滑块形状的数目可以在任意给定时刻改变。特别地,这些实施例允许在二维滑块控件的滑动区内添加和删除以及可移动地定位滑块形状。
图4概念性地示出了某些实施例的这种二维滑块控件470的GUI400的例子。如图所示,GUI400包括二维滑块控件470和滑块形状工具框435。除了二维滑块控件470包括背景区490之外,二维滑块控件470类似于二维滑块控件300(即,它包括滑动区120和中心125)。除了背景区490具有正方形边界而不是矩形边界之外,背景区490类似于背景区335。
滑块形状工具框435包括滑块形状产生器440-465。在某些实施例中,滑块形状产生器是用于在调用命令时,给二维滑块控件470添加特定类型的滑块形状的用户可选择用户界面(UI)项(例如,按钮、图标、缩略图)。例如,当滑块形状产生器被选择并且命令(例如,通过点击、敲击、按压热键、击键、击键组合等)被调用时,某些实施例的滑块形状产生器向二维滑块控件470添加滑块形状。
图4还以六个不同阶段405-430示出了使用滑块形状产生器向二维滑块控件470添加滑块形状的一种方式。如图所示,第一阶段405示出在二维滑块控件470中没有任何滑块形状的GUI400。
第二阶段410示出滑块形状475被添加到二维滑块控件470之后的GUI400。特别地,这个阶段示出通过从滑块形状产生器445产生滑块形状475,来添加滑块形状475。在这个例子中,如箭头所示,通过选择并且拖拽(例如,通过执行拖放操作)滑块形状产生器445到二维滑块控件470的滑动区120中,产生滑块形状475。
在第三阶段415,给二维滑块控件470添加另一个滑块形状480。这个阶段示出通过从滑块形状产生器465产生滑块形状480而将其添加到二维滑块控件470。类似于第二阶段410中的滑块形状475,如箭头所示,通过选择并且拖拽(例如,通过执行拖放操作)滑块形状产生器465到二维滑块控件470的滑动区120中,产生滑块形状475。
GUI400的第四阶段420示出滑块形状475在二维滑块控件470内的移动。如图所示,滑块形状475被在滑动区120内向下并向左可移动地定位(例如,通过执行拖放操作)。类似于上面参考图1所述的滑块形状130和140的移动,这个阶段示出滑块形状475可在滑动区120内可移动地定位。
在第五阶段425,GUI400示出了滑块形状480在二维滑块控件470内的移动。然而,在这个阶段,滑块形状480被从滑动区120内向上并向右可移动地定位(例如,通过执行拖放操作)到背景区490。因此,类似于上面参考图3描述的滑块形状340-350的移动,第五阶段425示出滑块形状480可被可移动地定位在背景区490中。
第六阶段430示出了另一个滑块形状485被添加到二维滑块控件470之后的GUI400。这个阶段示出了通过从滑块形状产生器450产生滑块形状485,来添加滑块形状485。通过选择并且拖拽(例如,通过执行拖放操作)滑块形状产生器450而产生滑块形状485,不同在于滑块形状产生器450被拖拽到二维滑块控件470的背景区490中。从而,图4的这些阶段示出滑块形状可被添加到二维滑块控件470的背景区490以及滑动区120。
如图4所示,滑块形状产生器440-465被包括在滑块形状工具框435中并且以垂直列布置。不同实施例提供滑块形状产生器的不同布置以及滑块形状工具框的不同形状。例如,在某些实施例中,滑块形状产生器可以按照水平行被布置在位于二维滑块控件之上或之下的水平滑块形状工具框中。
另外,图4将滑块形状工具框435示出为与二维滑块控件470相分离。在某些实施例中,如图5概念性地所示,滑块形状产生器可以是二维滑块控件的一部分(例如,沿着背景区的一侧放置)。这个图示出了某些实施例的二维滑块控件500,包括滑动区120、中心125、背景区520和滑块形状产生器525-545。除了背景区520为不同的矩形形状之外,背景区520类似于背景区335。如图所示,滑块形状产生器525-545沿着二维滑块控件500的顶部定位在背景区520内。
图5还示出了在三个不同阶段505-515的二维滑块控件500。类似于第一阶段405,第一阶段505示出了其中没有任何滑块形状的二维滑块控件500。
第二阶段510示出向二维滑块控件500添加滑块形状550。如图所示,通过以类似于产生滑块形状475-485的方式从滑块形状产生器530产生滑块形状550,来将滑块形状550添加到二维滑块控件500。在这个阶段,如箭头所示,滑块形状产生器545被选择并且拖拽(例如,通过执行拖放操作)到背景区520中。
在第三阶段515,类似于第二阶段510中滑块形状550的添加,另一个滑块形状555被添加到二维滑块控件500。在这个阶段,滑块形状555被选择并且拖拽(例如,通过执行拖放操作)到滑动区120中,而不是到背景区520中。
虽然图4和5示出了某些实施例的用于向二维滑块控件添加滑块形状的滑块形状产生器的两种不同配置,不同实施例提供向二维滑块控件添加滑块形状的不同方式。例如,不是使用滑块形状产生器产生滑块形状,某些实施例使用击键、击键组合、热键、从下拉或弹出菜单中选择选项、或任何其它适合方法向二维滑块控件添加滑块形状。在某些实施例中,滑块形状产生器不被选择或甚至不被显示。
图6概念性地示出了包括某些实施例的用于执行各种图像处理操作的二维滑块控件470的GUI600。特别地,这个图示出了在图像处理操作的三个不同阶段605-615的GUI600。如图所示,GUI600包括滑块形状工具框625、二维滑块控件470和观看区域660。除了滑块形状产生器630-655产生用于执行图像处理操作的滑块形状之外,滑块形状工具框625类似于滑块形状工具框435。观看区域660用于显示正被编辑的图像665以及应用于图像665的图像处理操作的效果。
第一阶段605示出以与将滑块形状475添加到二维滑块控件470类似的方式,将滑块形状670添加到二维滑块控件470之后的GUI600。如上所述,滑块形状产生器630-655产生用于执行图像处理操作的滑块形状。在这个例子中,滑块形状产生器630产生用于基于相对于中心125的径向距离对图像665应用锐化(例如,USM锐化)操作的滑块形状,如以其“SH”标记所示。特别地,随着滑块形状670可移动地靠近滑动区120的中心125定位,应用于图像665的锐化操作增强。如图所示,滑块形状670定位在顶部附近且沿着滑动区120的边缘,这给图像665应用小量的锐化操作。在观看区域660中显示的图像665是人物的模糊图像。
第二阶段610示出了在滑块形状670可移动地定位在滑动区120内之后的GUI600。具体地,该阶段示出向下向着中心125可移动地定位的滑块形状670。这个位置比其在第一阶段605中的先前位置更接近滑动区120的中心125,这增大了应用于图像665的锐化操作的量。如观看区域660中所示,由于应用于图像665的锐化操作增强,人物的图像665比前一阶段更锐利。
在第三阶段615,滑块形状670在滑动区120中再次可移动地定位。特别地,滑块形状670进一步向下向滑动区120的中心125可移动地定位。当滑块形状670位于滑动区120内的这个位置,应用于图像665的锐化操作的量进一步增大。因此,在观看区域660中显示的图像665是比前一阶段更锐利的人物图像。
虽然图6示出了锐化操作的各个阶段,在不同实施例中,可以定义滑块形状产生器630(以及其它滑块形状产生器)以产生对图像665执行其它图像处理操作(例如,饱和度、对比度、亮度、颜色平衡、降噪等)的滑块形状。而且,滑块形状670基于径向距离位置变量应用图像处理操作。在其它实施例中,图像处理操作可以基于其它位置变量(例如,角度、x轴距离、y轴距离)。
图7概念性地示出了使用某些实施例的二维滑块控件来控制应用操作的处理700。在某些实施例中,当滑块形状或滑动区在二维滑块控件内可移动地定位时,执行处理700。例如,在某些这种实施例中,当滑块形状或滑动区正在二维滑块控件内可移动地定位时,持续地执行处理700(即,实时执行)。在其它这种实施例中,当滑块形状或滑动区正在二维滑块控件中可移动地定位时,每次滑块形状或滑动区移动一定义的距离(例如,10个像素、5毫米等),就执行处理700。在其它实施例中,当滑块形状或滑动区的可移动定位完成时(例如,拖放操作完成时),执行处理700。另外,某些实施例的处理700由提供二维滑块控件的应用来执行。
出于解释的目的,将基于当滑块形状或滑动区的可移动定位完成时执行处理700的实施例来描述处理700。通过识别(在705)滑块形状在滑动区内的位置,处理700开始。作为例子参考图3,当滑块形状340移动到第一阶段305所示的其位置时,处理700识别滑块形状340的该示出的位置。接着,处理700识别(在710)滑动区的位置。在某些实施例中,并且在这个例子中,滑动区120的中心125代表滑动区120的位置。在其它实施例中,滑动区120内的不同点代表滑动区120的位置。继续图3的例子,处理700识别第一阶段305所示的中心125的位置作为滑动区120的位置。而且,当滑动区120被可移动地定位时,例如图3的第四阶段320中,处理700将滑动区120的位置识别为中心125的位置,如第四阶段320所示。
在识别位置之后,处理700确定(在715)相对于滑动区的位置变量(例如,径向距离、角度、x轴距离、y轴距离)。再次参考图3的滑块形状340,并且使用径向距离作为位置变量的例子,在715,处理700确定滑块形状340的位置与滑动区120的中心125之间的距离。接着,处理700识别(在720)为所确定的位置变量定义的值范围中的值。继续滑块形状340的例子,处理700识别径向距离位置变量的值范围中的值。例如,如果径向距离位置变量的值范围被定义为从0到255的连续整数范围,则处理700基于滑块形状340的所确定的径向距离识别该范围中的整数值。
在识别出所确定的位置变量的值之后,处理700确定(在725)是否剩有任何要处理的位置变量。如果处理700确定剩有要处理的位置变量,处理700返回操作715以便处理任何剩下的位置变量。否则,处理700进入操作730。对于被定义为基于一个位置变量从值范围中选择值的滑块形状,在已经处理了这一个位置变量之后处理700结束。然而,对于被定义为基于多个位置变量从多个值范围中选择多个值的滑块形状,处理700为每个位置变量执行操作715和720。
在处理了所有位置变量之后,处理700基于识别出的一组值调节(在730)至少一个应用的一组参数。如上所述,用户可以在某些实施例的二维滑块控件中可移动地定位滑块形状,以便控制应用的操作(例如,图6所示的控制图像处理应用中的锐化操作)。控制应用的操作的一种方式是调节该操作的一组参数,如处理700在730处执行的。在某些实施例中,这组参数中的每个参数关联有一个不同的滑块形状,而在其它实施例中,一个滑块形状可以与这组参数中的一个或多个参数相关联。另外,某些实施例的应用是运行在计算设备上的独立应用,而其它实施例的应用是作为另一个应用的一部分的组件。在某些实施例中,应用可以是作为计算设备的操作***的一部分的应用。
虽然以特定顺序描述了处理700,但是不同实施例可以按不同顺序执行处理700。例如,处理700的某些实施例在确定(在725)是否剩有任何要处理的位置变量之前调节(在730)应用的一组参数。代替在识别滑动区的位置之前识别滑块形状的位置,某些实施例在识别滑块形状的位置之前识别滑动区的位置。
上文和下文所述的二维滑块控件的许多实施例定义滑块形状以使得:如果沿着或靠近滑动区的外边缘定位滑块形状,则选择值范围中的最小值、对正被编辑的图像应用小操作量或不应用操作、等等,而如果将滑块形状定位在滑动区中心或靠近滑动区中心,则选择值范围中的最大值、对正被编辑的图像应用大操作量、等等。然而在不同实施例中,滑块形状可被不同地定义。例如,某些实施例的滑块形状可被定义为,当它们被定位在滑动区中心或靠近滑动区中心时,选择值范围中的最小值、对正被编辑的图像应用小操作量或不应用操作、等等,而当它们被定位在滑动区的外边缘或靠近滑动区的外边缘时,选择值范围中的最大值、对正被编辑的图像应用大操作量、等等。
下面描述若干更详细的实施例。部分I提供了对某些实施例的媒体编辑应用的示例颜色校正操作的描述。部分II描述了某些实施例的若干不同类型的滑块形状和操作。接着,部分III描述某些实施例的滑块形状分组操作。部分IV描述某些实施例的滑动区操作。部分V描述某些实施例的二维滑块控件的示例平板实现。接着,部分VI描述采用某些实施例的二维滑块控件的应用的软件体系结构。最后,部分VII描述实现本发明的某些实施例的计算机***。
I.示例的颜色校正操作
如上面参考图6所述,二维滑块控件的某些实施例用于执行图像处理操作。在某些实施例中,类似的二维滑块控件可用于执行媒体编辑应用中的颜色校正操作。这种媒体编辑应用的例子包括Apple Final
Figure BDA00002834579100211
下面的部分将描述通过使用某些这种实施例的二维滑块控件来控制的大量颜色校正操作。具体地,描述基于单个位置变量的若干颜色校正操作,其后是对基于两个位置变量的若干颜色校正操作的描述。本领域技术人员将认识到这些仅是颜色校正操作的几个例子,并且可以使用二维滑块控件执行其它颜色校正操作。
A.单变量操作
图8概念性地示出了使用包括二维滑块控件470的某些实施例的媒体编辑应用的GUI800的颜色校正操作。特别地,这个图以三个阶段805-815示出了GUI800,其示出了使用二维滑块控件470执行的亮度操作。除了GUI800包括滑块形状工具框825而不是滑块形状工具框625之外,GUI800类似于GUI600。如图所示,滑块形状工具框825包括用于产生用于执行颜色校正操作的滑块形状的滑块形状产生器830-855。观看区域660用于显示正被编辑的图像820,并且用于显示应用于图像820的颜色校正。在某些实施例中,图像820是静态图像,而在其它实施例中,图像820是视频(即,一系列图像或帧)的一部分。
如上所述,滑块形状产生器830-855用于产生用于执行颜色校正操作的滑块形状。特别地,滑块形状产生器830产生以其“SH”标记指示的用于应用锐化操作的滑块形状,滑块形状产生器835产生以其“S”标记指示的用于应用饱和度操作的滑块形状,滑块形状产生器840产生以其“C”标记指示的用于应用对比度操作的滑块形状,滑块形状产生器845产生以其“H”标记指示的用于应用亮度操作的滑块形状,滑块形状产生器850产生以其“CC”标记指示的用于应用偏色操作的滑块形状,滑块形状产生器855产生以其“ST”标记指示的用于应用肤色饱和度操作的滑块形状。虽然滑块形状工具框825示出了分别产生应用特定颜色校正操作的滑块形状的滑块形状产生器,但其它实施例可以定义用于产生应用不同颜色校正操作的滑块形状的滑块形状产生器。
现在参考图8中所示的GUI800在第一到第三阶段805-815期间的状态来描述示例的亮度操作。在某些实施例中,亮度操作将图像中的像素的亮度值增加特定量,以便产生更亮的图像。某些这种实施例通过将亮度值乘以一特定值(例如,1.1、2.0)来增加亮度值。
在这个例子中,滑块形状860基于径向距离位置变量来控制其亮度操作。向着滑块形状120的中心125可移动地定位滑块形状增加应用于图像820的与滑块形状860相关联的操作量,反之亦然。
第一阶段805示出以类似于添加滑块形状475的方式从滑块形状产生器845添加滑块形状860到二维滑块控件470。在这个阶段,滑块形状860被沿着滑动区120的左下边缘定位,并且因此给图像820应用很少量的亮度操作或不应用亮度操作。如图所示,显示在观看区域660中的图像820是人物的暗(即,曝光不足的)图像。
在第二阶段810,调节应用于图像820的亮度操作。这个阶段示出滑块形状860向右、略微向上并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。滑块形状860的移动引起应用于图像820的亮度操作的量的增加,这示出比第一阶段805略微更亮的人物。
第三阶段815示出对应用于图像820的亮度操作的调节。如图所示,如箭头所示的,滑块形状860被再次向右、略微向上并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。由于滑块形状860非常靠近滑动区120的中心125,滑块形状860在这个阶段的位置给图像820应用大的亮度操作量。在观看区域660中显示的人物的图像820比第二阶段810更亮,并且不再暗。
图9概念性地示出了使用包括二维滑块控件470的某些实施例的媒体编辑应用的GUI900的另一种颜色校正操作。具体地,图9示出了使用二维滑块控件470的饱和度操作的三个阶段905-915的GUI900。除了观看区域660显示人物的不同图像920之外,GUI900类似于图8所示的GUI800。另外,在图像920上显示了从观看区域660的左下角延伸到右上角的对角线,以便示出应用于图像920的饱和度操作的效果。在某些实施例中,实际上不显示对角线。在图像920上显示的线的数目表示应用于图像920的饱和度操作的量,大量的线表示大的饱和度操作量,反之亦然。
在某些实施例中,饱和度操作调节图像中存在的颜色的量(但是这样做不改变图像的色调或亮度)。从而,在某些这种实施例中,增加图像的饱和度将增加图像中存在的任何色度的纯度,并且将它们集中到主色和/或辅色(例如,红、橙、黄、绿、青、蓝、品红)。在另一方面,减小图像的饱和度将减小图像中存在的任何色度的纯度(即,将图像变为黑白的)。
除了滑块形状906被以类似于添加滑块形状475的方式添加到二维滑块控件470之外,GUI900的第一阶段905类似于第一阶段805。如图所示,第一阶段905示出了被定位为靠近滑动区120的中心125的右侧的滑块形状960。因此,在图像920上显示相对大量的对角线。
第二阶段910示出了对应用到图像920的饱和度操作的调节。在这个阶段,滑块形状960向左向上并且离开滑动区120的中心125可移动地定位(例如通过执行拖放操作)。通过在图像920上显示比第一阶段905少的对角线数目,示出所导致的应用于图像920的饱和度操作量的减少。
在第三阶段915,再次调节应用于图像920的饱和度操作。在这个阶段,滑块形状960进一步向左向上并且离开滑动区120的中心125可移动地定位(例如通过执行拖放操作)。如图所示,由于应用于图像920的饱和度操作的减少,在图像920上显示的对角线数目比前面的阶段所示的更少。
图10概念性地示出了使用包括二维滑块控件470的某些实施例的媒体编辑应用的GUI1000的另一种颜色校正操作。该图示出了使用二维滑块控件470的对比度操作的三个阶段1005-1015的GUI1000。除了观看区域660显示人物的不同图像1020之外,GUI1000类似于图8所示的GUI800。
某些实施例的对比度操作朝向或离开图像的黑端和白端调节图像中的像素的亮度值。在某些这种实施例中,当图像的对比度增加时,对比度操作将深灰像素调节为更暗,并且将浅灰像素调节为更亮,而当图像的对比度减小时,将暗像素和亮像素向着中等灰色调节。
除了滑块形状1060被以类似于添加滑块形状475的方式添加到二维滑块控件470之外,GUI1000的第一阶段1005类似于第一阶段805。在这个阶段,滑块形状1060定位在滑动区120的右边缘上,并且离滑动区120的中心125相对远。这意味着给图像1020应用小的对比度操作量,这以背景变成略微更暗的灰色和人物变成略微更浅的灰色来示出。
在第二阶段1010,对应用于图像1020的对比度操作进行调节。如图所示,滑块形状1060被向左向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。通过显示在观看区域660中的图像1020的灰背景暗度的增加和人物亮度的增加的显示,示出对比度操作的增加。
第三阶段1015示出了对应用于图像1020的对比度操作的另一个调节。在这个阶段,滑块形状870被向左向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。从而,显示在观看区域660中的图像1020示出了非常暗的背景和非常亮的人物,以便示出应用于图像1020的对比度操作的增加。
图11概念性地示出了使用包括二维滑块控件470的某些实施例的媒体编辑应用的GUI1100的另一种颜色校正操作。特别地,该图示出了使用二维滑块控件470的肤色饱和度操作的三个阶段1105-1115的GUI1100。除了观看区域660显示人物的不同图像1120之外,GUI1100类似于图8所示的GUI800。类似于图9,在图像1120上显示从观看区域660的左下角延伸到右上角的对角线,但是仅在图像1120的被识别为皮肤的区域中显示,以便示出肤色饱和度操作的效果。图像1120上显示的对角线的数目表示应用于图像1120的肤色饱和度操作的量。具体地,大量的对角线表示大的肤色饱和度操作量,反之亦然。
在某些实施例中,肤色饱和度操作是一种用于将饱和度操作仅应用于图像的被识别为肤色的区域的颜色校正操作,如题目为“Adjusting Color Attribute of an Image in a Non-Uniform Way”、提交于08年2月11日的美国专利申请No.12/029438更详细描述的,该申请通过引用结合在此。
除了滑块形状1160被以类似于添加滑块形状475的方式添加到二维滑块控件470之外,GUI1100的第一阶段1105类似于第一阶段805。在这个阶段,滑块形状1160定位为非常靠近滑动区120的中心125。从而,相对大量的对角线显示在图像1120中的人物的面部和颈部上(即,皮肤上),以便示出应用于图像1120的肤色饱和度操作。
在第二阶段1110,对应用于图像1120的肤色饱和度操作进行调节。滑块形状1160被向上并且离开滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。通过在观看区域660中显示的图像1120中的人物的面部和颈部上显示较少的对角线,表明肤色饱和度操作的减少。
第三阶段1115示出了对应用于图像1120的肤色饱和度操作的另一个调节。在这个阶段,滑块形状1160被向下且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。在这个阶段,滑动区120中的滑块形状1160的位置增加应用于图像1120的肤色饱和度操作的量,但是这个量小于在第一阶段1105中应用于图像1120的量。因此,显示在图像1120中的人物的脸部和颈部上的对角线的数目多于在第二阶段1110在图像1120上显示的对角线的数目,但是少于在第一阶段1105显示的数目。
对于本发明的某些实施例,二维滑块控件提供用于对正被编辑的图像应用偏色操作的静态颜色滑块形状。在某些实施例中,静态颜色滑块形状具有与该静态颜色滑块形状相关联的特定颜色。这些静态颜色滑块形状可向着或离开滑动区的中心可移动地定位,以便控制应用于正被编辑的图像的与该静态颜色滑块形状相关联的颜色的量(即,偏色操作基于径向距离位置变量)。
图12概念性地示出了使用包括某些实施例的二维滑块控件的媒体编辑应用的GUI的另一种颜色校正操作。该图示出了使用某些实施例的静态偏色滑块1230的偏色操作的三个不同阶段1205-1215的GUI1200。除了GUI1200包括滑块形状工具框1240而不是滑块形状工具框825以及观看区域660显示一不同图像1220之外,GUI1200类似于GUI800。
滑块形状工具框1240包括滑块形状产生器1245-1260。滑块形状产生器1245-1260中的每一个产生用于应用与一特定颜色相关联的偏色操作的滑块形状。例如,滑块形状产生器1245用于产生对正被编辑的图像应用蓝偏色操作的滑块形状(以类似于上面参考图4描述的方式)。类似地,滑块形状产生器1250产生用于应用绿偏色操作的滑块形状,滑块形状产生器1255产生用于应用红偏色操作的滑块形状,并且滑块形状产生器1260产生用于应用紫偏色操作的滑块形状。在其它实施例中,滑块形状工具框1240中可以包括不同和/或附加的滑块形状产生器。
对于图12,在图像1220上显示从观看区域660的左下角延伸到右上角的对角线以及指示颜色的标记,以便示出对图像1220应用的偏色操作的效果。在某些实施例中,实际上不显示对角线。在图像1220上显示的线的数目表示应用于图像1220的偏色操作的量,大量的线表示大的偏色操作量,反之亦然。
第一阶段1205示出了以与添加滑块形状475类似的方式给滑动区120添加来自滑块形状产生器1250的滑块形状1230。由于从滑块形状产生器1250产生滑块形状1230,滑块形状1230用于给图像1220应用绿偏色操作,如滑块形状1230上的标记“G”指示的。如图所示,滑块形状1230被定位在滑动区120的外边缘附近。这意味着给图像1220应用小的绿偏色操作量,如图像1220上显示的少量对角线所示。
在第二阶段1210,对应用于图像1220的绿偏色操作进行调节。这个阶段示出滑块形状1230被向下向右并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。滑块形状1230的这种移动引起应用于图像1220的绿偏色操作的量的增加,这以显示在观看区域660中的图像1220上的对角线数目的增加示出。
第三阶段1215示出了对应用于图像1220的绿偏色操作的另一个调节。在这个阶段,滑块形状1230被向左且略微向上并且离开滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。以显示在观看区域660中的图像1220上的对角线数目的减少来示出应用于图像1220的绿偏色操作的量的减少。
图13概念性地示出了根据本发明的某些实施例,使用图12的GUI1200的颜色改变操作。颜色改变操作的某些实施例临时解锁与静态颜色滑块形状相关联的颜色,以便改变与该静态颜色滑块形状相关联的颜色。图13示出静态颜色滑块形状1230的这些实施例的颜色改变操作的三个不同阶段1305-1315的GUI1200。
第一阶段1305从图12所示的最后阶段1215开始继续。如图所示,除了GUI1200还显示弹出菜单1320之外,滑块形状1230处于与最后阶段1215相同的位置。不同实施例不同地调用弹出菜单1320。例如,某些实施例使用击键、击键组合、热键或另一种适合的方法。在某些实施例中,由光标控制操作调用弹出菜单1320(例如,右击光标操作或控件点击光标操作)。如图所示,弹出菜单1320包括用于解锁与滑块形状1230相关联的颜色的用户可选择的“解锁”选项,并且正在从弹出菜单1320中选择(例如,通过点击、敲击)“解锁”选项以便解锁与滑块形状1230相关联的当前颜色。
在第二阶段1310,在滑动区120上叠加颜色选择格。在某些实施例中,在选择在第一阶段1240显示的弹出菜单1320的“解锁”选项之后不久,显示颜色选择格。如图所示,颜色选择格视觉地将滑动区120划分为6个楔形块1345-1370。每个楔形块与一个特定颜色相关联。楔形块1345与绿色相关联,楔形块1350与蓝色相关联,楔形块1355与紫色相关联,楔形块1360与红色相关联,楔形块1365与橙色相关联,并且楔形块1370与黄色相关联。另外,在靠近滑动区120的中心125处标记楔形块(使用颜色名称的首字母),以便指示与楔形块相关联的颜色。在某些实施例中,可以不显示标记。在这个阶段,由于滑块形状1230被定位在滑动区120的绿色楔形块1345中,滑块形状1230与绿色相关联。
某些这种实施例在选择了解锁命令(例如,弹出菜单1320的“解锁”选项)时,显示颜色选择格以使得与跟静态颜色滑块形状关联的颜色相对应的颜色选择格上的颜色的位置与静态颜色滑块形状的位置对准。在第二阶段1310,当滑块形状1230被解锁时,由于滑块形状1230与绿偏色操作相关联,因此颜色选择格被显示为使得颜色选择格上绿色的位置与滑块形状1230的位置对齐。例如,使用该图中示出的颜色选择格的颜色楔形块的相对顺序作为颜色楔形块的相对顺序的例子,如果滑块形状1230被定位在滑动区120底部附近,绿色楔形块将被定位为底部的楔形块(即,这个阶段中楔形块1365),按顺时针方向后面为蓝色楔形块1350、再按顺时针方向后面为紫色楔形块1355,等等。
虽然以特定顺序的6种不同颜色示出颜色选择格,但是本领域技术人员将认识到颜色选择格的不同实施例可以包括可以任意数目的不同方式排序的任意数目的不同颜色。另外,某些实施例可以将颜色选择格实现为使得颜色从一种颜色逐渐改变为下一种颜色,以便提供可供选择的宽得多的颜色范围(而不是仅仅有几种可供选择的颜色)。
参考图13,第三阶段1315示出了与解锁的滑块形状1230相关联的颜色的改变。如图所示,滑块形状1230从滑动区120内的绿色楔形块1345可移动地定位到紫色楔形块1355(例如,通过执行拖放操作)。这个阶段还显示弹出菜单1325,其以类似于第一阶段1305中的弹出菜单1320的方式被调用。弹出菜单1325包括用户可选择的“锁定”选项,当该选项被选择时,其将与滑块形状1230相关联的颜色锁定到滑块形状1230。如图所示,选择了“锁定”选项,并且由于滑块形状1230被定位在紫色楔形块1355中,紫色与滑块形状1230相关联并且被锁定到滑块形状1230,如滑块形状1230的新标记“P”所示。由于滑块形状1230现在给图像1220应用紫偏色操作,图像1220上显示的标记相应地改变。
GUI1200的第四阶段1320示出了滑块形状1230在滑动区120内的移动。在这个阶段,,滑块形状1230可移动地定位(例如,通过执行拖放操作)到滑动区120内的一不同位置,同时保持相同的径向距离。因此,如观看区域660中与第三阶段1315所示相同的图像1220的显示所示,应用于图像1220的紫偏色操作的量保持不变。
除了上面参考图13所述的方法之外,其它实施例可以使用各种不同方法启动颜色改变操作。例如,击键、击键组合、热键、或另一种适合方法可被切换以启动和终止颜色改变操作。而且,取代切换键盘输入来启动和终止颜色改变操作,某些实施例可以在颜色改变操作的整个过程中使用需要被保持的键盘输入来启动颜色改变操作,并且使用该键盘输入的释放来终止颜色改变操作。
图14概念性地示出了使用包括二维滑块控件470的某些实施例的媒体编辑应用的GUI1400的多个颜色校正操作。特别地,图14示出了示出了使用二维滑块控件470的多个颜色校正操作的三个不同阶段1405-1420的GUI1400。除了观看区域660显示人物的不同图像1420之外,GUI1400类似于图8所示的GUI800。对角线以与图11使用对角线显示肤色饱和度操作的效果相同的方式被显示。
在第一阶段1405,GUI1400示出给二维滑块控件470添加三个滑块形状1425-1435。滑块形状1425-1435中的每一个以类似于滑块形状475的方式单独添加到二维滑块控件470。如图所示,滑块形状1425用于执行参考图6描述的锐化操作,滑块形状1430用于执行参考图8描述的亮度操作,滑块形状1435用于执行参考图11描述的肤色饱和度操作。在这个例子中,图像1420是人物的模糊和暗的图像。由于滑块形状1425-1435被定位为靠近滑动区120的外边缘,给图像1420应用小量的每种操作(即,锐化、亮度和肤色饱和度)。这以人物的暗且模糊的图像并且在人物面部和颈部上带有少量对角线来示出。
第二阶段1410示出对应用于图像1420的滑块形状1425-1435的操作的调节。如图所示,滑块形状1425-1435中的每一个向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作),从而增加应用于图像1420的操作的量。通过显示比第一阶段1405所示更锐利、更亮、并且在人物的面部和颈部上具有更多对角线的图像1420,来示出这些调节。
在第三阶段1415,再次调节滑块形状1425-1435的操作。滑块形状1425-1435中的每一个被进一步向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。通过显示比前面阶段所示更锐利、更亮、并且在人物的面部和颈部上具有更多对角线的图像1420,来示出应用于图像1420的操作量的增加。
虽然阶段1405-1415示出一次添加或可移动地定位全部滑块形状1425-1435,但是在某些实施例中,这些动作可被分别执行。然而,在其它实施例中,如以下面参考图29进一步描述的,滑块形状1425-1435可被同时添加或可移动地定位。
图15示出了用于使用某些实施例的二维滑块控件中的滑块形状来给正被编辑的图像应用颜色校正操作的处理1500。在某些实施例中,由包括二维滑块控件(诸如图8所示的二维滑块控件)的媒体编辑应用来执行处理1500。在某些实施例中,当滑块形状或滑动区在二维滑块控件内可移动地定位时执行处理1500。例如,在某些这种实施例中,当滑块形状或滑动区在二维滑块控件内可移动地定位时,持续地执行处理1500(即,实时执行)。在其它这种实施例中,当滑块形状或滑动区正在可移动地定位时,每次滑块形状或滑动区移动一定义的距离(例如,10个像素、5毫米等),就执行处理1500。在其它实施例中,当滑块形状或滑动区的可移动定位完成时(例如,对滑块形状执行的拖放操作完成时),执行处理1500。
处理1500开始于执行操作1505,这类似于操作710,如上面参考图7所述。接着,处理1500执行操作1510,其类似于操作705,也如图7所述。即,处理1500识别滑动区和滑块形状在二维滑块控件内的位置。在1515,处理1500识别与滑块形状相关联的颜色校正操作。颜色校正操作的例子包括对比度操作、饱和度操作、曝光操作、偏色操作等。
处理1500然后确定(在1520)滑块形状相对于滑动区(例如,滑动区的中心)的位置变量(例如,径向距离、角度、x轴距离、y轴距离)。在操作1520之后,处理1500确定(在1525)是否剩有任何要处理的滑块形状的位置变量。当处理1500确定剩有要处理的位置变量时,处理1500返回操作1515以便继续处理滑块形状的任何剩下的位置变量。否则,处理1500确定(在1530)是否剩有任何要处理的滑块形状。例如,当滑动区在二维滑块控件内可移动地定位时,二维滑块控件中所有滑块形状的位置变量可能被改变。在这种情况下,处理二维滑块控件内的所有滑块形状,以确定是否有任何对应操作被改变。当确定剩有要处理的滑块形状时,处理1500返回处理1505以便处理任何剩下的滑块形状。当不再剩有要处理的滑块形状时,处理1500进入操作1535。
最后,处理1500基于滑块形状的所确定的位置变量,对正被编辑的图像应用(在1535)所识别的颜色校正操作。在滑块形状的颜色校正操作基于多个位置变量的某些情况下,处理1500基于滑块形状的多个所确定的位置变量应用(在1535)所识别的颜色校正操作。当滑块形状具有与其相关联的多个颜色校正操作时,处理1500应用(在1535)多个颜色校正操作,每个颜色校正操作可以基于单个位置变量或多个位置变量。在处理多个滑块形状的情况下(例如,当滑动区而不是滑块形状被可移动地定位时),处理1500应用(在1535)每个滑块形状的所识别的颜色校正操作(一个或多个),每个颜色校正操作同样可以基于单个位置变量或多个位置变量。
B.多变量操作
某些实施例提供用于基于多个位置变量对图像应用偏色操作的滑块形状。例如,某些实施例提供基于两个位置变量对图像应用偏色操作的动态颜色滑块形状。在某些这种实施例中,动态颜色滑块形状可围绕二维滑块控件的滑动区可移动地定位,以便改变与该颜色滑块形状相关联的颜色,这会改变应用于正被编辑的偏色操作的颜色。另外,动态颜色滑块形状可向着和离开滑动区的中心可移动地定位,以便控制与应用于图像的颜色滑块形状相关联的颜色的量。因此,这些动态颜色滑块形状可以基于多个位置变量控制偏色操作。
1.动态颜色滑块形状
图16示出了包括某些实施例的二维滑块控件470的媒体编辑应用的GUI1600。特别地,该图示出了使用某些实施例的动态颜色滑块形状的偏色操作的四个不同阶段1605-1620的GUI1600。除了观看区域660显示一不同图像1625之外,GUI1600类似于GUI800。图像1625显示对角线和标记,以便以与图12所示相同的方式指示偏色操作的效果。
如图所示,阶段1605-1620显示与图13所示相同的颜色选择格,以便指示与滑动区120的各区域相关联的颜色。当选择一个动态颜色滑块形状时,某些实施例在滑动区120上显示颜色选择格。某些实施例显示颜色选择格,直到另一不同的滑块形状被选择为止(即使动态颜色滑块形状不是正在滑动区120内可移动地定位)。
第一阶段1605示出以类似于添加滑块形状475的方式,向二维滑块控件470添加来自滑块形状产生器850的滑块形状1630。如图所示,滑块形状1630被定位在滑动区120的绿色楔形块1345中,这将绿色与滑块形状1630相关联。图像1625上显示的对角线和标记表示滑块形状1630的绿偏色操作对图像1625的效果。
第二阶段1610示出了对应用于图像1625的偏色操作的调节。通过向上向左并且离开滑动区120的中心125可移动地定位滑块形状(例如,通过执行拖放操作)来进行调节。在这个阶段,除了滑块形状1630现在更远离滑动区120的中心125之外,滑块形状1630仍然在绿色楔形块区域内。因此,图像1625仍然被标记为绿色,但是其上显示更少的对角线。
在第三阶段1615,对应用于图像1625的偏色操作进行另一个调节。如图所示,滑块形状1630从绿色楔形块可移动定位(例如,通过执行拖放操作)到紫色楔形块,同时保持到滑动区120的中心125的相同距离。作为滑块形状1630移动的结果,紫色(而不是绿色)现在与滑块形状1630相关联。然而,由于从滑块形状1630的位置到滑动区120的中心125的径向距离与其先前位置的径向距离相同,应用于图像1625的偏色操作的量不改变。从而,除了颜色标记被改变为指示紫色之外,图像1625在图像1625上显示相同数目的对角线。
在某些实施例中,随着滑块形状1630在滑动区120中移动,与滑块形状1630相关联的颜色改变。例如,随着滑块形状1630沿着第三阶段1615中的箭头指示的路径移动,当滑块形状1630从绿色楔形块移动到蓝色楔形块时,与滑块形状1630相关联的颜色从绿色改变为蓝色。类似地,随着滑块形状1630从蓝色楔形块移动到紫色楔形块,与滑块形状1630相关联的颜色从蓝色改变为紫色。在其它实施例中,颜色不与滑块形状1630相关联,直到移动终止(例如,拖放操作已完成)。
第四阶段1620示出了应用于图像1625的偏色操作的另一个调节。在这个阶段中,滑块形状1630向下向左并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。如图所示,滑块形状1630仍然定位在紫色楔形块内,但是现在更靠近滑动区120的中心125。这增加偏色操作,这被以观看区域660中显示的图像1625上的增加的对角线示出。
图17概念性地示出了通过使用某些实施例的二维滑块控件中的动态颜色滑块形状,对正被编辑的图像应用颜色校正操作的处理1700。在某些实施例中,当动态颜色滑块形状(诸如滑块形状1630)或滑动区在二维滑块控件内可移动地定位时,执行处理1700。例如,在某些实施例中,当动态颜色滑块形状或滑动区正在二维滑块控件内可移动地定位时,持续地执行处理1700(即,实时执行)。在其它这种实施例中,当动态颜色滑块形状或滑动区正在二维滑块控件中可移动地定位时,每次动态颜色滑块形状或滑动区移动一定义的距离(例如,10个像素、5毫米等),就执行处理1700。在其它实施例中,当动态颜色滑块形状或滑动区的可移动定位完成时(例如,拖放操作完成时),执行处理1700。另外,某些实施例的处理1700由包括用于动态颜色滑块形状的二维滑块控件的媒体编辑应用来执行。
处理1700以确定(在1705)滑块形状是否是用于执行偏色操作的动态颜色滑块形状开始。当处理1700确定滑块形状不是动态颜色滑块形状时,处理1700结束。否则,处理1700执行操作1710和1715。处理1700的两个操作1710和1715分别与上面图7所述的操作710和705相同。特别地,处理1700识别滑动区(例如,滑动区120的中心)的位置和二维滑块控件的滑动区内的滑块形状(例如,滑块形状1630)的位置。
接着,处理1700基于滑块形状和滑动区的位置来确定(在1720)角度。在某些实施例中,处理1700以与上面参考图1所述相同的方式确定该角度。在确定角度之后,处理1700基于所确定的角度确定(在1725)与滑块形状相关联的颜色。使用图13所示的颜色选择格作为例子,基于滑块形状在滑动区中的位置的所确定角度,处理1700确定颜色选择格中与该滑块形状相关联的颜色。处理1700然后确定(在1730)滑块形状的位置到滑动区的位置的径向距离。基于所确定的径向距离,处理1700对正被编辑的图像应用(在1735)所确定的与滑块形状相关联的颜色的量。在操作1735之后,处理1700结束。
另外,本领域技术人员将认识到,处理1700是为了使用二维滑块控件中的动态颜色滑块形状执行偏色操作而由某些实施例执行的一种可能处理的例子。处理1700不是计算机指令可以如何执行这种偏色操作的唯一例子。例如,操作1720-1730不是必须按照图17所示的顺序执行。另外,处理1700的某些实施例在识别了滑动区和滑块形状的位置之后执行操作1705。
图18概念性地示出了根据本发明的某些实施例,使用图16的GUI1600的颜色锁定操作。在某些例子中,用户可能希望锁定与动态颜色滑块形状相关联的颜色,从而在滑动区内可移动地定位锁定的颜色滑块形状不会修改与该颜色滑块形状相关联的颜色,但是用户仍然可以控制应用于图像的偏色量。图18示出了颜色锁定操作的四个不同阶段1805-1820的GUI1600。
第一阶段1805示出了滑块形状1630的锁定。如图所示,在滑动区120中显示与图13相同的颜色选择格。同样,在二维滑块控件470中显示弹出菜单1840。如上面参考图13所述,类似于调用弹出菜单1320所使用的不同方法,不同实施例调用弹出菜单1840。弹出菜单1840包括用户可选择的选项“删除”、“锁定”和“属性”。“删除”选项用于从二维滑块控件470中移除滑块形状1630。“属性”选项用于显示滑块形状1630的属性列表。“锁定”选项用于将与滑块形状1630相关联的当前颜色锁定到滑块形状1630。该阶段示出对“锁定”选项的选择(例如,通过点击、敲击),并且由于当选择该选项时,滑块形状1630被定位在蓝色楔形块中,所以蓝色与滑块形状1630相关联。
在第二阶段1810中,滑块形状1630在二维滑块控件470的滑动区120内移动。如图所示,滑块形状1630的明暗被颠倒(即,黑背景上的白字母代替白背景上的黑字母),以表明该动态偏色滑块形状已颜色锁定。不同实施例通过不同地改变滑块形状的外观来指示动态偏色滑块形状已颜色锁定。例如,某些实施例改变滑块形状的标记、形状、大小等。如上所述,这个阶段还示出围绕滑动区120可移动地定位滑块形状1630(例如,通过执行拖放操作),同时保持到滑动区120的中心125的相同距离。滑块形状1630被定位在颜色选择格的红色楔形块中。然而,由于滑块形状1630的颜色(即,蓝色)被锁定,滑块形状1630不将红色楔形块(或任何其它颜色楔形块)的颜色与它相关联。另外,由于从滑块形状1630的位置到中心125的径向距离保持相同,应用于图像1625的锁定颜色的量不发生改变。从而,这个阶段在观看区域660中显示的图像1625与第一阶段1805显示的图像1625相同。
第三阶段1815示出了对应用于图像1625的偏色操作的调节。如图所示,滑块形状1630被向左并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。滑块形状1630的这种移动增大了应用到图像1625的与滑块形状1630相关联的颜色的量,这以在观看区域660中显示的图像1625上的增加的对角线示出。
第四阶段1820示出了对应用于图像1625的偏色操作的另一个调节。在这个阶段,滑块形状1630被向左并且进一步向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。在这个阶段滑块形状1630的移动进一步增大应用到图像1625的偏色操作的量,这以在观看区域660中显示的图像1625上的增加的对角线示出。
阶段1815和1820示出,即使滑块形状1630的颜色被锁定,离开或向着滑动区120的中心125可移动地定位滑块形状1630(即,改变径向距离)仍然会改变应用到图像1625的锁定颜色的量。另外,某些实施例允许当前被锁定的动态颜色滑块形状被解锁。某些实施例提供弹出菜单(未示出),除了该弹出菜单包括用户可选择的“解锁”选项而不是“锁定”选项之外,该弹出菜单类似于弹出菜单1840。还可以使用击键、击键组合、热键或另一种适合方法来解锁锁定的动态颜色滑块形状。
图19概念性地示出了包括某些实施例的二维滑块控件470的媒体编辑应用的另一个GUI1900。特别地,该图示出了基于两个位置变量的偏色操作的三个不同阶段1905-1915的GUI1900。除了GUI1900包括滑块形状工具框1925而不是滑块形状工具框825以及观看区域660显示一不同图像1925之外,GUI1900类似于GUI800。对于图19,在图像1920上显示水平线和标记以便示出对图像1920的偏色操作的效果。在图像1920上显示的水平线的数目表示应用到图像1920的偏色操作的量,大量的水平线表示大的偏色操作量,而少量的水平线表示小的偏色操作量。
如图所示,滑块形状工具框1925包括滑块形状产生器1930-1940。在某些实施例中,滑块形状产生器1930-1940用于产生对正被编辑的图像中具有特定颜色的部分应用偏色操作的滑块形状。例如,产生红偏色滑块形状的滑块形状产生器对正被编辑的图像中具有红色的部分应用偏色操作。在这个例子中,如以标记“R”指示的,滑块形状产生器1930用于产生对正被编辑的图像中具有红色的部分应用偏色操作的滑块形状;如以标记“G”指示的,滑块形状产生器1935用于产生对正被编辑的图像中具有绿色的部分应用偏色操作的滑块形状;并且如以标记“B”指示的,滑块形状产生器1940用于产生对正被编辑的图像中具有蓝色的部分应用偏色操作的滑块形状。
另外,这些滑块形状的某些实施例对当前图像中具有特定颜色的部分应用偏色操作,而其它实施例对原始图像中具有特定颜色的部分应用偏色操作。虽然图19示出了这种滑块形状产生器的3个例子,其它实施例可以包括不同和/或附加的滑块形状产生器,用于产生对正被编辑的图像中的别的颜色(例如,橙色、黄色、紫色等)的部分应用偏色操作的滑块形状。
如图所示,阶段1905-1915显示与图13中所示相同的颜色选择格,以指示与滑动区120的不同区域相关联的颜色。类似于上面所述的动态颜色滑块形状,当图19所示的滑块形状被选择时,某些实施例在滑动区120上显示颜色选择格。某些实施例显示颜色选择格,直到一不同的滑块形状被选择(即使滑块形状不是正在可移动地定位在滑动区120内)。
GUI1900的第一阶段1905示出了以类似于添加滑块形状475的方式从滑块形状产生器1930向二维滑块控件添加滑块形状1945。如图所示,滑块形状1945被定位在颜色选择格的红色楔形块中靠近滑动区120的外边缘处。这对图像1920中具有红色的部分应用小的红偏色操作量。在这个例子中,图像1920中的背景和人物头发是红色的或其中具有红色。因此,在图像1920的这些区域中显示水平线。
在第二阶段1910,对应用于图像1920的偏色操作进行调节。滑块形状1945向上向左并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。滑块形状1945在这个阶段的位置仍然在颜色选择格的红色楔形块中,因此应用于图像1920的红色或包括红色的部分的红色量增大。这以在观看区域660中显示的图像1920上的增加的水平线示出。
第三阶段1915示出了对应用于图像1920的偏色操作的另一个调节。在这个阶段,滑块形状1945从颜色选择格的红色楔形块向左可移动地定位到黄色楔形块(例如,通过执行拖放操作)。另外,从滑块形状1945到中心125的径向距离保持与其先前位置相同。如以图像1920中的标记指示的,滑块形状1945在这个阶段的移动对图像1920的红色或包括红色的部分应用黄偏色操作。
II.滑块操作
如上所述,二维滑块控件的某些实施例提供通过滑块形状的单个定位控制多个操作的滑块形状。下面的部分描述这种滑块形状的例子以及附加类型的滑块形状和操作。
A.亮度范围
图20示出了包括二维滑块控件470的某些实施例的媒体编辑应用的GUI2000。某些实施例提供将以滑块形状控制的颜色校正操作的应用限制到正被编辑的图像的特定亮度值范围的特征。在图20中,使用用于执行饱和度操作的滑块形状来示出这些亮度范围操作中的一些。该图示出了若干亮度范围操作的四个不同阶段2005-2020的GUI2000。除了观看区域660示出不同图像2025之外,GUI2000类似于图8所示的GUI800。在图像2025上显示从观看区域660的左下角延伸到右上角的对角线,以便以与图9使用的对角线类似的方式,示出应用于图像2025的饱和度操作的效果。
第一阶段2005示出当滑块形状2035被添加到二维滑块控件470时的GUI2000。如图所示,由于滑块形状2035产生自滑块形状产生器835,滑块形状2035用于给图像2025应用饱和度操作,如上所述,滑块形状产生器835用于产生这种滑块形状。由于滑块形状2035的位置靠近滑动区120的中心125,给图像2025应用大的饱和度操作量,如显示在观看区域660中的图像2025上的对角线所示。滑动区120还包括另一个滑块形状2030,其也被定位为靠近滑动区120的中心125。
在某些实施例中,相同滑块形状中的若干滑块形状的操作被合计。即,每个滑块形状的操作被确定并且被分别应用于正被编辑的图像。然而,不同实施例不同地对待相同滑块形状的操作。例如,在某些实施例中,相同滑块形状中的若干滑块形状的操作被平均,而在其它实施例中,应用最大或最小量。对于图20,滑块形状2030和2035的操作被平均。
第二阶段2010示出了对弹出菜单2050的子菜单2055中的选项的选择。不同实施例不同地调用弹出菜单2050和子菜单2055。例如,某些实施例使用热键、击键、击键组合或光标控件操作(例如,右击光标操作或控件光标点击操作)来调用弹出菜单2050和子菜单2055。作为该阶段示出的另一个例子,首先选择滑块形状2030,然后使用命令来调用弹出菜单2050和子菜单2055。
在某些实施例中,选择子菜单2055中的用户可选择选项之一将滑块形状2030的饱和度操作的应用限制到图像2025中其亮度值在定义的亮度值范围内的像素集合。例如,在某些实施例中,“阴影”选项将饱和度操作限制到具有低亮度值范围的像素集合(例如,图像的暗部分),“中间调”选项将饱和度操作限制到具有中等亮度值范围的像素集合(例如,图像的光照良好部分),并且“高光”选项将饱和度操作限制到具有高亮度值范围的像素集合(例如,图像的明亮部分)。
如图所示,用户可选择的“高光”选项被选择(例如,通过点击、敲击),如通过突出显示该选项所指示的,以便将饱和度操作仅应用于图像2025中具有高亮度值的像素。如下一阶段示出的,对亮度范围的该选择通过滑块形状2030的标记从“S”相应修改为“SH”来指示。
由于太阳和靠近太阳的区域是明亮的,如图像2025中所示,滑块形状2030的饱和度操作仅被应用于这个区域。然而,滑块形状2035的饱和度操作仍然应用于整个图像2025,从而即使在选择“高光”选项之后,在观看区域660内显示的整个图像2025中仍然显示对角线。
在第三阶段2015,通过选择滑块形状2035并且使用与第二阶段2010相同的命令,调用相同弹出菜单2050和子菜单2055。然而,在这个阶段,从子菜单2055中选择了用户可选择的“阴影”选项(例如,通过点击、敲击),如通过突出显示该菜单选项所指示的。如下一阶段所示,滑块形状2035的标记从“S”修改为“SS”以便指示对亮度范围的选择。
第四阶段2020示出了完成亮度范围操作之后的图像2025。第三阶段2015中的选择使得滑块形状2035的饱和度操作仅被应用于图像2025中具有低亮度值的像素。山的左侧是图像2025中仅有的阴影区域。如上所述,滑块形状2030的饱和度操作仅被应用于图像2025的明亮区域,该区域是太阳和靠近太阳的区域。从而,如该阶段所示,滑块形状2035的饱和度操作仅被应用于图像2025的上述暗区域,并且滑块形状2030的饱和度操作仅被应用于图像2025的明亮区域。
图20示出了通过弹出菜单来选择亮度范围。在某些实施例中,可以改为使用热键、击键、击键组合来为滑块形状选择亮度范围。虽然该图示出的是为控制饱和度操作的滑块形状所执行的亮度范围操作,然而在某些实施例中,可以类似地为可与任何类型的颜色校正操作相关联的任何滑块形状执行亮度范围操作。
图21A-B概念性地示出了包括某些实施例的二维滑块控件470的媒体编辑应用的GUI2100。具体地,这些图示出了使用图19所示的二维滑块控件470和滑块形状的某些实施例的另一亮度范围操作。除了GUI2100显示一不同图像2135之外,GUI2100类似于GUI1900。图21A-B还示出了亮度范围操作的六个不同阶段2105-2130的GUI2100。
在这些阶段的每一个中,示出了以色相、饱和度和亮度格式定义的三维颜色空间的概念图。如图所示,高亮度值(例如,白色)位于颜色空间的上平面,中等亮度值(例如,中间调)位于颜色空间的中平面,并且低亮度值(例如,黑色)位于颜色空间的下平面。关于亮度(Y)轴的角度对应于颜色(色相),而距离亮度轴的径向距离表示饱和度。如果有的话,在每个阶段应用于图像2135的基于颜色校正操作的对颜色空间的修改被示出在该阶段的GUI2100旁边的对应颜色空间图中。
类似于图19,在图像2135上显示水平线和标记,以便示出对图像2135的偏色操作的效果。在图像2135上显示的大量水平线表示大的偏色操作量,而在图像2135上显示的少量水平线表示小的偏色操作量。
在第一阶段2105,GUI2100示出在二维滑块控件470的滑动区120上显示的颜色选择格。这个阶段(以及下面的阶段2110-2130)以与图19中的颜色选择格的显示类似的方式显示图13所示的相同颜色选择格。如图所示,二维滑块控件470中不具有任何滑块形状。另外,如图像2135中的标记指示的,图像2135中的人物的浅色背景和深色头发是蓝色的。
第二阶段2110示出了以类似于添加滑块形状475的方式,从滑块形状产生器1940向滑动区120添加滑块形状2140和2145。如图所示,滑块形状2140和2145定位在颜色选择格的蓝色楔形块1350内。如上所述,某些实施例合计滑动区120中若干相同滑块形状的操作,某些实施例对这些操作进行平均,此外还有其它的处理滑动区120中的多个滑块形状的操作的方法。在这个例子中,偏色操作被平均。以在观看区域660中显示的图像2135上的水平线示出图像2135的蓝色或包括蓝色的部分上的增加的蓝偏色操作。
在第三阶段2115,以类似于上面参考图20所述的方式来调用和显示图20所示的弹出菜单2050和子菜单2055。在这个阶段,选择滑块形状2145(例如,通过点击或敲击)并且调用弹出菜单2050和子菜单2055。如图所示,选择“阴影”选项,这将滑块形状2145的偏色操作的操作限制到图像2135中具有低亮度值并且为蓝色或包括蓝色的像素集合。
除了选择(例如,通过点击或敲击)滑块形状2140并且调用弹出菜单2050和子菜单2055之外,第四阶段2120类似于第三阶段2115。在这个阶段,选择“高光”选项,这将滑块形状2140的偏色操作的操作限制到图像2135中具有高亮度值并且为蓝色或包括蓝色的像素集合。
在第五阶段2125,对应用于图像2135的滑块形状2145的偏色操作进行调节。如图所示,滑块形状2145从颜色选择格的蓝色楔形块可移动地定位到红色楔形块,同时保持到滑动区120的中心125的相同距离。作为这种移动的结果,对图像2135中蓝色或包括蓝色的低亮度部分应用红偏色操作,但是应用的偏色操作的量保持与前一阶段应用的量相同。如上所述,人物的头发是深色的,因此落在该低亮度范围内。这通过对观看区域660中显示的图像2135中人物头发的标记的修改来示出。
另外,如这个阶段的GUI2100的右侧所示,对偏色操作的调节引起对颜色空间的图的相应修改。特别地,该调节使得颜色空间中最低亮度面(即,黑色)处的颜色向着箭头表示的方向扭曲。如这个阶段的图中所示,颜色空间中最低亮度面处的颜色在红色方向上移动。另外,颜色空间中最低亮度面和中等亮度面之间的亮度面的颜色也移向红色。然而,亮度水平越靠近中等亮度水平,该亮度水平的颜色空间的颜色向红色扭曲越少。
第六阶段2130示出了对应用于图像2135的滑块形状2140的偏色操作的调节。在这个阶段,滑块形状2140从颜色选择格的蓝色楔形块可移动地定位(例如,通过执行拖放操作)到绿色楔形块,同时保持其到滑动区120的中心125的距离。基于这种移动,对图像2135中蓝色或包括蓝色的部分应用绿偏色操作,但是如在图像2135上显示相同数目的线所表明的,应用的偏色操作的量保持与前一阶段应用的量相同。
类似于第五阶段2125,如GUI2100右侧所示,这个阶段对偏色操作的调节也引起对颜色空间的图的相应修改。具体地,该调节使得高亮度面处颜色空间的颜色向着箭头指示的方向扭曲。如图所示,高亮度面处颜色空间的颜色在绿色方向上移动。最高亮度面和中等亮度面之间的亮度面处的颜色空间的颜色也向着绿色移动,但是亮度水平越靠近中等亮度水平,该亮度水平的颜色空间的颜色向绿色扭曲越少。
在某些实施例中,将滑块形状2140和2145可移动地定位在滑动区120内提供了应用于颜色空间的对应矢量输入。在某些这种实施例中,对应矢量的方向被定义为从颜色空间中与用于识别图像中应用了与滑块形状相关联的偏色操作的部分的颜色相同的颜色开始。矢量的方向指向颜色空间中与滑块形状定位在其中的颜色楔形块的颜色相同的颜色。使用第五阶段2125中的滑块形状2145作为例子,该矢量的方向始自颜色空间中的蓝色(即,“B”),因为蓝色是用于识别图像2135中应用了与滑块形状2145相关联的偏色操作的部分的颜色。由于滑块形状2145定位在红色楔形块内,矢量的方向指向颜色空间中的红色(即,“R”)。第五阶段2125的颜色空间图中的箭头被示出为指向这种描述的方向。
不同实施例不同地定义矢量的大小。例如,某些实施例将矢量的起点定义为滑动区120的中心125,并且将终点定义为滑块形状已被可移动地定位之后的位置。以第五阶段2125中的滑块形状2145的可移动定位作为例子,对应矢量的大小是从中心125到滑块形状2145在滑动区120中的位置的直线的大小。
在其它实施例中,矢量的起点被定义为滑块形状被可移动地定位之前的位置。在其它实施例中,矢量的起点是颜色选择格的一颜色楔形块中的特定定义点,其中该颜色楔形块跟与该滑块形状的偏色操作相关联的颜色为相同颜色。以第五阶段2125中的滑块形状2145作为这种实施例的例子,滑块形状2145的可移动定位的对应矢量的起点可以是蓝色楔形块中的特定定义点,因为蓝色与滑块形状2145的偏色操作相关联。
虽然图21A-B使用色相、饱和度、亮度模型概念性地示出了基于对正被编辑的当前图像的具有特定颜色的部分应用偏色操作,来对颜色空间进行修改,但是本领域的技术人员将认识到,可以有表示对颜色空间的这些效果的其它方式,并且图21A-B示出的图是概念性的,且仅是出于解释的目的。
B.可切换操作滑块
可切换操作滑块形状是某些实施例的另一种类型的滑块形状。在某些实施例中,多个操作与一个可切换操作滑块形状相关联。虽然在给定时间仅可以激活滑块形状的一种操作,但是在任何时刻,滑块形状可以在不同操作之间切换。这些滑块形状类型允许用户通过单个滑块形状在不同操作之间快速切换。
任意数目的不同操作可与可切换操作滑块形状的不同实施例相关联。例如,某些实施例可以将两个相反的颜色校正操作(例如,对比度/去对比度、饱和/去饱和)与一个可切换操作滑块形状相关联。
图22示出了某些实施例的二维滑块控件470的可切换操作滑块形状。该图示出了使用某些实施例的可切换操作滑块形状的切换操作的四个不同阶段2205-2220的GUI2200。在这个例子中,滑块形状2230可切换地与亮度操作和暗度操作相关联。与上面描述的亮度操作相反,暗度操作将图像中的像素的亮度值减小特定量,以产生更暗的图像。某些实施例通过将亮度值乘以特定值(例如,0.9、0.5、0.2等)来减小亮度值。图22示出GUI2200,除了观看区域660显示一不同图像2225之外,GUI2200类似于上面参考图8所述的GUI800。图像2225是人物的浅灰图像。
GUI2200的第一阶段2205示出了以类似于添加滑块形状475的方式从滑块形状产生器845向滑动区120添加滑块形状2230。如图所示,滑块形状2230被沿着滑动区120的外边缘定位,这给图像2225应用很少量的亮度操作或不应用亮度操作。这通过图像2225中仍然为浅灰的人物图像示出。
在第二阶段2210,调节应用于图像2225的亮度操作。如图所示,滑块形状2230被向上向左并且向着滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。如观看区域660中显示的图像825所示,该调节使得人物的图像加亮。
在第三阶段2215,选择滑块形状2230(例如,通过点击、敲击),并且如上所述,使用与调用图13中的菜单类似的方法调用弹出菜单2235。弹出菜单2235包括用户可选择的“删除”、“反转”和“属性”选项。“删除”和“属性”选项类似于上面参考图18描述的弹出菜单1840中包括的选项。在某些实施例中,通过选择(例如,通过点击、敲击)滑块形状2230启动切换操作。
“反转”选项用于在滑块形状2230的亮度操作和暗度操作之间切换。如图所示,在这个阶段选择“反转”选项,使得滑块形状2230从与亮度操作相关联切换到与暗度操作相关联。现在,暗度操作而不是亮度操作被应用于图像2225。应用于图像2225的暗度操作的效果基于滑块形状2230在滑动区120中的位置。这通过显示比第一阶段2205中当对图像2225应用很少操作或不应用操作时的人物图像更暗的人物图像2225来示出。
第四阶段2220示出对应用于图像2225的暗度操作的调节。如图所示,滑块形状2230被略微向下且向左并且离开滑动区120的中心125可移动地定位(例如,通过执行拖放操作)。该移动引起应用到图像2225的暗度操作的减小。因此,在图像2225上显示比前一阶段显示的更浅的人物图像。
如这个阶段所示,某些实施例将滑块形状2230上的标记从“B”修改为“-B”以指示滑块形状2230的该激活操作。某些实施例将标记改变为“D”,以指示与滑块形状2230相关联的当前操作是暗度操作。然而,可以有修改滑块形状2230的外观的任意数目的不同方式。例如,可以修改滑块形状1630的标记、形状、大小、字体等。
图22示出了可切换操作滑块形状的一个例子。如上面提到的,可以不同地定义可切换操作滑块形状的不同实施例。例如,某些实施例可以将最常使用的操作、最少使用的操作或最相关的操作与可以在相关联的操作之间切换的滑块形状相关联。因此,一可切换操作滑块形状可以关联有任意数目的操作和任意数目不同类型的操作。
虽然图22示出了用于在操作之间进行切换的一种技术(即,提供菜单),但是其它实施例使用多种不同方法。例如,可以通过双击滑块形状或使用击键、击键组合或热键来使操作循环。另外,其它实施例提供上述用于启动切换操作的方法以外的其它方法。例如,也可以使用击键、击键组合、热键或下拉菜单命令来启动切换操作。
C.多操作滑块形状
某些实施例的另一种类型的滑块形状是多操作滑块形状。对于某些实施例的多操作滑块形状,滑块形状被定义为使得多个操作与该滑块形状相关联。不同于可切换操作滑块形状,与多操作滑块形状相关联的所有操作被同时激活,从而允许通过滑块形状在滑动区内的单个定位而执行多个操作。
图23概念性地示出了多操作滑块形状的例子。具体地,该图示出了三个不同阶段2305、2310和2315的二维滑块控件470。下面将更详细地描述这些阶段。然而,首先描述二维滑块控件470的元件。
如图所示,二维滑块控件470包括滑动区120、圆2330和滑块形状2325,滑块形状2325被以“M”标记以便指示该滑块形状是多操作滑块形状。在某些实施例中,两个偏色操作与滑块形状2325相关联。在这个例子中,第一偏色操作由滑块形状2325以与上面参考图16描述的动态颜色滑块形状1630类似的方式来控制。出于这个原因,在二维滑块控件470中显示类似于图16所示的颜色选择格。除了与第二偏色操作相关联的颜色是颜色选择格中与滑块形状2325所指示的颜色相反的颜色之外,第二偏色操作也由滑块形状2325以与上面参考图16描述的动态颜色滑块形状1630相同的方式来控制。
为了视觉地演示第二偏色操作的操作,连接到滑块形状2325的直线通过滑动区2335的中心延伸到滑动区2335的另一侧,并且圆2330被连接到直线的另一端,并且圆2330是滑块形状2325在滑动区120内的定位的镜像,以表示与第二偏色操作相关联的实际颜色。换言之,对于滑块形状2325被可移动地定位到的任何位置,圆2330始终与滑块形状2325偏移180度,并且与滑块形状2325保持相同的径向距离。在某些实施例中,仅由滑块形状2325表示这两个偏色操作。在这些实施例中,滑块形状2325在滑动区2335内的定位视觉地表示仅与一个偏色操作相关联的颜色。与另一个偏色操作相关联的颜色仍然是颜色选择格中滑块形状2325所指示的颜色的相反色,但是没有被视觉地表示出来。
现在参考在图23所示的三个不同阶段2305、2310和2315期间二维滑块控件470的状态来描述该二维滑块控件的操作。第一阶段2305示出在用于改变与这两个偏色操作相关联的颜色的操作开始之前的二维滑块控件470。第二阶段2310示出颜色组合被修改之后的二维滑块控件470。在第一阶段2305和第二阶段2310之间,滑块形状2325被选择并且从其在第一阶段2305的位置可移动地定位(例如,通过执行拖放操作)到其在第二阶段2310的位置。用从表示滑块形状2325的先前位置的虚线圆指向其当前位置的箭头来指示该移动。为了视觉地演示第二动态颜色滑块形状操作对滑块形状2325的镜像,圆2330也被可移动地定位到滑动区120内与滑块形状2325相对的位置。
第三阶段2315示出了修改与滑块形状2325相关联的每个偏色操作应用于正被编辑的图像(未示出)的颜色的量之后的二维滑块控件470。在第二阶段2310和第三阶段2315之间,如从滑块形状2325的先前位置指向其当前位置的箭头所示,通过选择滑块形状2325并且向着滑动区120的中心可移动地定位滑块形状2325(例如,通过执行拖放操作),所述量已经被修改。圆2330也向着滑块形状2325的中心移动对应的相等距离,以便视觉地演示第二动态颜色滑块形状的镜像操作。
参考第二阶段2310和第三阶段2315描述的示例操作示出了滑块形状2325被选择并且被可移动地定位以便执行操作。然而,在某些实施例中,圆2330是用户可选择的,并且因此可被选择并且可移动地定位,以便执行相同或类似的操作。在其它实施例中,圆2330不是用户可选择的。
图23所示的多操作滑块形状仅是多操作滑块形状的许多不同实施例中的一个。例如,某些实施例将与第二偏色操作相关联的颜色定义为基于滑动区120内相对于滑块形状2325的一不同角度偏移。不同于将第二偏色操作定义为关联与滑块形状2325偏移180度的颜色,某些这种实施例将第二偏色操作定义为关联与滑块形状2325偏移一不同角度的颜色(例如,顺时针60度、逆时针45度等),并且在与滑块形状2325相距该定义的角度偏移处显示圆2330。虽然图23所示的第二偏色操作被定义为应用与第一偏色操作相同的量,但是某些实施例将第二偏色操作定义为基于第一偏色操作应用的量的某一比例来应用颜色量。
另外,不同操作(例如,饱和度操作、对比度操作、曝光操作、预定义函数等)和不同数目的操作可与多操作滑块形状的不同实施例相关联。一个这种例子将两个gamma函数与图23所述的两个偏色操作相组合,以便定义与某些实施例的滑块形状相关联的四个操作。因此,除了两个偏色操作之外,某些实施例对正被编辑的图像应用如下等式。
Pout=(1.0-Y)*gammal+Y*gamma2
其中,Pin=输入RGB像素值,Pout=输出RGB像素值,gamma1=Pin g gamma 2 = P in - 1 g
g=RGB gamma值,Y=Pin.R*0.299+Pin.G*0.587+Pin.B*0.144
由于RGB像素具有三个分量,该等式如下所示地应用于每个分量:
Pout.R=(1.0-Y)*gammal.R+Y*gamma2.R
Pout.G(1.0-Y)*gammal.G+Y*gamma2.G
Pout.B=(1.0-Y)*gammal.B+Y*gamma2.B
在其它实施例中,上面提供的两个gamma函数与饱和度功能和对比度功能相组合,以定义与某些实施例的滑块形状相关联的不同的四个功能。因此,可以有任何数目的不同组合。
D.滑块形状的分组
前面的部分描述了每次一个地在二维滑块控件的滑动区内可移动地定位滑块形状。某些实施例允许用户选择多个滑块形状,然后一起可移动地定位所选择的滑块形状。这样做可以更快并且更高效地执行操作,因为可以一次执行多个操作。
图24概念性地示出了这种操作的例子。图24示出了在滑块形状分组操作的四个不同阶段2405、2410、2415和2420的某些实施例的二维滑块控件470。如图所示,二维滑块控件470包括滑动区2425和滑块形状2430-2445。
第一阶段2405示出了在滑块形状的选择期间的二维滑块控件470。在这个阶段,选择了滑块形状2430(例如,通过按住一个键盘按键并且点击、敲击)。该选择以滑块形状2430周围的边界的加粗来指示。第二阶段2410示出了完成滑块形状的选择之后的二维滑块控件470。在这个阶段,还选择了滑块形状2440和2445(例如,通过按住一个键盘按键并且点击、敲击)。类似于第一阶段2405,这个阶段中对滑块形状的选择以滑块形状2440和2445周围的边界的加粗来指示。本领域技术人员将认识到不同实施例可以使用为创建定制滑块形状而选择滑块形状的不同方法。例如,使用选择框、使用一系列键盘击键、或使用击键组合是其它可行的方法。
第三阶段2415示出了在所选择的滑块形状组可移动地定位期间的二维滑块控件470。在这个阶段,通过选择滑块形状2430-2445之一并且将其在滑动区120内可移动地定位(例如,通过执行拖放操作),所选择的滑块形状2430、2440和2445被一起可移动地定位。如滑块形状2430、2440和2445下面的箭头所示,滑块形状2430-2445之一的可移动定位还使得其它两个滑块形状在相同方向上移动相同距离。虽然第三阶段2415示出了对滑块形状之一的选择和可移动定位,但是可以对组中的任何其它所选择滑块形状执行相同操作(例如,通过执行拖放操作),以便移动所选择的滑块形状的组。
第四阶段2420示出了在完成第三阶段2415中的选择的滑块形状的可移动定位之后的二维滑块控件470。如图所示,滑块形状2430、2440和2445仍然被选择(即,边界仍然被加粗)。从而,所选择的滑块形状2430、2440和2445的组仍然可被一起可移动地定位。
图24示出了选择滑块形状和在滑动区内可移动地定位所选择的滑块形状的组的操作的示例序列。然而,在任何阶段之间,任何选择的滑块形状可被解除选择(例如,通过按住一个键盘按键并且点击、敲击),任何未被选择的滑块形状(即,滑块形状2435)可被选择(并且在滑动区2425内可移动地定位),并且所选择的滑块形状的组中的任何滑块形状可被用于在滑动区2425内可移动地定位该组滑块形状。
E.定制滑块形状
前面的部分描述了预定义(例如,由提供这种滑块形状的应用的开发者来预定义)的多操作滑块形状的各种实施例。某些实施例提供了一不同类型的多操作滑块形状:用户可定制的滑块形状。在某些实施例中,定制滑块形状用于容易地并且一致地复制出多个操作的组合在图像(未示出)上产生的所希望的外观。另外,定制滑块形状可以减少滑动区中的滑块形状的数目,同时保留由该定制滑块形状表示的与这些滑块形状相关联的操作。
图25概念性地示出了某些实施例的定制滑块形状。该图示出了在定制滑块创建操作的三个不同阶段2505、2510和2515的某些实施例的二维滑块控件470。如图所示,二维滑块控件470包括滑动区120和滑块形状2525-2535。在这个例子中,滑块形状2525-2535分别被定义为控制饱和度操作、对比度操作和曝光操作。以每个滑块形状2525-2535上的标记(即,“S”、“C”和“E”)指示它们的操作。
在某些实施例中,定制滑块形状是表示多个滑块形状的配置(即,多个操作)的单个滑块形状。某些实施例的定制滑块甚至可以包括其它多操作滑块形状,诸如上面参考图23所述的多操作滑块形状。
第一阶段2505示出了在为创建定制滑块形状而选择滑块形状期间的二维滑块控件2500。在这个阶段,滑块形状2525被选择(例如,通过按住一个键盘按键并且左击)。以滑块形状2525周围的边界的加粗来指示这种选择。
第二阶段2510示出了在完成滑块形状的选择之后的二维滑块控件470。在这个阶段,还选择了滑块形状2530和2535(例如,通过按住一个键盘按键并且点击、敲击等)。该选择也被以滑块形状2530和2535周围的边界的加粗来指示。本领域技术人员将认识到不同实施例可以使用为创建定制滑块形状而选择滑块形状的不同方法。例如,使用选择框、一系列键盘击键或击键组合是其它可行的方法。
如图所示,第二阶段2510显示选择包括在弹出菜单2520中的用户可选择的“定制”选项。不同实施例类似于上面通过参考图13所述的用于调用弹出菜单1320的不同方法来调用弹出菜单2520。“定制”选项用于基于创建定制滑块形状时所选择的滑块形状的配置来创建定制滑块形状。
第三阶段2515示出了创建定制滑块形状2545之后的二维滑块控件470,定制滑块形状2545被以标记“C1”指示。定制滑块形状2545表示与滑块形状2525、2530和2535相关联的操作,并且其基于定制滑块形状2545被创建时滑块形状2525、2530和2535的位置,对正被编辑的图像应用这些操作。以这种方式,定制滑块形状2545能够再现对正被编辑的图像应用与滑块形状2525、2530和2535相关联的操作所产生的外观。
在第二阶段2510和第三阶段2525之间,选择“定制”选项以创建定制滑块形状2545。不同实施例提供调用定制滑块形状2545的创建的不同方式。例如,键盘击键、击键组合、热键、从下拉菜单或弹出菜单中选择的选项可用于基于所选择的滑块形状调用定制滑块形状的创建。在这个阶段,指示滑块形状2525、2530和2535在定制滑块形状2545被创建之前不久的先前位置的虚线圆用于示出由创建的定制滑块形状2545表示的滑块形状的配置。在某些实施例中,滑块形状的虚线圆不被实际显示。
某些实施例定义定制滑块形状以便像on/off开关那样操作。例如,将定制滑块形状2545可移动地定位在滑动区120之外不对正被编辑的图像应用任何颜色校正操作。然而,如果将定制滑块形状2545可移动地定位在滑动区2545内的任何位置,则应用当定制滑块形状2545的创建被调用时滑块形状2525、2530和2535在滑动区120内的各自位置(即,在这个例子中滑块形状2525、2530和2535在第二阶段2510中的位置)的操作。
在某些实施例中,在滑动区内可移动地定位定制滑块形状可以改变定制滑块的组合操作的应用。例如,如第三阶段2515所示,如果将定制滑块形状2545可移动地定位在滑动区120的外圆和内圆之间的中途,则应用基于定制滑块形状2545的创建被调用时滑块形状2525、2530和2535的位置的操作。向着外圆可移动地定位定制滑块形状2545将减少对正被编辑的图像的滑块形状的相对操作,而向着滑动区120的中心可移动地定位定制滑块形状2545将增加滑块形状的相对操作。在不同实施例中可以有通过定制滑块形状2545控制组合操作的其它方式。
另外,某些实施例允许保存定制滑块形状以便以后使用,从另一个相同或类似应用中导入定制滑块形状,和/或向另一个相同或类似应用导出定制滑块形状。这些特征允许复杂和难以再现的外观在以后被重新使用和应用于其它图像。
III.滑动区操作
上面部分和附图描述了通过在二维滑块控件的滑动区内可移动地定位滑块形状来控制与滑块形状相关联的操作。然而,不同于可移动地定位滑块形状,某些实施例通过可移动地定位滑动区来控制与滑块形状相关联的操作。
图26示出了某些实施例的二维滑块控件470。该图示出了在滑动区操作的四个不同阶段2605-2620的二维滑块控件470。二维滑块控件470包括滑动区120和滑块形状2630-2645。在第一阶段2605,滑块形状2630-2645被定位在滑动区120内。从而,基于滑块形状的位置对正被编辑的图像(未示出)应用与滑块形状2630-2645相关联的操作。
第二阶段2610示出了滑动区操作开始时的二维滑块控件470。在这个阶段,滑动区的中心被选择(例如,通过执行拖放操作中的拖动部分)。以滑动区120的外圆的加粗来指示对滑动区120的选择。
第三阶段2615示出了滑动区操作期间的二维滑块控件470。如图所示,滑动区120正向着二维滑块控件470的底部可移动地定位,如箭头所示的。然而,滑块形状2630-2645没有移动,并且保持静止在它们的位置。在某些实施例中,当滑动区120被移动时,由于滑块形状2630-2645相对于滑动区120的位置的改变,与滑块形状2630-2645相关联的操作被修改。
第四阶段2620示出了完成滑动区操作之后的二维滑块控件470,如滑动区120的不加粗的外圆所指示的。在这个阶段,滑动区120向着二维滑块控件470的底部进一步移动。如图所示,滑块形状2630和2640不再位于滑动区120内,因此与这些滑块形状相关联的操作不被应用于正被编辑的图像。
图27概念性地示出了某些实施例的另一个滑动区操作。具体地,图27示出了使用上面在图26中所示的滑动区操作在不同的滑块形状集合之间可移动地定位滑动区。这样,用户可以快速比较、对比、混合和匹配不同的滑块形状集合对正被编辑的图像(未示出)产生的不同外观。如图所示,图27示出了在滑动区操作的四个不同阶段2705、2710、2715和2720的二维滑块控件470。二维滑块控件470包括滑动区2725和三个滑块形状集合2730-2740。
第一阶段2705示出了开始任何滑动区操作之前的二维滑块控件470。滑块形状集合2730-2740分别定位在二维滑块控件470的左上角、右上角和左下角。第二阶段2710示出了完成滑动区操作之后的二维滑块控件470。在这个阶段,滑动区2725从其在第一阶段2750中的位置向着二维滑块控件470的左上角的滑块形状集合2730可移动地定位(例如,通过执行拖放操作)。由与滑块形状集合2730中的滑块形状相关联的操作产生的外观被应用于正被编辑的图像。
第三阶段2715示出了另一次滑动区操作完成之后的二维滑块控件470。如图所示,滑动区2725从其在第二阶段2710中的位置向着二维滑块控件470的右上角的滑块形状集合2735可移动地定位(例如,通过执行拖放操作)。此时,由与滑块形状集合2735中的滑块形状相关联的操作产生的外观被应用于正被编辑的图像。
第四阶段2720示出了另一次滑动区操作完成之后的二维滑块控件470。该阶段示出滑动区2725从其在第三阶段2715中的位置向着二维滑块控件470的左下角的滑块形状集合2740可移动地定位(例如,通过执行拖放操作)。在该阶段,由与滑块形状集合2740中的滑块形状相关联的操作产生的外观被应用于正被编辑的图像。
图28示出了某些实施例的用于响应于二维滑块控件的用户可选择的滑块形状与所显示的滑动区之间的交互,诸如图26和27所示的滑动区操作或类似的滑动区操作,来对图像执行颜色校正操作的处理2800。在某些实施例中,当滑动区在二维滑块控件的显示区域内可移动地定位时,执行处理2800。例如,在某些这种实施例中,当滑动区在显示区域内可移动地定位时,持续地执行(即,实时地)处理2800。在其它这种实施例中,当滑动区在显示区域中可移动地定位时,每次滑动区移动定义的距离(例如,10个像素、5毫米等),就执行处理2800。在其它实施例中,当滑动区的可移动定位完成(例如,完成了对滑动区执行的拖放操作)时,执行处理2800。
处理2800以接收(在2805)用户可选择的滑块形状在滑动区内的位置开始。接着,处理2800接收(在2810)用户可选择的滑动区在显示区域中的位置。在某些实施例中,滑动区的中心被定义为表示滑动区的位置,而在其它实施例中,滑动区内的一不同点被定义为表示滑动区的位置。
处理2800然后识别(在2815)与用户可选择的滑块形状相关联的一组颜色校正操作。颜色校正操作的例子包括饱和度操作、对比度操作、曝光操作、偏色操作,以及其它颜色校正操作。在操作2815之后,处理2800确定(在2820)该用户可选择滑块形状相对于滑动区的位置变量。在某些实施例中,如上面部分中描述的,所确定的位置变量包括径向距离位置变量、角位置变量、x轴位置变量和y轴位置变量。其它实施例也可以包括其它位置变量。
接着,如在上面部分中描述和在上面图中示出的,处理2800基于所确定的位置变量应用(在2825)所识别的颜色校正操作。处理2800确定(在2830)是否有剩下要处理的任何滑块形状。在某些实施例中,处理2800处理二维滑块控件中的所有滑块形状,而在其它实施例中,处理2800仅处理被定位在二维滑块控件的滑动区内的滑块形状。当处理2800确定剩有要处理的滑块形状时,处理2800返回操作2805以处理剩下的滑块形状。否则,处理2800结束。
这个部分中,上面描述的许多图(例如,图23、24、25、26和27)仅仅示出了包括许多滑块形状的某些实施例的二维滑块控件。虽然未在这些图中示出,但是在某些实施例中,使用对应的滑块形状产生器以类似于向二维滑块控件470中添加滑块形状475的方式来添加包括在二维滑块控件中的滑块形状。其它实施例通过其它方法来添加滑块形状,诸如使用热键、击键、击键组合、从下拉或弹出菜单中选择选项、或任何其它适合的方法。
IV.示例的平板实现
上面的许多不同实施例和例子描述了与二维滑块控件的GUI交互的各种方法。这些实施例中的某些使用触摸屏作为输入设备。特别地,这些实施例可被实现在具有触摸屏输入设备的平板计算设备上(例如,)。采用触摸屏输入设备,用户可以同时执行多个选择操作。
图29示出了媒体编辑应用的平板实现的例子,其提供允许这样的多个同时的选择来对图像执行颜色校正操作的二维滑块控件。该图示出了平板计算设备2900和在平板计算设备2900的显示屏上显示的GUI2920。如图所示,GUI2920包括滑块形状工具框2925、二维滑块控件470和观看区域660。滑块形状工具框2925包括类似于上面参考图4所述的滑块形状产生器的若干滑块形状产生器。二维滑块控件470包括滑动区120和3个滑块形状2940-2950。观看区域660用于显示正被编辑的图像和通过对图像应用颜色校正操作产生的效果。
图29还示出了在两个不同阶段2905和2910的GUI2920。第一阶段2905示出产生了多个滑块形状之后的GUI2920。在这个阶段,从滑块形状工具栏2925的滑块形状产生器中同时产生了滑块形状2940、2945和2950。在某些实施例中,通过在显示屏2915上触摸每个对应的滑块形状产生器,并且如箭头指示的向着滑动区120拖动,来产生滑块形状2940、2945和2950。
第二阶段2910示出滑块形状2940-2950从它们在第一阶段2905中在滑动区120内的位置被同时可移动地定位之后的GUI2900。在某些实施例中,通过在滑块形状2940-2950的先前位置(即,它们在第一阶段2905中的位置)触摸滑块形状2940-2950中的每一个,并且将它们拖动到它们的当前位置,来可移动地定位滑块形状2940-2950,如在这个阶段中所示。
图29所示的操作示出可以如何通过平板计算设备的触摸屏输入设备同时执行多个选择操作。然而,本领域技术人员将认识到,这些选择操作不是必须同时执行。例如,在阶段2905和2910中执行的某些或全部操作可以重叠,可以按任何顺序来顺序地执行,和/或可并发地执行。
在上面所述的许多实施例中,基于径向距离位置变量的滑块形状的操作(一个或多个)被定义为当滑块形状靠近滑动区的中心可移动地定位时增加。然而,在某些这种实施例中,这些滑块形状可被不同地定义。例如,当这种滑块形状被定位在近乎中心时,(例如,对正被编辑的图像)应用与该滑块形状相关联的少量操作或不应用操作,而将滑块形状可移动地定位离开滑动区的中心时,增大应用于图像的操作的量。
V.软件体系结构
在某些实施例中,上述处理被实现为在特定机器(诸如计算机或手持设备)上运行的软件,或存储在非暂时性计算机可读介质中的软件。图30概念性地示出了用于处理图像处理和/或颜色校正操作的某些实施例(诸如上面部分中描述的实施例)的应用3025的软件体系结构。在某些实施例中,应用3025是独立的应用或是另一个应用(例如,照片编辑应用、媒体编辑应用、视频编辑应用等)的一部分,而在其它实施例中,应用3025被实现为操作***的一部分。另外,某些实施例的应用3025被实现为客户机-服务器解决方案的一部分。在某些这种实施例中,应用3025通过瘦客户机来提供(即,应用3025在服务器上运行,而用户通过与服务器分离的机器与应用3025交互)。在其它这种实施例中,通过胖客户机提供应用3025(即,应用3025从服务器分配给客户机,并且在客户机上运行)。
如图所示,应用3025包括用户接口(UI)交互模块3030、滑块形状处理模块3035、位置模块3040、颜色校正模块3045、存储设备3050、图像处理模块3055和图像显示模块3060。图30还示出了包括光标控制器驱动器3010、键盘驱动器3015和显示驱动器3020的操作***3005。
用户可以通过输入设备(未示出)与用户接***互。输入设备,诸如光标控制器(鼠标、轨迹球、平板、触摸板等)和键盘,向光标控制器驱动器3010和键盘驱动器3015发送信号。光标控制器驱动器3010和键盘驱动器3015将这些信号转换为提供给UI交互模块3030的用户输入数据。
本申请描述给用户提供执行不同的操作和功能集合的许多方式的图形用户界面。在某些实施例中,基于从用户处通过不同输入设备(例如,键盘、轨迹板、触摸板、鼠标等)接收的不同命令来执行这些操作和功能。例如,可以使用图形用户界面中的光标来控制(例如,选择、移动)图形用户界面中的对象。然而,在某些实施例中,还可以通过其它控制器,诸如触摸控制器,来控制或操纵图形用户界面中的对象。在某些实施例中,通过可以检测触摸在设备显示器上的存在和位置的输入设备来实现触摸控制器。这种设备的例子是触摸屏设备。在某些实施例中,利用触摸控制器,用户可以通过与在触摸屏设备的显示器上显示的图形用户界面交互来直接操纵对象。例如,用户可以通过简单地触摸(例如,敲击)触摸屏设备的显示器上的特定对象,来选择图形用户界面中的特定对象。从而,当利用触摸控制器时,在某些实施例中甚至可以不提供用于使能对图形用户界面的对象的选择的光标。然而,当在图形用户界面内提供光标时,在某些实施例中,可以使用触摸控制器来控制光标。
UI交互模块3030然后在显示的用户界面对象(例如,滑块形状、滑块形状产生器、滑动区等)的上下文中解释用户输入数据,并且将该数据传递到滑块形状处理模块3035。
滑块形状处理模块3035将UI交互解释为用户界面对象在UI中的移动。对于被移动的每个滑块形状,滑块形状处理模块3035指示位置模块3040获取滑块形状和滑动区的位置信息(例如,x和y坐标),位置模块3040从UI交互模块3030获取所述位置信息。
滑块形状处理模块3035将识别信息(例如,与滑块形状相关联的唯一标识符)发送到颜色校正模块3045,其中所述识别信息是与用户输入数据一起从UI交互模块3030接收的。基于识别信息和从存储设备3050检索的信息,颜色校正模块3045识别与滑块形状相关联的颜色校正操作(一个或多个)。颜色校正模块3045将识别出的颜色校正操作信息传递给滑块形状处理模块3035。
当滑块形状处理模块3035接收到位置信息和颜色校正操作信息时,其处理接收到的信息。滑块形状处理模块3035基于处理的信息确定用于对图像应用一个或多个颜色校正操作的位置变量,并且指示图像处理模块3055对图像应用所确定的颜色校正操作(一个或多个)。
图像处理模块3055从滑块形状处理模块3035接收指令,并且对存储在存储设备3050中的图像应用颜色校正操作(一个或多个)。图像处理模块3055还将应用的颜色校正操作(一个或多个)通知给图像显示模块3060。图像显示模块3060控制在UI的另一个显示区域中的图像显示。在某些实施例中,图像显示模块3060响应于滑块形状或滑动区在UI中的移动,处理对该图像的颜色属性的修改的显示。图像显示模块3060将显示信息传递给显示驱动器3020,显示驱动器3020处理该图像(和UI的其余部分)在输出设备(未示出)(诸如监视器(CRT、LCD等))上的实际显示。
虽然许多特征被描述为由一个模块执行(例如,滑块形状处理模块3035),但是本领域技术人员将认识到,这些功能可被划分为多个模块,并且一个特征的执行甚至可能需要多个模块。
VI.计算机***
许多上述特征和应用被实现为软件过程,所述软件过程被规定为记录在计算机可读存储介质(也被称为计算机可读介质)上的指令集。当这些指令由一个或多个处理单元(例如,一个或多个处理器、处理器核或其它处理单元)执行时,它们使得处理单元执行指令中指示的动作。计算机可读介质的例子包括但不限于CD-ROM、闪存驱动器、RAM芯片、硬盘驱动器、EPROM等。计算机可读介质不包括无线地或在有线连接上传递的载波和电子信号。
在本说明书中,术语“软件”意味着包括可被读入存储器以便由处理器执行的、驻留在只读存储器中的固件或存储在磁存储设备中的应用。另外,在某些实施例中,多个软件发明可被实现为较大程序的子部分,同时保持有区别的软件发明。在某些实施例中,多个软件发明还可被实现为分别的程序。最后,一起实现此处描述的软件发明的单独程序的任何组合在本发明的范围内。在某些实施例中,当软件程序被安装以在一个或多个电子***上运行时,它们定义实施并且执行这些软件程序的操作的一个或多个特定的机器实现。
图31概念性地示出了用于实现本发明的某些实施例的电子***3100。电子***3100可以是计算机、电话、PDA或任何其它类型的电子设备。这种电子***包括各种类型的计算机可读介质和用于各种其它类型的计算机可读介质的接口。电子***3100包括总线3105、处理单元(一个或多个)3110、图形处理单元(GPU)3120、***存储器3125、只读存储器3130、持久存储设备3135、输入设备3140和输出设备3145。
总线3105总体表示用于通信地连接电子***3100的许多内部设备的所有***、外设和芯片集总线。例如,总线3105将处理单元3110通信地连接到只读存储器3130、GPU3120、***存储器3125和持久存储设备3135。
处理单元3110从这些各种存储器单元检索将要执行的指令和将要处理的数据,以便执行本发明的处理。在不同实施例中,处理单元可以是单个处理器或多核处理器。某些指令被传递到GPU3120并且由GPU3120执行。GPU3120可以分担各种计算或补充处理单元3110所提供的图像处理。在某些实施例中,可以使用CoreImage的kernalshading语言提供这种功能。
只读存储器(ROM)3130存储处理单元3110和电子***的其它模块所需的静态数据和指令。另一方面,持久存储设备3135是读写存储器设备。该设备是非易失存储器单元,即使电子***3100被关闭时,其也存储指令和数据。本发明的某些实施例使用海量存储设备(诸如磁盘或光盘以及其对应的盘驱动器)作为持久存储设备3135。
其它实施例使用可移动存储设备(诸如软盘、闪存驱动器或
Figure BDA00002834579100611
盘,以及其对应的盘驱动器)作为持久存储设备。类似于持久存储设备3135,***存储器3125是读写存储器设备。然而,与存储设备3135不同,该***存储器是易失性读写存储器,诸如随机访问存储器。该***存储器存储处理器在运行时需要的某些指令和数据。在某些实施例中,本发明的过程被存储在***存储器3125、持久存储设备3135和/或只读存储器3130中。例如,各种存储器单元包括用于根据某些实施例处理媒体项的指令。处理单元3110从这些各种存储器单元检索要执行的指令和要处理的数据,以便执行某些实施例的处理。
总线3105还连接到输入和输出设备3140和3145。输入设备使得用户能够向电子***传递信息和选择命令。输入设备3140包括字母数字键盘和指点设备(也被称为“光标控制设备”)。输出设备3145显示由电子***产生的图像。输出设备包括打印机和显示设备,诸如阴极射线管(CRT)或液晶显示器(LCD)。某些实施例包括诸如作为输入和输出设备两者的触摸屏的设备。
最后,如图31所示,总线3105还将电子***3100通过网络适配器(未示出)耦连到网络3165。以这种方式,该计算机可以是计算机网络(诸如局域网(“LAN”)、广域网(“WAN”)、或内联网、或网络的网络,诸如Internet)的一部分。电子***3100的任何或所有组件可结合本发明使用。
某些实施例包括电子组件,诸如微处理器、存储设备和存储器,存储设备和存储器在机器可读或计算机可读介质(可替换地称为计算机可读存储介质、机器可读介质或机器可读存储介质)中存储计算机程序指令。这些计算机可读介质的某些例子包括RAM、ROM、只读压缩盘(CD-ROM)、可记录压缩盘(CD-R)、可重写压缩盘(CD-RW)、只读数据通用盘(例如,DVD-ROM、双层DVD-ROM)、各种可记录/可重写DVD(例如,DVD-RAM、DVD-RW、DVD+RW等)、闪存(例如,SD卡、mini-SD卡、micro-SD卡等)、磁和/或固态硬盘驱动器、只读和可记录
Figure BDA00002834579100621
超高密度光盘、任何其它光学或磁介质、以及软盘。计算机可读介质可以存储可由至少一个处理单元执行的计算机程序,并且包括用于执行各种操作的指令集。计算机程序或计算机代码的例子包括机器代码,诸如由编译器产生的代码,以及包含由计算机、电子组件或微处理器使用解释器来执行的高级代码的文件。
虽然上面的讨论主要涉及执行软件的微处理器或多核处理器,但是某些实施例由一个或多个集成电路执行,诸如专用集成电路(ASIC)或现场可编程门阵列(FPGA)。在某些实施例中,这种集成电路执行存储在该电路本身上的指令。
如本申请的说明书和权利要求书中使用的,术语“计算机”、“服务器”、“处理器”和“存储器”全部指电子或其它技术设备。这些术语不包括人或人群。出于本说明书的目的,术语显示的含义是在电子设备上显示。如本申请的说明书和任何权利要求中使用的,术语“计算机可读媒体”和“计算机可读介质”被完全局限于以计算机可读形式存储信息的有形物理对象。这些术语不包括任何无线信号、有线下载信号和任何其它短暂的信号。
虽然已经参考许多特定细节描述了本发明,但是本领域技术人员将认识到,本发明可体现为其它特定形式而不脱离本发明的精神。另外,若干图(包括图7、15、17和28)概念性地示出了处理。这些处理的特定操作可以不以示出和描述的精确顺序执行。特定操作可以不以一个连续操作序列来执行,并且不同的特定操作可在不同实施例中执行。另外,处理可使用几个子处理来实现,或实现为更大宏处理的一部分。

Claims (25)

1.一种存储计算机程序的非暂时性计算机可读介质,当由至少一个处理器执行时,所述计算机程序提供用于控制应用的图形用户界面(GUI),所述GUI包括:
用于定义多个值的连续二维滑动区;和
用于在滑动区内移动的多个滑块,其中每个滑块与用于控制所述应用的一个或多个操作的参数相关联,其中每个滑块在滑动区中的位置规定与该滑块相关联的参数的不同值。
2.如权利要求1所述的计算机程序,用于将所述多个滑块添加到滑动区的用户界面(UI)项集合,其中通过选择UI项集合中的一UI项并将该UI项拖动到滑动区中,来将每个滑块添加到滑动区。
3.如权利要求2所述的计算机程序,其中所述GUI还包括用于显示滑动区的显示区域。
4.如权利要求3所述的计算机程序,其中所述UI项集合被显示在所述显示区域内。
5.如权利要求3所述的计算机程序,其中所述显示区域是第一显示区域,其中所述UI项集合被显示在与第一显示区域相邻的第二显示区域中。
6.一种提供用于媒体编辑应用的图形用户界面(GUI)以对图像应用图像处理操作的方法,该方法包括:
提供连续二维滑动区;和
提供用于在所述滑动区内可移动地定位的滑块集合,其中可移动地定位滑块使得图像处理操作基于该滑块在滑动区内的位置而被相应地应用到所述图像。
7.如权利要求6所述的方法,还包括提供可选择的UI项的集合,该可选择的UI项的集合用于将滑块集合中的滑块的图像处理操作的应用限制到图像中具有一亮度值范围的像素集合。
8.如权利要求7所述的方法,其中所述用户可选择的UI项的集合被包括在所述GUI中所显示的菜单中。
9.如权利要求6所述的方法,还包括提供用户可选择的UI项的集合,其中当一个用户可选择的UI项被选择并且被拖动到滑动区中时,向滑动区添加一个滑块。
10.如权利要求6所述的方法,还包括提供用于显示图像和显示应用到该图像的图像处理操作的效果的显示区域。
11.一种使用滑块控件对图像应用颜色校正操作的方法,所述滑块控件包括滑动区和滑块集合,每个滑块控制一种颜色校正操作,该方法包括:
在滑动区内可移动地定位滑块集合中的一滑块;
响应于该滑块的定位,基于该滑块在滑动区内的位置确定该滑块的颜色校正操作;和
基于所确定的颜色校正操作,对所述图像应用颜色校正操作。
12.如权利要求11所述的方法,其中所述颜色校正操作基于从滑动区的中心到滑块在滑动区内的位置的径向距离。
13.如权利要求11所述的方法,其中所述颜色校正操作基于由从滑动区的中心到滑动区的位置的第一直线和从滑动区的中心到滑动区内的定义位置的第二直线所形成的角度。
14.如权利要求11所述的方法,其中所述滑块是控制第一颜色校正操作的第一滑块,该方法还包括:
在滑动区内可移动地定位滑块集合中的第二滑块;
响应于第二滑块的定位,基于第二滑块在滑动区内的位置确定第二颜色校正操作;和
基于所确定的第二颜色校正操作,对所述图像应用第二颜色校正操作。
15.如权利要求11所述的方法,其中所述滑块是控制第一颜色校正操作的第一滑块,其中滑块集合中的第二滑块控制第二颜色校正操作,该方法还包括将第一滑块和第二滑块分组到一个滑块组中。
16.如权利要求15所述的方法,还包括:
在滑动区内可移动地定位所述滑块组;
响应于滑块组的定位,基于第一和第二滑块在滑动区内的相应位置确定第一和第二颜色校正操作;和
基于所确定的第一和第二颜色校正操作,对所述图像应用第一和第二颜色校正操作。
17.如权利要求15所述的方法,还包括:
创建表示第一和第二滑块在滑动区内的位置的第三滑块。
18.如权利要求17所述的方法,还包括:
在滑动区内可移动地定位第三滑块;
响应于第三滑块的定位,基于第三滑块在滑动区内的位置确定第一和第二颜色校正操作;和
基于所确定的第一和第二颜色校正操作,对所述图像应用第一和第二颜色校正操作。
19.如权利要求11所述的方法,其中颜色校正操作是饱和度操作。
20.如权利要求11所述的方法,其中颜色校正操作是对比度操作。
21.如权利要求11所述的方法,其中颜色校正操作是亮度操作。
22.如权利要求11所述的方法,其中颜色校正操作是偏色操作。
23.一种使用滑块控件对图像应用颜色校正操作的方法,所述滑块控件包括滑动区和滑块集合,每个滑块控制一种颜色校正操作,该方法包括:
在滑块控件内可移动地定位滑动区;
响应于滑动区的定位,基于滑动区的位置确定滑块集合中每个滑块的颜色校正操作;和
基于滑块集合中每个滑块的所确定的颜色校正操作,应用该滑块的颜色校正操作。
24.如权利要求23所述的方法,其中滑块集合中的至少一个滑块的颜色校正操作基于从滑动区的中心到该滑块的位置的径向距离。
25.如权利要求23所述的方法,其中滑块集合中的至少一个滑块的颜色校正操作基于由从滑动区的中心到滑动区的位置的第一直线和从滑动区的中心到滑动区内的定义位置的第二直线所形成的角度。
CN201180039494.9A 2010-08-09 2011-07-29 二维滑块控件 Active CN103069373B (zh)

Applications Claiming Priority (3)

Application Number Priority Date Filing Date Title
US12/853,275 US8468465B2 (en) 2010-08-09 2010-08-09 Two-dimensional slider control
US12/853,275 2010-08-09
PCT/US2011/046040 WO2012021313A1 (en) 2010-08-09 2011-07-29 Two-dimensional slider control

Publications (2)

Publication Number Publication Date
CN103069373A true CN103069373A (zh) 2013-04-24
CN103069373B CN103069373B (zh) 2016-05-25

Family

ID=44543796

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201180039494.9A Active CN103069373B (zh) 2010-08-09 2011-07-29 二维滑块控件

Country Status (6)

Country Link
US (2) US8468465B2 (zh)
EP (1) EP2603846A1 (zh)
KR (1) KR101470264B1 (zh)
CN (1) CN103069373B (zh)
CA (1) CA2806577A1 (zh)
WO (1) WO2012021313A1 (zh)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104615346A (zh) * 2013-11-04 2015-05-13 是德科技股份有限公司 用于调整数值的触摸屏幕控件
CN105320424A (zh) * 2014-12-16 2016-02-10 维沃移动通信有限公司 一种移动终端的控制方法及移动终端
CN106201267A (zh) * 2016-07-09 2016-12-07 王静 一种设置多参数的方法
CN106462334A (zh) * 2014-06-01 2017-02-22 苹果公司 使用单个控件控制多个照片调整
CN108874899A (zh) * 2018-05-23 2018-11-23 网易乐得科技有限公司 数据处理方法及装置、介质和计算设备
CN109542284A (zh) * 2018-11-15 2019-03-29 上海联影医疗科技有限公司 一种图像显示参数调节方法、装置、终端及存储介质
WO2019165959A1 (zh) * 2018-03-01 2019-09-06 网易(杭州)网络有限公司 数值确定方法、数值确定装置、电子设备及存储介质
CN114237807A (zh) * 2018-11-20 2022-03-25 创新先进技术有限公司 一种关联控件交互方法和装置

Families Citing this family (95)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9367205B2 (en) 2010-02-19 2016-06-14 Microsoft Technolgoy Licensing, Llc Radial menus with bezel gestures
US8468465B2 (en) 2010-08-09 2013-06-18 Apple Inc. Two-dimensional slider control
US20120272171A1 (en) * 2011-04-21 2012-10-25 Panasonic Corporation Apparatus, Method and Computer-Implemented Program for Editable Categorization
US9086794B2 (en) * 2011-07-14 2015-07-21 Microsoft Technology Licensing, Llc Determining gestures on context based menus
KR20130083308A (ko) * 2012-01-12 2013-07-22 삼성전자주식회사 디스플레이 장치 및 그 디스플레이 방법
US8806339B2 (en) * 2012-02-06 2014-08-12 Apple Inc. User interface control for media editing application
US9250768B2 (en) * 2012-02-13 2016-02-02 Samsung Electronics Co., Ltd. Tablet having user interface
JP5990600B2 (ja) * 2012-03-06 2016-09-14 アップル インコーポレイテッド 色区分に関する色調整器
US9041727B2 (en) 2012-03-06 2015-05-26 Apple Inc. User interface tools for selectively applying effects to image
US9159144B2 (en) 2012-03-06 2015-10-13 Apple Inc. Color adjustors for color segments
US9131192B2 (en) 2012-03-06 2015-09-08 Apple Inc. Unified slider control for modifying multiple image properties
US20130239051A1 (en) 2012-03-06 2013-09-12 Apple Inc. Non-destructive editing for a media editing application
GB2513763A (en) * 2012-03-06 2014-11-05 Apple Inc Fanning user interface controls for a media editing application
US9202433B2 (en) 2012-03-06 2015-12-01 Apple Inc. Multi operation slider
DE102012004327A1 (de) * 2012-03-07 2013-09-12 Mobotix Ag Verfahren für die Parameterveränderung parametrierbarer Funktionen mittels Datenverarbeitungsgeräten
KR101413286B1 (ko) * 2012-05-02 2014-07-01 주식회사 팬택 전자 장치 및 이를 위한 잠금 해제 장치와 방법
US9361855B2 (en) * 2012-05-14 2016-06-07 Adobe Systems Incorporated Computer-implemented methods and systems for a color generator
US9594492B1 (en) * 2012-08-23 2017-03-14 Allscripts Software, Llc Macro/micro control user interface element
JP2014071733A (ja) * 2012-09-28 2014-04-21 Toshiba Corp 情報処理装置および動作制御方法
CN103077696B (zh) * 2013-01-15 2015-08-12 Opera软件股份公司 用于调节显示屏亮度的方法和设备以及显示***
KR20140121711A (ko) * 2013-04-08 2014-10-16 삼성전자주식회사 색 추출 기반의 영상 처리 방법, 상기 방법을 기록한 컴퓨터 판독 가능 저장매체 및 디지털 영상 장치
KR102183448B1 (ko) * 2013-04-26 2020-11-26 삼성전자주식회사 사용자 단말 장치 및 그 디스플레이 방법
USD755240S1 (en) 2013-06-09 2016-05-03 Apple Inc. Display screen or portion thereof with graphical user interface
WO2014210052A1 (en) * 2013-06-24 2014-12-31 Raminder Singh Computer enabled enterprise business monitoring system
US20150113470A1 (en) * 2013-10-18 2015-04-23 Cisco Technology, Inc. Adjustable progressive disclosure of structured data
USD758433S1 (en) * 2014-02-11 2016-06-07 Samsung Electronics Co., Ltd. Display screen or portion thereof with graphical user interface
US9665952B2 (en) * 2014-02-19 2017-05-30 Beijing Lenovo Software Ltd. Information processing method and electronic device
US9442646B2 (en) * 2014-03-26 2016-09-13 Onshape Inc. Numeric input control through a non-linear slider
US10782864B1 (en) * 2014-04-04 2020-09-22 Sprint Communications Company L.P. Two-axis slider graphical user interface system and method
US10535082B1 (en) 2014-04-22 2020-01-14 Sprint Communications Company L.P. Hybrid selection of target for advertisement campaign
US20150346959A1 (en) 2014-05-28 2015-12-03 Facebook, Inc. Systems and methods for providing responses to and drawings for media content
US10217438B2 (en) * 2014-05-30 2019-02-26 Apple Inc. User interface and method for directly setting display white point
USD771112S1 (en) * 2014-06-01 2016-11-08 Apple Inc. Display screen or portion thereof with graphical user interface
USD764511S1 (en) * 2014-06-30 2016-08-23 Samsung Electronics Co., Ltd. Display screen or portion thereof with animated graphical user interface
US9785323B2 (en) 2014-07-23 2017-10-10 Adobe Systems Incorporated Touch-based user interface control tiles
USD753696S1 (en) 2014-09-01 2016-04-12 Apple Inc. Display screen or portion thereof with graphical user interface
USD752623S1 (en) 2014-09-01 2016-03-29 Apple Inc. Display screen or portion thereof with graphical user interface
US20160092041A1 (en) * 2014-09-29 2016-03-31 Madesolid, Inc. System and method to facilitate material selection for a three dimensional printing object
JP1525112S (zh) * 2014-11-14 2015-06-01
USD786269S1 (en) 2014-11-24 2017-05-09 General Electric Company Display screen or portion thereof with transitional icon
FR3030092B1 (fr) * 2014-12-12 2018-01-05 Thales Procede de representation tridimensionnelle d'une scene
US20160224220A1 (en) * 2015-02-04 2016-08-04 Wipro Limited System and method for navigating between user interface screens
USD795886S1 (en) * 2015-03-09 2017-08-29 Uber Technologies, Inc. Display screen with graphical user interface
USD772911S1 (en) * 2015-04-29 2016-11-29 Adp, Llc Display screen with graphical user interface
USD775657S1 (en) * 2015-04-30 2017-01-03 Brillio LLC Display screen with animated graphical user interface
USD795917S1 (en) 2015-05-17 2017-08-29 Google Inc. Display screen with an animated graphical user interface
USD760746S1 (en) 2015-06-04 2016-07-05 Apple Inc. Display screen or portion thereof with animated graphical user interface
US10133443B2 (en) 2015-06-14 2018-11-20 Google Llc Systems and methods for smart home automation using a multifunction status and entry point icon
US9361011B1 (en) 2015-06-14 2016-06-07 Google Inc. Methods and systems for presenting multiple live video feeds in a user interface
USD812076S1 (en) * 2015-06-14 2018-03-06 Google Llc Display screen with graphical user interface for monitoring remote video camera
USD803241S1 (en) 2015-06-14 2017-11-21 Google Inc. Display screen with animated graphical user interface for an alert screen
CN106325647B (zh) * 2015-06-17 2019-10-18 华为技术有限公司 一种ui调整方法、装置和移动终端
AT517687B1 (de) * 2015-09-23 2017-04-15 Omicron Electronics Gmbh Prüfvorrichtung und Verfahren zum Steuern einer Prüfvorrichtung
CN105338695A (zh) * 2015-10-29 2016-02-17 苏州美达瑞电子有限公司 一种基于触控屏的自动化插座灯
USD798171S1 (en) 2015-12-08 2017-09-26 Exfo Inc. Module for use in a test instrument
CN107037901A (zh) * 2016-02-04 2017-08-11 中兴通讯股份有限公司 一种图像生成方法、终端和图形用户界面
US10203860B2 (en) 2016-03-18 2019-02-12 Ebay Inc. Graphical user interface element adjustment
JP6390657B2 (ja) * 2016-04-07 2018-09-19 トヨタ自動車株式会社 車両用表示装置
CN105912258B (zh) * 2016-04-13 2019-12-13 北京小米移动软件有限公司 操作处理方法及装置
USD819667S1 (en) * 2016-05-19 2018-06-05 Google Llc Display panel with animated graphical user interface
USD819648S1 (en) * 2016-05-19 2018-06-05 Google Llc Display panel with graphical user interface
USD819668S1 (en) * 2016-05-19 2018-06-05 Google Llc Display panel with animated graphical user interface
US9716825B1 (en) 2016-06-12 2017-07-25 Apple Inc. User interface for camera effects
USD882583S1 (en) 2016-07-12 2020-04-28 Google Llc Display screen with graphical user interface
US10170080B2 (en) 2016-09-06 2019-01-01 Apple Inc. Electronic device having ancillary display with color control
US10386999B2 (en) 2016-10-26 2019-08-20 Google Llc Timeline-video relationship presentation for alert events
USD843398S1 (en) 2016-10-26 2019-03-19 Google Llc Display screen with graphical user interface for a timeline-video relationship presentation for alert events
US11238290B2 (en) 2016-10-26 2022-02-01 Google Llc Timeline-video relationship processing for alert events
US10819921B2 (en) 2017-05-25 2020-10-27 Google Llc Camera assembly having a single-piece cover element
US10352496B2 (en) 2017-05-25 2019-07-16 Google Llc Stand assembly for an electronic device providing multiple degrees of freedom and built-in cables
US10972685B2 (en) 2017-05-25 2021-04-06 Google Llc Video camera assembly having an IR reflector
DK180859B1 (en) 2017-06-04 2022-05-23 Apple Inc USER INTERFACE CAMERA EFFECTS
USD828378S1 (en) * 2017-06-19 2018-09-11 Ricoh Company, Ltd. Display screen with graphical user interface
USD875751S1 (en) * 2017-08-22 2020-02-18 Samsung Electronics Co., Ltd. Display screen or portion thereof with transitional graphical user interface
USD843442S1 (en) 2017-09-10 2019-03-19 Apple Inc. Type font
US11722764B2 (en) 2018-05-07 2023-08-08 Apple Inc. Creative camera
JP1658238S (zh) * 2018-06-08 2020-04-27
KR102106509B1 (ko) * 2018-07-31 2020-05-04 삼성중공업 주식회사 3d 모델의 공간 클리핑 설정 장치 및 방법
JP2020042370A (ja) * 2018-09-06 2020-03-19 アイシン精機株式会社 表示制御装置
US11770601B2 (en) 2019-05-06 2023-09-26 Apple Inc. User interfaces for capturing and managing visual media
US11128792B2 (en) 2018-09-28 2021-09-21 Apple Inc. Capturing and displaying images with multiple focal planes
USD902221S1 (en) 2019-02-01 2020-11-17 Apple Inc. Electronic device with animated graphical user interface
USD900871S1 (en) 2019-02-04 2020-11-03 Apple Inc. Electronic device with animated graphical user interface
US11706521B2 (en) 2019-05-06 2023-07-18 Apple Inc. User interfaces for capturing and managing visual media
CN111130995B (zh) * 2019-12-16 2021-08-10 维沃移动通信有限公司 图像控制方法、电子设备及存储介质
DE102020203710A1 (de) 2020-03-23 2021-09-23 Lenze Se Verfahren zum Einstellen eines Parameterwerts eines Lagereglers und eines Parameterwerts eines Drehzahlreglers und elektrisches Antriebssystem
AU2021202282B2 (en) * 2020-04-21 2022-04-07 Canva Pty Ltd Systems and methods for applying effects to design elements
US20220101404A1 (en) * 2020-09-28 2022-03-31 Snap Inc. Selecting color values for augmented reality-based makeup
USD980861S1 (en) * 2020-12-24 2023-03-14 Samsung Electronics Co., Ltd. Display screen or portion thereof with transitional graphical user interface
US11778339B2 (en) 2021-04-30 2023-10-03 Apple Inc. User interfaces for altering visual media
US20220382440A1 (en) * 2021-06-01 2022-12-01 Apple Inc. User interfaces for managing media styles
CN113608658B (zh) * 2021-06-15 2024-01-02 南京统信软件技术有限公司 一种页面滑动控制方法及移动终端
US20230298234A1 (en) * 2022-02-03 2023-09-21 Home Depot Product Authority, Llc Digital image surface editing with user-selected color
USD1023052S1 (en) * 2022-07-27 2024-04-16 Inuit, Inc. Display screen or portion thereof with transitional graphical user interface
US20240036719A1 (en) * 2022-07-29 2024-02-01 GE Precision Healthcare LLC Method and system for multi-range slider user interface control of medical images

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6348936B1 (en) * 1998-05-28 2002-02-19 Sun Microsystems, Inc. Method and apparatus for graphical selection of data
US20090204913A1 (en) * 2008-02-11 2009-08-13 Apple Inc. User interfaces for managing image colors
CN101627361A (zh) * 2007-01-07 2010-01-13 苹果公司 用于解释触摸屏显示器上的手指姿态的便携式多功能设备、方法和图形用户界面

Family Cites Families (34)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6362829B1 (en) 1996-03-07 2002-03-26 Agfa Corporation Method for modifying a digital image
US6847373B1 (en) 1999-04-16 2005-01-25 Avid Technology, Inc. Natural color matching in a video editing system
US6850259B1 (en) * 2000-01-19 2005-02-01 Xerox Corporation Systems and methods for providing original document orientation, tone reproduction curves and task specific user instructions based on displayed portions of a graphical user interface
US7266241B2 (en) * 2000-04-07 2007-09-04 Avid Technology, Inc. Secondary color modification of a digital image
GB2363018B (en) 2000-04-07 2004-08-18 Discreet Logic Inc Processing image data
JP3813579B2 (ja) 2000-05-31 2006-08-23 シャープ株式会社 動画像編集装置、動画像編集プログラム、コンピュータ読み取り可能な記録媒体
JP3646931B2 (ja) 2001-08-29 2005-05-11 セイコーエプソン株式会社 イメージレタッチプログラム
US7123269B1 (en) 2002-06-21 2006-10-17 Adobe Systems Incorporated Modifying vector objects
JP4005470B2 (ja) * 2002-10-09 2007-11-07 オリンパス株式会社 情報処理装置及び情報処理プログラム
JP2004228734A (ja) 2003-01-21 2004-08-12 Nippon Telegr & Teleph Corp <Ntt> 動画像色補正装置
JP4684595B2 (ja) 2004-08-05 2011-05-18 ソニー株式会社 画像表示装置
US7593603B1 (en) 2004-11-30 2009-09-22 Adobe Systems Incorporated Multi-behavior image correction tool
US7814414B2 (en) 2005-09-09 2010-10-12 Microsoft Corporation Relative attributes of floating objects
JP4624234B2 (ja) * 2005-10-19 2011-02-02 富士フイルム株式会社 画像再生装置及び画像再生プログラム
JP4438741B2 (ja) 2005-11-30 2010-03-24 ソニー株式会社 色調整装置、印刷装置、画像処理装置、色調整方法、プログラム
JP2007228189A (ja) 2006-02-22 2007-09-06 Canon Inc 色テーブル編集装置、色テーブル編集方法、プログラムおよび記憶媒体
US7693341B2 (en) 2006-04-21 2010-04-06 Apple Inc. Workflows for color correcting images
US8004536B2 (en) 2006-12-01 2011-08-23 Adobe Systems Incorporated Coherent image selection and modification
US7954067B2 (en) 2007-03-16 2011-05-31 Apple Inc. Parameter setting superimposed upon an image
US8213711B2 (en) 2007-04-03 2012-07-03 Her Majesty The Queen In Right Of Canada As Represented By The Minister Of Industry, Through The Communications Research Centre Canada Method and graphical user interface for modifying depth maps
JP5188101B2 (ja) * 2007-06-01 2013-04-24 株式会社キーエンス 拡大観察装置、拡大画像撮影方法、拡大画像撮影プログラム及びコンピュータで読み取り可能な記録媒体
KR101397001B1 (ko) * 2007-09-03 2014-05-20 엘지전자 주식회사 통신 단말기 및 이것의 동작 제어 방법
US8144979B2 (en) 2008-04-18 2012-03-27 Sap France Automatic color contrast analyzer
US8401284B2 (en) 2008-05-28 2013-03-19 Apple Inc. Color correcting method and apparatus
JP2011018085A (ja) * 2008-06-19 2011-01-27 Panasonic Corp 情報処理装置
US8139080B2 (en) 2008-10-31 2012-03-20 Verizon Patent And Licensing Inc. User interface color scheme customization systems and methods
US8471781B2 (en) 2009-03-17 2013-06-25 Litera Technologies, LLC System and method for the auto-detection and presentation of pre-set configurations for multiple monitor layout display
US8135735B2 (en) * 2009-07-10 2012-03-13 Geodex, Llc Computerized system and method for tracking the geographic relevance of website listings and providing graphics and data regarding the same
US20110093890A1 (en) * 2009-10-21 2011-04-21 John Araki User control interface for interactive digital television
US8209632B2 (en) * 2010-01-26 2012-06-26 Apple Inc. Image mask interface
CN102918490B (zh) 2010-04-01 2014-07-23 思杰***有限公司 与在平板计算装置的虚拟桌面内显示的远程应用交互
US8468465B2 (en) 2010-08-09 2013-06-18 Apple Inc. Two-dimensional slider control
US20120210229A1 (en) 2011-02-16 2012-08-16 Andrew Bryant Color workflow
US8806339B2 (en) 2012-02-06 2014-08-12 Apple Inc. User interface control for media editing application

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6348936B1 (en) * 1998-05-28 2002-02-19 Sun Microsystems, Inc. Method and apparatus for graphical selection of data
CN101627361A (zh) * 2007-01-07 2010-01-13 苹果公司 用于解释触摸屏显示器上的手指姿态的便携式多功能设备、方法和图形用户界面
US20090204913A1 (en) * 2008-02-11 2009-08-13 Apple Inc. User interfaces for managing image colors

Cited By (14)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104615346B (zh) * 2013-11-04 2020-05-29 是德科技股份有限公司 用于调整数值的触摸屏幕控件
CN104615346A (zh) * 2013-11-04 2015-05-13 是德科技股份有限公司 用于调整数值的触摸屏幕控件
CN106462334A (zh) * 2014-06-01 2017-02-22 苹果公司 使用单个控件控制多个照片调整
CN105320424A (zh) * 2014-12-16 2016-02-10 维沃移动通信有限公司 一种移动终端的控制方法及移动终端
CN105320424B (zh) * 2014-12-16 2019-01-29 维沃移动通信有限公司 一种移动终端的控制方法及移动终端
CN106201267A (zh) * 2016-07-09 2016-12-07 王静 一种设置多参数的方法
US11029833B2 (en) 2018-03-01 2021-06-08 Netease (Hangzhou) Network Co., Ltd. Numerical value determination method, numerical value determination apparatus, electronic device and storage medium
WO2019165959A1 (zh) * 2018-03-01 2019-09-06 网易(杭州)网络有限公司 数值确定方法、数值确定装置、电子设备及存储介质
CN108874899A (zh) * 2018-05-23 2018-11-23 网易乐得科技有限公司 数据处理方法及装置、介质和计算设备
CN108874899B (zh) * 2018-05-23 2022-02-18 网易乐得科技有限公司 数据处理方法及装置、介质和计算设备
CN109542284A (zh) * 2018-11-15 2019-03-29 上海联影医疗科技有限公司 一种图像显示参数调节方法、装置、终端及存储介质
CN109542284B (zh) * 2018-11-15 2022-09-06 上海联影医疗科技股份有限公司 一种图像显示参数调节方法、装置、终端及存储介质
CN114237807A (zh) * 2018-11-20 2022-03-25 创新先进技术有限公司 一种关联控件交互方法和装置
CN114237807B (zh) * 2018-11-20 2024-06-11 创新先进技术有限公司 一种关联控件交互方法和装置

Also Published As

Publication number Publication date
WO2012021313A1 (en) 2012-02-16
CA2806577A1 (en) 2012-02-16
EP2603846A1 (en) 2013-06-19
US20130346897A1 (en) 2013-12-26
KR101470264B1 (ko) 2014-12-05
US8468465B2 (en) 2013-06-18
CN103069373B (zh) 2016-05-25
KR20130073942A (ko) 2013-07-03
US20120036480A1 (en) 2012-02-09
US9495087B2 (en) 2016-11-15

Similar Documents

Publication Publication Date Title
CN103069373A (zh) 二维滑块控件
US10846336B2 (en) Authoring tools for synthesizing hybrid slide-canvas presentations
US7770125B1 (en) Methods and apparatus for automatically grouping graphical constructs
CN101651804B (zh) 信息处理装置和方法
US9781309B2 (en) Editing media using composite bumps
USRE47592E1 (en) Managing user interface control panels
US4683468A (en) Method for manipulation of graphic sub-objects in an interactive draw graphic system
US20230237726A1 (en) Software with motion recording feature to simplify animation
CN104221359A (zh) 用于色彩片段的色彩调节器
CN106251322A (zh) 图像处理设备、图像处理方法和图像处理***
JP4349431B2 (ja) グラフ関数計算機およびその制御プログラム
CN114020394A (zh) 图像显示方法、装置及电子设备
JP2009032121A (ja) 色生成支援装置及び色生成支援プログラム
CN114063854A (zh) 文件编辑处理方法、装置和电子设备
Karim et al. Improving user experience of color palette extraction by using interactive visualization based on hierarchical color model
JP4089047B2 (ja) グラフ表示装置及びグラフ表示処理プログラムを記録した記録媒体
Hardman Build Mode UI
CN117111798A (zh) 显示方法及装置
JPH07182502A (ja) ビットマップイメージデータの縮小方式
JP2021082111A (ja) 情報処理システム、情報処理装置、および、プログラム
CN117032686A (zh) Ui编辑器、ui编辑方法、电子设备及计算机可读存储介质
Perutka Tips and tricks for programming in Matlab
JPH08278870A (ja) 情報表示装置および方法
MXPA98002014A (en) Method and systems for the handling of images of floor covers or other te
JPH01124022A (ja) 画像表示装置

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
C10 Entry into substantive examination
SE01 Entry into force of request for substantive examination
C14 Grant of patent or utility model
GR01 Patent grant