CN103268190A - 触屏电子设备基于ios操作系统实现视图拖拽操作的方法 - Google Patents

触屏电子设备基于ios操作系统实现视图拖拽操作的方法 Download PDF

Info

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
Application number
CN2013102214388A
Other languages
English (en)
Inventor
冯帆
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.)
Four Eyes Information Technology (shanghai) Co Ltd
Original Assignee
Four Eyes Information Technology (shanghai) Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Four Eyes Information Technology (shanghai) Co Ltd filed Critical Four Eyes Information Technology (shanghai) Co Ltd
Priority to CN2013102214388A priority Critical patent/CN103268190A/zh
Publication of CN103268190A publication Critical patent/CN103268190A/zh
Pending legal-status Critical Current

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操作系统实现视图拖拽操作控制的方法如下：
该触屏电子设备上基于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对象。该方法具体实现如下：
Figure BDA00003304151400051
（3）通过如上定义就可以给每一个视图加一个长按事件。
2、获得用户操作的视图的坐标
（1）定义了一个方法，名称是-(CGRect)getTranformFrame:(UIView*)view，view就是用户操作的视图，CGRect就是该视图的坐标；
（2）该方法是遍历用户操作的视图的父视图，将所有的父视图的x轴坐标和y轴坐标相加，即可获得该视图的坐标。具体代码实现如下：
Figure BDA00003304151400052
3、当用户长按视图时，就会触发UIGestureRecognizerStateBegan事件，在这个事件里面做了2个操作，第一个操作是将用户操作的视图放大，第二个操作就是将用户操作的视图加入到UIWindow视图上，将视图加入到UIWindow上后，就可以让视图跟着用户的手指走了。
（1）将视图变大的代码如下：
Figure BDA00003304151400053
（2）将视图加入到UIWindow的代码
[[[UIApplication sharedApplication].delegate window]addSubview:dragView];
4、当用户移动手指时，会触发UIGestureRecognizerStateChanged事件，在这个事件中也做了2个操作，第一个操作是改变用户移动视图的frame，第二个操作就是判断用户视图的视图是否移动到指定的区域，这里指定的区域就是小人显示在界面上的frame。
（1）改变视图frame代码如下：
Figure BDA00003304151400061
（2）判断视图是否移动到指定的区域
Figure BDA00003304151400062
5、当用户移动视图操作结束时，会触发UIGestureRecognizerStateEnded事件或者UIGestureRecognizerStateCancelled事件，在这几个事件中也会做2个操作，第一个操作是判断用户是否已经将视图移动到了指定的区域中，第二个操作改变视图的状态(这里的状态是指，是否将视图加入到收藏夹，还是将视图放到原位)。
（1）判断视图是否移动到指定的区域：
Figure BDA00003304151400063
（2）改变视图的状态
a、将视图进行收藏
Figure BDA00003304151400071
b、将视图放回原位
Figure BDA00003304151400072
采用了上述的触屏电子设备上基于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。
CN2013102214388A 2013-06-05 2013-06-05 触屏电子设备基于ios操作系统实现视图拖拽操作的方法 Pending CN103268190A (zh)

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)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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移动通信有限公司 一种基于手机的联系人信息分组处理方法及手机

Patent Citations (4)

* Cited by examiner, † Cited by third party
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)

* Cited by examiner, † Cited by third party
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
CN104571852B (zh) 图标的移动方法及装置
KR101458289B1 (ko) 윈도우 오브젝트 관성 이동 방법 및 실현 장치
KR100687737B1 (ko) 양손 제스쳐에 기반한 가상 마우스 장치 및 방법
US20130212541A1 (en) Method, a device and a system for receiving user input
US10234953B1 (en) Cross-device interaction through user-demonstrated gestures
CN103197885B (zh) 移动终端的操控方法及其移动终端
CN103440033B (zh) 一种基于徒手和单目摄像头实现人机交互的方法和装置
CN104238949A (zh) 一种分屏显示方法和装置
KR102099995B1 (ko) 웹 페이지 애플리케이션 제어 기법
CN103064625B (zh) 基于多点触控屏的对象选择方法和系统
CN103870156A (zh) 一种处理对象的方法及装置
WO2017012378A1 (zh) 用于操作电脑的系统、穿戴设备及其操作电脑的方法
JP2014514674A (ja) アイテム表示制御方法及び装置
CN106272409A (zh) 基于手势识别的机械臂控制方法及系统
CN104317390A (zh) 一种基于移动终端虚拟机多手势替代鼠标操作方法及系统
CN103744683A (zh) 一种信息融合方法和装置
CN103019426A (zh) 触摸终端中的交互方法及装置
CN105589636A (zh) 用于在触摸屏上实现虚拟指针控制的方法和移动终端
EP3204843B1 (en) Multiple stage user interface
CN104142736B (zh) 视频监控设备控制方法和装置
CN103268190A (zh) 触屏电子设备基于ios操作系统实现视图拖拽操作的方法
CN105373329A (zh) 显示器与展台的交互方法及系统
CN104346095B (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