CN103268190A - 触屏电子设备基于ios操作***实现视图拖拽操作的方法 - Google Patents
触屏电子设备基于ios操作***实现视图拖拽操作的方法 Download PDFInfo
- Publication number
- CN103268190A CN103268190A CN2013102214388A CN201310221438A CN103268190A CN 103268190 A CN103268190 A CN 103268190A CN 2013102214388 A CN2013102214388 A CN 2013102214388A CN 201310221438 A CN201310221438 A CN 201310221438A CN 103268190 A CN103268190 A CN 103268190A
- Authority
- CN
- China
- Prior art keywords
- view
- user
- touch screen
- electronic equipment
- screen electronic
- 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.)
- Pending
Links
Images
Landscapes
- Position Input By Displaying (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本发明涉及一种触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其中包括***针对视图设置长按事件、***获得用户所操作的视图的坐标位置信息、***接收用户在触屏电子设备上的长按视图的操作信息进行视图放大和视图跟随处理操作、***进行视图框架变换移动处理、***进行视图位置判断及状态变换控制处理。采用该种触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,完美的给用户添加了新的乐趣,使得用户更愿意尝试新的人机交互,可以让用户与自己想收藏的视图进行互动,增加了操作视图的趣味性,将收藏或者删除视图变得直观明了,处理过程简单方便,工作性能稳定可靠,适用范围较为广泛。
Description
技术领域
本发明涉及触屏电子设备领域,特别涉及触屏电子设备IOS操作***应用技术领域,具体是指一种触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法。
背景技术
随着IOS操作***中的应用程序开发越来越流行,已经能够写出各种各样的IOS交互程序。
但是,再现有技术中,IOS软件均没有拖拽的手势功能,这样就使得用户的体验大打折扣,常规的通过点击一个按钮实现收藏或者删错的操作使用户感到无趣,同时这样的缺憾也使得用户操作过程繁琐不便,特别对于移动环境而言这种问题更加突出。
发明内容
本发明的目的是克服了上述现有技术中的缺点,提供一种能够解决传统的操作无趣单调的问题、增加软件的趣味性、处理过程简单方便、工作性能稳定可靠、适用范围较为广泛的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法。
为了实现上述的目的,本发明的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法如下:
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其主要特点是,所述的方法包括以下步骤:
(1)***根据用户的操作,针对视图设置长按事件;
(2)***获得用户所操作的视图的坐标位置信息;
(3)***接收用户在触屏电子设备上的长按视图的操作信息,进行视图放大和视图跟随处理操作;
(4)***根据用户的手指移动操作信息,进行视图框架变换移动处理;
(5)***根据用户的手指移动终止操作,进行视图位置判断及状态变换控制处理。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的针对视图设置长按事件,包括以下步骤:
(11)***根据用户的操作,为每个视图构建长按操作动作识别类;
(12)***根据用户的操作,构建相应的长按操作动作识别类中的获得长按操作动作识别器实例的静态方法。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的进行视图放大和视图跟随处理操作,包括以下步骤:
(31)***根据用户的长按视图的操作信息,触发操作动作识别器状态开始事件;
(32)将用户所操作的视图进行放大显示处理;
(33)将用户所操作的视图加入到用户界面窗口UIWindow视图上。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的获得用户所操作的视图的坐标位置信息,包括以下步骤:
(21)***遍历用户所操作的视图的父视图;
(22)将该视图的所有父视图的X轴坐标值相加,得到该视图的X轴坐标值,并将该视图的所有父视图的Y轴坐标值相加,得到该视图的Y轴坐标值。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的进行视图框架变换移动处理,包括以下步骤:
(41)***根据用户的手指移动操作信息,触发操作动作识别器状态变化事件;
(42)改变用户所进行移动操作的视图的框架frame;
(43)实时判断用户所进行移动操作的视图是否已经移动到预先设定好的区域中。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的进行视图位置判断及状态变换控制处理,包括以下步骤:
(51)***根据用户的手指移动终止操作信息,触发操作动作识别器状态终止事件;
(52)实时判断用户所操作的视图是否已经移动到预先设定好的区域中;
(53)如果是,则改变视图的状态,将该视图加入到收藏夹中;
(54)如果否,则不改变视图的状态,并将该视图返回原始位置。
该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法中的预先设定好的区域为触屏电子设备小人显示界面中的卡通人物所在的框架frame。
采用了该发明的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,由于其中通过构建长按事件,***能够根据用户的长按操作对视图进行对应的拖拽操作处理,从而实现了常用的收藏与删除功能,完美的给用户添加了新的乐趣,使得用户更愿意尝试新的人机交互,用户能够与他想操作的视图进行互动,增加了软件的趣味性,可以让用户与自己想收藏的视图进行互动,增加了操作视图的趣味性,将收藏或者删除视图变得直观明了,处理过程简单方便,工作性能稳定可靠,适用范围较为广泛。
附图说明
图1为本发明的触屏电子设备基于IOS操作***实现视图拖拽操作的方法的操作过程示意图。
图2(a)、(b)、(c)为利用本发明的触屏电子设备基于IOS操作***实现视图拖拽操作的方法的界面效果示意图。
具体实施方式
为了能够更清楚地理解本发明的技术内容,特举以下实施例详细说明。
请参阅图1所示,该触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其中包括以下步骤:
(1)***根据用户的操作,针对视图设置长按事件,包括以下步骤:
(a)***根据用户的操作,为每个视图构建长按操作动作识别类;
(b)***根据用户的操作,构建相应的长按操作动作识别类中的获得长按操作动作识别器实例的静态方法;
(2)***获得用户所操作的视图的坐标位置信息,包括以下步骤:
(a)***遍历用户所操作的视图的父视图;
(b)将该视图的所有父视图的X轴坐标值相加,得到该视图的X轴坐标值,并将该视图的所有父视图的Y轴坐标值相加,得到该视图的Y轴坐标值;
(3)***接收用户在触屏电子设备上的长按视图的操作信息,进行视图放大和视图跟随处理操作,包括以下步骤:
(a)***根据用户的长按视图的操作信息,触发操作动作识别器状态开始事件;
(b)将用户所操作的视图进行放大显示处理;
(c)将用户所操作的视图加入到用户界面窗口UIWindow视图上;
(4)***根据用户的手指移动操作信息,进行视图框架变换移动处理,包括以下步骤:
(a)***根据用户的手指移动操作信息,触发操作动作识别器状态变化事件;
(b)改变用户所进行移动操作的视图的框架frame;
(c)实时判断用户所进行移动操作的视图是否已经移动到预先设定好的区域中;
(5)***根据用户的手指移动终止操作,进行视图位置判断及状态变换控制处理,包括以下步骤:
(a)***根据用户的手指移动终止操作信息,触发操作动作识别器状态终止事件;
(b)实时判断用户所操作的视图是否已经移动到预先设定好的区域中;
(c)如果是,则改变视图的状态,将该视图加入到收藏夹中;
(d)如果否,则不改变视图的状态,并将该视图返回原始位置。
其中,所述的预先设定好的区域为触屏电子设备小人显示界面中的卡通人物所在的框架frame。
在实际使用当中,本发明的该手势就是给用户加入新的操作手势,解决传统的通过点击一个按钮实现收藏或者删错的无趣操作。用户使用拖拽手势后,用户就能与他想操作的视图进行互动,这样就增加了软件的趣味性。
实现本发明的用户拖拽视图进行交互的操作,有如下几点:
(1)需要给视图加一个长按事件;
(2)需要获得用户操作的视图的坐标;
(3)当用户长按视图时,就会触发UIGestureRecognizerStateBegan事件,在这个事件里面做了2个操作,第一个操作是将用户操作的视图放大,第二个操作就是将用户操作的视图加入到UIWindow视图上,将视图加入到UIWindow上后,就可以让视图跟着用户的手指走了;
(4)当用户移动手指时,会触发UIGestureRecognizerStateChanged事件,在这个事件中也做了2个操作,第一个操作是改变用户移动视图的frame,第二个操作就是判断用户视图的视图是否移动到指定的区域,这里指定的区域就是小人显示在界面上的frame;
(5)当用户移动视图操作结束时,会触发UIGestureRecognizerStateEnded事件或者UIGestureRecognizerStateCancelled事件,在这几个事件中也会做2个操作,第一个操作是判断用户是否已经将视图移动到了指定的区域中,第二个操作改变视图的状态(这里的状态是指,是否将视图加入到收藏夹,还是将视图放到原位)。
在实际使用当中,本发明中的将托拽效果具体实现方式按如下步骤列举:
1、给视图加一个长按事件,给视图加长按事件方法如下:
(1)定义一个类叫SFLongPressGestureRecognizer,其中继承了UILongPressGestureRecognizer;
(2)在该类中定义了一个静态方法,方法名叫recognizer,通过该方法可以获得一个SFLongPressGestureRecognizer对象。该方法具体实现如下:
(3)通过如上定义就可以给每一个视图加一个长按事件。
2、获得用户操作的视图的坐标
(1)定义了一个方法,名称是-(CGRect)getTranformFrame:(UIView*)view,view就是用户操作的视图,CGRect就是该视图的坐标;
(2)该方法是遍历用户操作的视图的父视图,将所有的父视图的x轴坐标和y轴坐标相加,即可获得该视图的坐标。具体代码实现如下:
3、当用户长按视图时,就会触发UIGestureRecognizerStateBegan事件,在这个事件里面做了2个操作,第一个操作是将用户操作的视图放大,第二个操作就是将用户操作的视图加入到UIWindow视图上,将视图加入到UIWindow上后,就可以让视图跟着用户的手指走了。
(1)将视图变大的代码如下:
(2)将视图加入到UIWindow的代码
[[[UIApplication sharedApplication].delegate window]addSubview:dragView];
4、当用户移动手指时,会触发UIGestureRecognizerStateChanged事件,在这个事件中也做了2个操作,第一个操作是改变用户移动视图的frame,第二个操作就是判断用户视图的视图是否移动到指定的区域,这里指定的区域就是小人显示在界面上的frame。
(1)改变视图frame代码如下:
(2)判断视图是否移动到指定的区域
5、当用户移动视图操作结束时,会触发UIGestureRecognizerStateEnded事件或者UIGestureRecognizerStateCancelled事件,在这几个事件中也会做2个操作,第一个操作是判断用户是否已经将视图移动到了指定的区域中,第二个操作改变视图的状态(这里的状态是指,是否将视图加入到收藏夹,还是将视图放到原位)。
(1)判断视图是否移动到指定的区域:
(2)改变视图的状态
a、将视图进行收藏
b、将视图放回原位
采用了上述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,由于其中通过构建长按事件,***能够根据用户的长按操作对视图进行对应的拖拽操作处理,从而实现了常用的收藏与删除功能,完美的给用户添加了新的乐趣,使得用户更愿意尝试新的人机交互,用户能够与他想操作的视图进行互动,增加了软件的趣味性,可以让用户与自己想收藏的视图进行互动,增加了操作视图的趣味性,将收藏或者删除视图变得直观明了,处理过程简单方便,工作性能稳定可靠,适用范围较为广泛。
在此说明书中,本发明已参照其特定的实施例作了描述。但是,很显然仍可以作出各种修改和变换而不背离本发明的精神和范围。因此,说明书和附图应被认为是说明性的而非限制性的。
Claims (7)
1.一种触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的方法包括以下步骤:
(1)***根据用户的操作,针对视图设置长按事件;
(2)***获得用户所操作的视图的坐标位置信息;
(3)***接收用户在触屏电子设备上的长按视图的操作信息,进行视图放大和视图跟随处理操作;
(4)***根据用户的手指移动操作信息,进行视图框架变换移动处理;
(5)***根据用户的手指移动终止操作,进行视图位置判断及状态变换控制处理。
2.根据权利要求1所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的针对视图设置长按事件,包括以下步骤:
(11)***根据用户的操作,为每个视图构建长按操作动作识别类;
(12)***根据用户的操作,构建相应的长按操作动作识别类中的获得长按操作动作识别器实例的静态方法。
3.根据权利要求2所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的进行视图放大和视图跟随处理操作,包括以下步骤:
(31)***根据用户的长按视图的操作信息,触发操作动作识别器状态开始事件;
(32)将用户所操作的视图进行放大显示处理;
(33)将用户所操作的视图加入到用户界面窗口UIWindow视图上。
4.根据权利要求1所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的获得用户所操作的视图的坐标位置信息,包括以下步骤:
(21)***遍历用户所操作的视图的父视图;
(22)将该视图的所有父视图的X轴坐标值相加,得到该视图的X轴坐标值,并将该视图的所有父视图的Y轴坐标值相加,得到该视图的Y轴坐标值。
5.根据权利要求1所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的进行视图框架变换移动处理,包括以下步骤:
(41)***根据用户的手指移动操作信息,触发操作动作识别器状态变化事件;
(42)改变用户所进行移动操作的视图的框架frame;
(43)实时判断用户所进行移动操作的视图是否已经移动到预先设定好的区域中。
6.根据权利要求1所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的进行视图位置判断及状态变换控制处理,包括以下步骤:
(51)***根据用户的手指移动终止操作信息,触发操作动作识别器状态终止事件;
(52)实时判断用户所操作的视图是否已经移动到预先设定好的区域中;
(53)如果是,则改变视图的状态,将该视图加入到收藏夹中;
(54)如果否,则不改变视图的状态,并将该视图返回原始位置。
7.根据权利要求5或6所述的触屏电子设备上基于IOS操作***实现视图拖拽操作控制的方法,其特征在于,所述的预先设定好的区域为触屏电子设备小人显示界面中的卡通人物所在的框架frame。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013102214388A CN103268190A (zh) | 2013-06-05 | 2013-06-05 | 触屏电子设备基于ios操作***实现视图拖拽操作的方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN2013102214388A CN103268190A (zh) | 2013-06-05 | 2013-06-05 | 触屏电子设备基于ios操作***实现视图拖拽操作的方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103268190A true CN103268190A (zh) | 2013-08-28 |
Family
ID=49011825
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2013102214388A Pending CN103268190A (zh) | 2013-06-05 | 2013-06-05 | 触屏电子设备基于ios操作***实现视图拖拽操作的方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103268190A (zh) |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109595A (zh) * | 2019-04-30 | 2019-08-09 | 努比亚技术有限公司 | 一种显示控制方法、可穿戴设备及计算机可读存储介质 |
CN110865744A (zh) * | 2019-09-30 | 2020-03-06 | 华为技术有限公司 | 一种分屏显示方法与电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101627359A (zh) * | 2007-01-07 | 2010-01-13 | 苹果公司 | 用于在触摸屏上移动列表项目的***和方法 |
EP2383636A1 (en) * | 2010-04-29 | 2011-11-02 | Acer Incorporated | Screen unlocking method and electronic apparatus thereof |
CN102306084A (zh) * | 2011-09-21 | 2012-01-04 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序的管理方法和装置 |
CN102946462A (zh) * | 2012-11-01 | 2013-02-27 | 惠州Tcl移动通信有限公司 | 一种基于手机的联系人信息分组处理方法及手机 |
-
2013
- 2013-06-05 CN CN2013102214388A patent/CN103268190A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101627359A (zh) * | 2007-01-07 | 2010-01-13 | 苹果公司 | 用于在触摸屏上移动列表项目的***和方法 |
EP2383636A1 (en) * | 2010-04-29 | 2011-11-02 | Acer Incorporated | Screen unlocking method and electronic apparatus thereof |
CN102306084A (zh) * | 2011-09-21 | 2012-01-04 | 宇龙计算机通信科技(深圳)有限公司 | 应用程序的管理方法和装置 |
CN102946462A (zh) * | 2012-11-01 | 2013-02-27 | 惠州Tcl移动通信有限公司 | 一种基于手机的联系人信息分组处理方法及手机 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110109595A (zh) * | 2019-04-30 | 2019-08-09 | 努比亚技术有限公司 | 一种显示控制方法、可穿戴设备及计算机可读存储介质 |
CN110109595B (zh) * | 2019-04-30 | 2021-08-24 | 努比亚技术有限公司 | 一种显示控制方法、可穿戴设备及计算机可读存储介质 |
CN110865744A (zh) * | 2019-09-30 | 2020-03-06 | 华为技术有限公司 | 一种分屏显示方法与电子设备 |
CN110865744B (zh) * | 2019-09-30 | 2021-12-14 | 华为技术有限公司 | 一种分屏显示方法与电子设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8990732B2 (en) | Value interval selection on multi-touch devices | |
KR101458289B1 (ko) | 윈도우 오브젝트 관성 이동 방법 및 실현 장치 | |
US20130212541A1 (en) | Method, a device and a system for receiving user input | |
US10234953B1 (en) | Cross-device interaction through user-demonstrated gestures | |
CN103455496B (zh) | 一种基于浏览器的交互方法及设备 | |
CN103197885B (zh) | 移动终端的操控方法及其移动终端 | |
CN103440033B (zh) | 一种基于徒手和单目摄像头实现人机交互的方法和装置 | |
CN102789312B (zh) | 一种用户交互***和方法 | |
CN104238949A (zh) | 一种分屏显示方法和装置 | |
JP6093432B2 (ja) | ウェブ・ページ・アプリケーション制御 | |
CN103064625B (zh) | 基于多点触控屏的对象选择方法和*** | |
CN106272409A (zh) | 基于手势识别的机械臂控制方法及*** | |
CN103870156A (zh) | 一种处理对象的方法及装置 | |
WO2017012378A1 (zh) | 用于操作电脑的***、穿戴设备及其操作电脑的方法 | |
CN102968245B (zh) | 鼠标触摸协同控制方法、装置及智能电视交互方法、*** | |
JP2014514674A (ja) | アイテム表示制御方法及び装置 | |
CN104317390A (zh) | 一种基于移动终端虚拟机多手势替代鼠标操作方法及*** | |
CN103019426A (zh) | 触摸终端中的交互方法及装置 | |
CN105589636A (zh) | 用于在触摸屏上实现虚拟指针控制的方法和移动终端 | |
EP3204843B1 (en) | Multiple stage user interface | |
CN102467237A (zh) | 一种由非接触式手势动作实现鼠标功能的装置及其方法 | |
CN104142736B (zh) | 视频监控设备控制方法和装置 | |
CN103268190A (zh) | 触屏电子设备基于ios操作***实现视图拖拽操作的方法 | |
CN107909633B (zh) | 虚拟鼠标绘图工具及绘图方法 | |
CN105975285B (zh) | 一种悬浮窗的控制方法及装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C02 | Deemed withdrawal of patent application after publication (patent law 2001) | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20130828 |