CN109725963A - 一种非矩形视图的实现方法、终端及计算机可读存储介质 - Google Patents

一种非矩形视图的实现方法、终端及计算机可读存储介质 Download PDF

Info

Publication number
CN109725963A
CN109725963A CN201811400683.4A CN201811400683A CN109725963A CN 109725963 A CN109725963 A CN 109725963A CN 201811400683 A CN201811400683 A CN 201811400683A CN 109725963 A CN109725963 A CN 109725963A
Authority
CN
China
Prior art keywords
rectangle
view
location information
touch event
rectangle view
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
CN201811400683.4A
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.)
Nubia Technology Co Ltd
Original Assignee
Nubia Technology 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 Nubia Technology Co Ltd filed Critical Nubia Technology Co Ltd
Priority to CN201811400683.4A priority Critical patent/CN109725963A/zh
Publication of CN109725963A publication Critical patent/CN109725963A/zh
Pending legal-status Critical Current

Links

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例提供一种非矩形视图的实现方法、终端及计算机可读存储介质,该方法包括:构建完整包含预设的非矩形视图的矩形,并基于非矩形视图的位置信息所计算的矩形的位置信息来对非矩形视图进行可视化布局,并在检测到触摸事件时,基于重写的触摸事件处理方法确定触摸事件的位置信息;在根据触摸事件的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内时,对触摸事件进行响应。本发明实施例对触摸事件进行响应,实现了非矩形视图的功能,保证了视图样式的可定制性,增加了页面布局的视觉效果。

Description

一种非矩形视图的实现方法、终端及计算机可读存储介质
技术领域
本发明涉及智能终端技术领域,更具体地说,涉及一种非矩形视图的实现方法、终端及计算机可读存储介质。
背景技术
随着终端技术的不断发展,智能终端在社会生活中的普及率越来越高,用户在日常生活中使用智能终端的频率也越来越高,应用了各种新技术的智能终端也应运而生,使得智能终端成为了人们不可缺少的重要工具。
由于运行在终端上的应用程序越来越多,应用程序在终端上的用户界面(UI,UserInterface)对其使用起着至关重要的作用,优秀的UI设计能让应用程序的操作变得舒适简单,以及起到更好的视觉效果。目前终端界面上的视图View均默认为矩形,并通过(left,top,right,bottom)四个坐标来限定View区域,由于矩形View所带来的视觉效果比较平淡,功能实现逻辑较为单一,在不断增长的用户使用需求之下,现有的矩形View解决方案体现出了较大的局限,用户体验不高。
发明内容
本发明要解决的技术问题在于现有技术中终端界面上的View均默认为矩形,所导致的视觉效果比较平淡,功能实现逻辑较为单一,针对该技术问题,提供一种非矩形视图的实现方法、终端及计算机可读存储介质。
为解决上述技术问题,本发明提供一种非矩形视图的实现方法,该非矩形视图的实现方法包括:
构建完整包含预设的非矩形视图的矩形,并基于非矩形视图的位置信息,计算矩形的位置信息;
根据矩形的位置信息对非矩形视图进行可视化布局,并进行触摸事件处理方法的重写而得到非矩形视图的目标触摸事件处理方法;
在检测到触摸事件时,基于目标触摸事件处理方法确定触摸事件的落点的位置信息;
在根据触摸事件的落点的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内时,对触摸事件进行响应。
可选的,构建完整包含预设的非矩形视图的矩形包括:
构建恰好完整包含预设的非矩形视图的最小外接矩形。
可选的,基于非矩形视图的位置信息,计算矩形的位置信息包括:
基于非矩形视图的位置信息,计算矩形的顶边、左边、右边、底边分别相对于非矩形视图的父级容器对应边的距离,而得到矩形的位置信息。
可选的,根据矩形的位置信息对非矩形视图进行可视化布局包括:
根据矩形的位置信息构造矩形对象;
将非矩形视图可视化填充到矩形对象中,并将矩形对象除非矩形视图之外的区域进行透明填充处理。
可选的,触摸事件处理方法包括:onTouchEvent和/或onTouch方法。
可选的,在相邻的分别完整包含有不同非矩形视图的矩形之间的位置信息发生重叠时,基于非矩形视图的位置信息,计算矩形的位置信息包括:
基于不同非矩形视图各自的位置信息确定相邻矩形之间的重叠区域大小;
根据重叠区域大小分别计算相邻矩形中各矩形的位置信息。
可选的,根据触摸事件的落点的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内包括:
将触摸事件的落点的位置信息与非矩形视图的位置信息进行匹配;
在输出有匹配结果时,确定触摸事件发生在非矩形视图的布局区域内。
可选的,根据触摸事件的落点的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内包括:
根据触摸事件的落点的位置信息与非矩形视图上预设的参考点的位置信息,确定触摸事件与参考点之间的距离;
当触摸事件与参考点之间的距离处于预设的距离范围内时,确定触摸事件发生在非矩形视图的布局区域内。
进一步地,本发明还提供了一种终端,该终端包括处理器、存储器、通信总线;
通信总线用于实现处理器、存储器之间的连接通信;
处理器用于执行存储器中存储的一个或者多个程序,以实现上述的非矩形视图的实现方法的步骤。
进一步地,本发明还提供了一种计算机可读存储介质,该计算机可读存储介质存储有一个或者多个程序,一个或者多个程序可被一个或者多个处理器执行,以实现上述的非矩形视图的实现方法的步骤。
有益效果
本发明提供一种非矩形视图的实现方法、终端及计算机可读存储介质,针对现有技术中终端界面上的View均默认为矩形,所导致的视觉效果比较平淡,功能实现逻辑较为单一的缺陷,该非矩形视图的实现方法包括:构建完整包含预设的非矩形视图的矩形,并基于非矩形视图的位置信息,计算矩形的位置信息;根据矩形的位置信息对非矩形视图进行可视化布局,并进行触摸事件处理方法的重写而得到非矩形视图的目标触摸事件处理方法;在检测到触摸事件时,基于目标触摸事件处理方法确定触摸事件的位置信息;在根据触摸事件的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内时,对触摸事件进行响应。通过完整包含有非矩形视图的矩形的位置信息来对非矩形视图进行可视化布局,并基于重写的触摸事件处理方法来确定触摸事件的位置信息,在根据触摸事件位置信息与非矩形视图位置信息确定触摸事件落入非矩形视图时,对触摸事件进行响应,实现了非矩形视图的功能,保证了视图样式的可定制性,增加了页面布局的视觉效果,提升了用户使用体验。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1为实现本发明各个实施例一个可选的移动终端的硬件结构示意图;
图2为如图1所示的移动终端的无线通信系统示意图;
图3为本发明第一实施例提供的非矩形视图的实现方法的基本流程图;
图4为本发明第一实施例提供的矩形视图的界面示意图;
图5为本发明第一实施例提供的矩形构建示意图;
图6为本发明第二实施例提供的非矩形视图的实现方法的细化流程图;
图7为本发明第三实施例提供的终端的结构示意图。
具体实施方式
应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明,其本身没有特定的意义。因此,“模块”、“部件”或“单元”可以混合地使用。
终端可以以各种形式来实施。例如,本发明中描述的终端可以包括诸如手机、平板电脑、笔记本电脑、掌上电脑、个人数字助理(Personal Digital Assistant,PDA)、便捷式媒体播放器(Portable Media Player,PMP)、导航装置、可穿戴设备、智能手环、计步器等移动终端,以及诸如数字TV、台式计算机等固定终端。
后续描述中将以移动终端为例进行说明,本领域技术人员将理解的是,除了特别用于移动目的的元件之外,根据本发明的实施方式的构造也能够应用于固定类型的终端。
请参阅图1,其为实现本发明各个实施例的一种移动终端的硬件结构示意图,该移动终端100可以包括:RF(Radio Frequency,射频)单元101、WiFi模块102、音频输出单元103、A/V(音频/视频)输入单元104、传感器105、显示单元106、用户输入单元107、接口单元108、存储器109、处理器110、以及电源111等部件。本领域技术人员可以理解,图1中示出的移动终端结构并不构成对移动终端的限定,移动终端可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件布置。
下面结合图1对移动终端的各个部件进行具体的介绍:
射频单元101可用于收发信息或通话过程中,信号的接收和发送,具体的,将基站的下行信息接收后,给处理器110处理;另外,将上行的数据发送给基站。通常,射频单元101包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器、双工器等。此外,射频单元101还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议,包括但不限于GSM(Global System of Mobile communication,全球移动通讯系统)、GPRS(General Packet Radio Service,通用分组无线服务)、CDMA2000(CodeDivision Multiple Access 2000,码分多址2000)、WCDMA(Wideband Code DivisionMultiple Access,宽带码分多址)、TD-SCDMA(Time Division-Synchronous CodeDivision Multiple Access,时分同步码分多址)、FDD-LTE(Frequency DivisionDuplexing-Long Term Evolution,频分双工长期演进)和TDD-LTE(Time DivisionDuplexing-Long Term Evolution,分时双工长期演进)等。
WiFi属于短距离无线传输技术,移动终端通过WiFi模块102可以帮助用户收发电子邮件、浏览网页和访问流式媒体等,它为用户提供了无线的宽带互联网访问。虽然图1示出了WiFi模块102,但是可以理解的是,其并不属于移动终端的必须构成,完全可以根据需要在不改变发明的本质的范围内而省略。
音频输出单元103可以在移动终端100处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时,将射频单元101或WiFi模块102接收的或者在存储器109中存储的音频数据转换成音频信号并且输出为声音。而且,音频输出单元103还可以提供与移动终端100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出单元103可以包括扬声器、蜂鸣器等等。
A/V输入单元104用于接收音频或视频信号。A/V输入单元104可以包括图形处理器(Graphics Processing Unit,GPU)1041和麦克风1042,图形处理器1041对在视频捕获模式或图像捕获模式中由图像捕获装置(如摄像头)获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元106上。经图形处理器1041处理后的图像帧可以存储在存储器109(或其它存储介质)中或者经由射频单元101或WiFi模块102进行发送。麦克风1042可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风1042接收声音(音频数据),并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由射频单元101发送到移动通信基站的格式输出。麦克风1042可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。
移动终端100还包括至少一种传感器105,比如光传感器、运动传感器以及其他传感器。具体地,光传感器包括环境光传感器及接近传感器,其中,环境光传感器可根据环境光线的明暗来调节显示面板1061的亮度,接近传感器可在移动终端100移动到耳边时,关闭显示面板1061和/或背光。作为运动传感器的一种,加速计传感器可检测各个方向上(一般为三轴)加速度的大小,静止时可检测出重力的大小及方向,可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等;至于手机还可配置的指纹传感器、压力传感器、虹膜传感器、分子传感器、陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器,在此不再赘述。
显示单元106用于显示由用户输入的信息或提供给用户的信息。显示单元106可包括显示面板1061,可以采用液晶显示器(Liquid Crystal Display,LCD)、有机发光二极管(Organic Light-Emitting Diode,OLED)等形式来配置显示面板1061。
用户输入单元107可用于接收输入的数字或字符信息,以及产生与移动终端的用户设置以及功能控制有关的键信号输入。具体地,用户输入单元107可包括触控面板1071以及其他输入设备1072。触控面板1071,也称为触摸屏,可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板1071上或在触控面板1071附近的操作),并根据预先设定的程式驱动相应的连接装置。触控面板1071可包括触摸检测装置和触摸控制器两个部分。其中,触摸检测装置检测用户的触摸方位,并检测触摸操作带来的信号,将信号传送给触摸控制器;触摸控制器从触摸检测装置上接收触摸信息,并将它转换成触点坐标,再送给处理器110,并能接收处理器110发来的命令并加以执行。此外,可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触控面板1071。除了触控面板1071,用户输入单元107还可以包括其他输入设备1072。具体地,其他输入设备1072可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种,具体此处不做限定。
进一步的,触控面板1071可覆盖显示面板1061,当触控面板1071检测到在其上或附近的触摸操作后,传送给处理器110以确定触摸事件的类型,随后处理器110根据触摸事件的类型在显示面板1061上提供相应的视觉输出。虽然在图1中,触控面板1071与显示面板1061是作为两个独立的部件来实现移动终端的输入和输出功能,但是在某些实施例中,可以将触控面板1071与显示面板1061集成而实现移动终端的输入和输出功能,具体此处不做限定。
接口单元108用作至少一个外部装置与移动终端100连接可以通过的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。接口单元108可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端100和外部装置之间传输数据。
存储器109可用于存储软件程序以及各种数据。存储器109可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等;存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外,存储器109可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。
处理器110是移动终端的控制中心,利用各种接口和线路连接整个移动终端的各个部分,通过运行或执行存储在存储器109内的软件程序和/或模块,以及调用存储在存储器109内的数据,执行移动终端的各种功能和处理数据,从而对移动终端进行整体监控。处理器110可包括一个或多个处理单元;优选的,处理器110可集成应用处理器和调制解调处理器,其中,应用处理器主要处理操作系统、用户界面和应用程序等,调制解调处理器主要处理无线通信。可以理解的是,上述调制解调处理器也可以不集成到处理器110中。
移动终端100还可以包括给各个部件供电的电源111(比如电池),优选的,电源111可以通过电源管理系统与处理器110逻辑相连,从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。
尽管图1未示出,移动终端100还可以包括蓝牙模块等,在此不再赘述。
为了便于理解本发明实施例,下面对本发明的移动终端所基于的通信网络系统进行描述。
请参阅图2,图2为本发明实施例提供的一种通信网络系统架构图,该通信网络系统为通用移动通信技术的LTE系统,该LTE系统包括依次通讯连接的UE(User Equipment,用户设备)201,E-UTRAN(Evolved UMTS Terrestrial Radio Access Network,演进式UMTS陆地无线接入网)202,EPC(Evolved Packet Core,演进式分组核心网)203和运营商的IP业务204。
具体地,UE201可以是上述终端100,此处不再赘述。
E-UTRAN202包括eNodeB2021和其它eNodeB2022等。其中,eNodeB2021可以通过回程(backhaul)(例如X2接口)与其它eNodeB2022连接,eNodeB2021连接到EPC203,eNodeB2021可以提供UE201到EPC203的接入。
EPC203可以包括MME(Mobility Management Entity,移动性管理实体)2031,HSS(Home Subscriber Server,归属用户服务器)2032,其它MME2033,SGW(Serving Gate Way,服务网关)2034,PGW(PDN Gate Way,分组数据网络网关)2035和PCRF(Policy andCharging Rules Function,政策和资费功能实体)2036等。其中,MME2031是处理UE201和EPC203之间信令的控制节点,提供承载和连接管理。HSS2032用于提供一些寄存器来管理诸如归属位置寄存器(图中未示)之类的功能,并且保存有一些有关服务特征、数据速率等用户专用的信息。所有用户数据都可以通过SGW2034进行发送,PGW2035可以提供UE 201的IP地址分配以及其它功能,PCRF2036是业务数据流和IP承载资源的策略与计费控制策略决策点,它为策略与计费执行功能单元(图中未示)选择及提供可用的策略和计费控制决策。
IP业务204可以包括因特网、内联网、IMS(IP Multimedia Subsystem,IP多媒体子系统)或其它IP业务等。
虽然上述以LTE系统为例进行了介绍,但本领域技术人员应当知晓,本发明不仅仅适用于LTE系统,也可以适用于其他无线通信系统,例如GSM、CDMA2000、WCDMA、TD-SCDMA以及未来新的网络系统等,此处不做限定。
基于上述移动终端硬件结构以及通信网络系统,提出本发明方法各个实施例。
第一实施例
为解决现有技术中终端界面上的View均默认为矩形,所导致的视觉效果比较平淡,功能实现逻辑较为单一的缺陷,本实施例提供了一种非矩形视图的实现方法,如图3所示为本实施例提供的非矩形视图的实现方法的基本流程图,该非矩形视图的实现方法具体包括以下步骤:
S301、构建完整包含预设的非矩形视图的矩形,并基于非矩形视图的位置信息,计算矩形的位置信息。
具体的,视图View在Android系统显示架构中是所有控件的基类,是一种界面层的控件的一种抽象,可以用来代表一个控件,View是所有窗口部件的基础,其用于创建交互式的UI组件,如Button,TextView,ImageView等组件。在现有技术中View占据了屏幕中的一个矩形范围,它负责绘制图像和进行事件处理,如图4所示为本实施例提供的矩形视图的界面示意图,其中,A、B、C为应用界面上的三个不同的视图,均以矩形的形式存在。本实施例中期望实现非矩形视图,从而预先设计有期望布局的各非矩形视图的位置信息,然后基于各非矩形视图来构建将该非矩形视图包含在内的矩形,再基于非矩形视图的位置信息来确定所构建出来的矩形的位置信息。应当理解的是,本实施例中的非矩形视图即除了矩形视图之外的任何几何形状的视图,例如平行四边形视图、圆形视图、六边形视图等。
可选的,构建完整包含预设的非矩形视图的矩形包括:构建恰好完整包含预设的非矩形视图的最小外接矩形。
具体的,在实际应用中,为了高效的利用布局区域,本实施例中针对各非矩形视图所构建的矩形为非矩形视图的最小外接矩形,如图5所示为本实施例提供的矩形构建示意图,其中,本实施例的非矩形视图以平行四边形为例,平行四边形的四个顶点分别为A、B、C和D,然后沿B点向AD边所在直线作垂线,以及沿D点向BC边所在直线作垂线,垂足分别为B’和D’,连接B、B’、D和D’所得到的矩形也即平行四边形视图的最小外接矩形。
可选的,基于非矩形视图的位置信息,计算矩形的位置信息包括:基于非矩形视图的位置信息,计算矩形的顶边、左边、右边、底边分别相对于非矩形视图的父级容器对应边的距离,而得到矩形的位置信息。
具体的,父级容器也即用来包含目标元素的容器,在本实施例中,View自身的位置信息,可以通过getTop,getLeft,getRight,getBottom,这一组View相对父级容器的距离来表示,其中,getTop是View自身的顶边至其父级容器的顶边的距离,getLeft是View自身的左边至其父级容器的左边的距离,getRight是View自身的右边至其父级容器的右边的距离,getBottom是View自身的底边至其父级容器的底边的距离,然后基于上述非矩形View的坐标即可对应确定其所归属的矩形的坐标。
可选的,在相邻的分别完整包含有不同非矩形视图的矩形之间的位置信息发生重叠时,基于非矩形视图的位置信息,计算矩形的位置信息包括:基于不同非矩形视图各自的位置信息确定相邻矩形之间的重叠区域大小;根据重叠区域大小分别计算相邻矩形中各矩形的位置信息。
具体的,在实际应用中,本实施例中最后所可视化的是非矩形视图,但是在实际布局过程中仍旧是按照矩形的形式进行布局,虽然界面上所看到的各非矩形视图不会发生重叠,但是在一些情况下会发生不同非矩形视图所分别归属的矩形之间实际上发生了部分区域的重叠,基于此,本实施例中根据各非矩形视图的位置关系先确定出相邻的发生重叠的矩形区域之间的重叠区域大小,然后再基于重叠区域大小来将重叠所涉及的各矩形的位置信息均计算出来。
S302、根据矩形的位置信息对非矩形视图进行可视化布局,并进行触摸事件处理方法的重写而得到非矩形视图的目标触摸事件处理方法。
具体的,在实际应用中,对非矩形视图的布局方式实质上仍是以矩形的方式去进行布局,只是本实施例中形式上所体现出来的是非矩形视图,由于本发明需要实现仅对非矩形视图内的触摸事件进行该非矩形视图的功能响应,而对矩形内非矩形视图之外的部分的触摸事件并不进行响应,基于此,本实施例中需要对默认的触摸事件处理方法进行重写,从而对不同触摸事件所对应的处理方式进行重新定义,以满足本发明的实际需求。
可选的,根据矩形的位置信息对非矩形视图进行可视化布局包括:根据矩形的位置信息构造矩形对象;将非矩形视图可视化填充到矩形对象中,并将矩形对象除非矩形视图之外的区域进行透明填充处理。
具体的,由于在实际应用中进行视图布局时,实质上仍然只能以矩形的形式来进行布局,本实施例中为了进行非矩形视图的布局,首先在界面上构建一个矩形对象,然后将所期望的非矩形视图填充到矩形对象中而实现可视化布局,并且将矩形对象中除非矩形视图之外的区域进行透明填充而实现不可视布局,也即当前界面上实际所显示出来的视图为非矩形视图,从而实现形式上所布局的视图为非矩形视图。
可选的,触摸事件处理方法包括:onTouchEvent和/或onTouch方法。
具体的,onTouchEvent是View中定义的方法,而且是Public类型,所以Activity、ViewGroup、View均可以调用这个方法,最常见的用法是自定义View时写入到View中,从而让该View获取用户对终端屏幕的各种操作,并对不同类型的操作实现不同的反馈,属于一个宏观的屏幕触摸监控方法;而onTouch则是View的OnTouchListener接口中实现的唯一方法,接收两个参数,event事件对象和View类型对象,这就意味着onTouch方法必须和某个控件进行绑定,即某个控件实现了View的OnTouchListener接口,才能调用onTouch方法。
S303、在检测到触摸事件时,基于目标触摸事件处理方法确定触摸事件的落点的位置信息。
具体的,触摸事件为用户触摸屏幕时所产生的事件,触摸事件的相关细节,也即触摸位置、触摸类型、触摸时长等被封装成MotionEvent对象,触摸位置也即发生触摸时手指在屏幕上的落点的位置,常见的触摸事件类型包括:单击、双击、长按、滑动等,触摸时长则为触摸时所持续的时长。
S304、在根据触摸事件的落点的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内时,对触摸事件进行响应。
具体的,本实施例中所需要实现的是非矩形视图的功能响应,也即仅在非矩形视图所在的区域发生了触摸事件时才对触摸事件进行该视图所对应功能的响应,而在包括该非矩形视图的矩形之内的除开该非矩形视图的区域发生触摸事件时则并不进行响应。在需要对触摸落点是否处于非矩形视图内进行判断时,则需要基于触摸落点的位置信息和非矩形视图的位置信息来进行判断。
可选的,根据触摸事件的落点的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内包括:将触摸事件的落点的位置信息与非矩形视图的位置信息进行匹配;在输出有匹配结果时,确定触摸事件发生在非矩形视图的布局区域内。
具体的,在本实施例的一种实施方式中,可以直接将触摸落点的位置信息和非矩形视图的位置信息进行匹配来进行确定触摸事件是否落入非矩形视图,例如触摸落点为一个具体的坐标信息,非矩形视图的位置信息则是包含有多个坐标点的坐标信息,若触摸落点的坐标信息为非矩形视图中多个坐标点的坐标信息中的一个时,也即触摸落点的坐标信息匹配到对应点时,则确定触摸落点落入非矩形视图内。
可选的,根据触摸事件的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内包括:根据触摸事件的位置信息与非矩形视图上预设的参考点之间的位置信息,确定触摸事件与参考点之间的距离;当触摸事件与参考点之间的距离处于预设的距离范围内时,确定触摸事件发生在非矩形视图的布局区域内。
具体的,在本实施例的另一种实施方式中,则是根据触摸落点与在非矩形视图上所设定的参考点的之间距离是否在预设距离范围内,来判断触摸事件是否落入非矩形视图。例如在非矩形视图为圆形视图的情况下,参考点则为圆形视图的圆心,那么则以圆形视图的半径长度作为预设的距离值,将根据触摸落点与圆形之间的坐标信息所确定的长度与圆形视图的半径长度进行比较,若小于等于半径长度则说明落入圆形视图内,若大于半径长度则在圆形视图之外。当然在实际应用中,在其它非矩形视图中也可以使用该实施方式进行实现,仅需保证选取合适的参考点和设定合适的距离范围即可,在此不再赘述。
本发明提供一种非矩形视图的实现方法,该非矩形视图的实现方法包括:构建完整包含预设的非矩形视图的矩形,并基于非矩形视图的位置信息,计算矩形的位置信息;根据矩形的位置信息对非矩形视图进行可视化布局,并进行触摸事件处理方法的重写而得到非矩形视图的目标触摸事件处理方法;在检测到触摸事件时,基于目标触摸事件处理方法确定触摸事件的位置信息;在根据触摸事件的位置信息以及非矩形视图的位置信息,确定触摸事件发生在非矩形视图的布局区域内时,对触摸事件进行响应。通过完整包含有非矩形视图的矩形的位置信息来对非矩形视图进行可视化布局,并基于重写的触摸事件处理方法来确定触摸事件的位置信息,在根据触摸事件位置信息与非矩形视图位置信息确定触摸事件落入非矩形视图时,对触摸事件进行响应,实现了非矩形视图的功能,保证了视图样式的可定制性,增加了页面布局的视觉效果,提升了用户使用体验。
第二实施例
为了更好的理解本发明,本实施例以一个具体的示例对非矩形视图的实现方法进行说明,图6为本发明第二实施例提供的非矩形视图的实现方法的细化流程图,该非矩形视图的实现方法包括:
S601、基于目标非矩形视图构建恰好完整包含目标非矩形视图的最小外接矩形。
本实施例中期望实现非矩形视图,但是在实际应用中实质上还是需要基于矩形形式来进行布局,从而预先设计有期望布局的各非矩形视图的位置信息,然后基于各非矩形视图来构建将该非矩形视图包含在内的矩形,再基于非矩形视图的位置信息来确定所构建出来的矩形的位置信息。为了高效的利用布局区域,本实施例中针对各非矩形视图所构建的矩形为非矩形视图的最小外接矩形。
S602、基于目标非矩形视图的位置信息,计算最小外接矩形的顶边、左边、右边、底边分别相对于目标非矩形视图的父级容器对应边的距离,而得到最小外接矩形的位置信息。
父级容器也即用来包含目标元素的容器,在本实施例中,View自身的位置信息,可以通过getTop,getLeft,getRight,getBottom,这一组View相对父级容器的距离来表示,并基于该形式来对最小外接矩形的位置信息来进行表征。
S603、根据最小外接矩形的位置信息构造矩形对象,然后将目标非矩形视图可视化填充到矩形对象中,并将矩形对象除目标非矩形视图之外的区域进行透明填充处理。
本实施例中为了进行非矩形视图的布局,首先在界面上构建一个矩形对象,然后将所期望的非矩形视图填充到矩形对象中而实现可视化布局,并且将矩形对象中除非矩形视图之外的区域进行透明填充而实现不可视布局。
S604、进行触摸事件处理方法的重写而得到目标非矩形视图的目标触摸事件处理方法。
本实施例中需要对默认的触摸事件处理方法进行重写,从而对不同触摸事件所对应的处理方式进行重新定义,来实现仅对非矩形视图内的触摸事件进行该非矩形视图的功能响应,而对矩形内非矩形视图之外的部分的触摸事件并不进行响应。
S605、在检测到触摸事件时,基于目标触摸事件处理方法确定触摸事件的落点的位置信息。
触摸事件为用户触摸屏幕时所产生的事件,触摸事件的相关细节,也即触摸位置、触摸类型、触摸时长等被封装成MotionEvent对象。
S606、将触摸事件的落点的位置信息与目标非矩形视图的位置信息进行匹配,判断是否输出有匹配结果;若是,则执行S607,若否,则执行S608。
S607、确定触摸事件发生在目标非矩形视图的布局区域内,而对触摸事件进行响应。
S608、确定触摸事件发生在目标非矩形视图的布局区域之外,而不对触摸事件进行响应。
本实施例中直接将触摸落点的位置信息和非矩形视图的位置信息进行匹配来进行确定触摸事件是否落入非矩形视图,例如触摸落点为一个具体的坐标信息,非矩形视图的位置信息则是包含有多个坐标点的坐标信息,若触摸落点的坐标信息为非矩形视图中多个坐标点的坐标信息中的一个时,也即触摸落点的坐标信息匹配到对应点时,则确定触摸落点落入非矩形视图内。
本发明提供一种非矩形视图的实现方法,通过完整包含有非矩形视图的最小外接矩形的位置信息来对非矩形视图进行可视化布局,并基于重写的触摸事件处理方法来确定触摸事件的位置信息,在将触摸事件位置信息与非矩形视图位置信息进行匹配而确定触摸事件落入非矩形视图时,对触摸事件进行响应,实现了非矩形视图的功能,保证了视图样式的可定制性,增加了页面布局的视觉效果,提升了用户使用体验。
第三实施例
本实施例提供了一种终端,参见图7所示,包括处理器701、存储器702、通信总线703;
通信总线703用于实现处理器701、存储器702之间的连接通信;
存储器702用于存储一个或多个程序,处理器701用于执行存储器702中存储的一个或者多个程序,以实现上述各实施例中所示例的非矩形视图的实现方法的步骤,在此不再赘述。
第四实施例
本发明还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有一个或者多个程序,该一个或者多个程序可被一个或者多个处理器执行,以实现上述各实施例中所示例的非矩形视图的实现方法的步骤,在此不再赘述。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。
上面结合附图对本发明的实施例进行了描述,但是本发明并不局限于上述的具体实施方式,上述的具体实施方式仅仅是示意性的,而不是限制性的,本领域的普通技术人员在本发明的启示下,在不脱离本发明宗旨和权利要求所保护的范围情况下,还可做出很多形式,这些均属于本发明的保护之内。

Claims (10)

1.一种非矩形视图的实现方法,其特征在于,所述非矩形视图的实现方法包括:
构建完整包含预设的非矩形视图的矩形,并基于所述非矩形视图的位置信息,计算所述矩形的位置信息;
根据所述矩形的位置信息对所述非矩形视图进行可视化布局,并进行触摸事件处理方法的重写而得到所述非矩形视图的目标触摸事件处理方法;
在检测到触摸事件时,基于所述目标触摸事件处理方法确定所述触摸事件的落点的位置信息;
在根据所述触摸事件的落点的位置信息以及所述非矩形视图的位置信息,确定所述触摸事件发生在所述非矩形视图的布局区域内时,对所述触摸事件进行响应。
2.如权利要求1所述的非矩形视图的实现方法,其特征在于,所述构建完整包含预设的非矩形视图的矩形包括:
构建恰好完整包含预设的非矩形视图的最小外接矩形。
3.如权利要求1所述的非矩形视图的实现方法,其特征在于,所述基于所述非矩形视图的位置信息,计算所述矩形的位置信息包括:
基于所述非矩形视图的位置信息,计算所述矩形的顶边、左边、右边、底边分别相对于所述非矩形视图的父级容器对应边的距离,而得到所述矩形的位置信息。
4.如权利要求1所述的非矩形视图的实现方法,其特征在于,所述根据所述矩形的位置信息对所述非矩形视图进行可视化布局包括:
根据所述矩形的位置信息构造矩形对象;
将所述非矩形视图可视化填充到所述矩形对象中,并将所述矩形对象除非矩形视图之外的区域进行透明填充处理。
5.如权利要求1所述的非矩形视图的实现方法,其特征在于,所述触摸事件处理方法包括:onTouchEvent和/或onTouch方法。
6.如权利要求1所述的非矩形视图的实现方法,其特征在于,在相邻的分别完整包含有不同所述非矩形视图的矩形之间的位置信息发生重叠时,所述基于所述非矩形视图的位置信息,计算所述矩形的位置信息包括:
基于不同所述非矩形视图各自的位置信息确定相邻矩形之间的重叠区域大小;
根据所述重叠区域大小分别计算所述相邻矩形中各矩形的位置信息。
7.如权利要求1至6中任一项所述的非矩形视图的实现方法,其特征在于,所述根据所述触摸事件的落点的位置信息以及所述非矩形视图的位置信息,确定所述触摸事件发生在所述非矩形视图的布局区域内包括:
将所述触摸事件的落点的位置信息与所述非矩形视图的位置信息进行匹配;
在输出有匹配结果时,确定所述触摸事件发生在所述非矩形视图的布局区域内。
8.如权利要求1至6中任一项所述的非矩形视图的实现方法,其特征在于,所述根据所述触摸事件的落点的位置信息以及所述非矩形视图的位置信息,确定所述触摸事件发生在所述非矩形视图的布局区域内包括:
根据所述触摸事件的落点的位置信息与所述非矩形视图上预设的参考点的位置信息,确定所述触摸事件与所述参考点之间的距离;
当所述触摸事件与所述参考点之间的距离处于预设的距离范围内时,确定所述触摸事件发生在所述非矩形视图的布局区域内。
9.一种终端,其特征在于,所述终端包括处理器、存储器、通信总线;
所述通信总线用于实现处理器、存储器之间的连接通信;
所述处理器用于执行存储器中存储的一个或者多个程序,以实现如权利要求1至8中任一项所述的非矩形视图的实现方法的步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有一个或者多个程序,所述一个或者多个程序可被一个或者多个处理器执行,以实现如权利要求1至8中任一项所述的非矩形视图的实现方法的步骤。
CN201811400683.4A 2018-11-22 2018-11-22 一种非矩形视图的实现方法、终端及计算机可读存储介质 Pending CN109725963A (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811400683.4A CN109725963A (zh) 2018-11-22 2018-11-22 一种非矩形视图的实现方法、终端及计算机可读存储介质

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811400683.4A CN109725963A (zh) 2018-11-22 2018-11-22 一种非矩形视图的实现方法、终端及计算机可读存储介质

Publications (1)

Publication Number Publication Date
CN109725963A true CN109725963A (zh) 2019-05-07

Family

ID=66295837

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811400683.4A Pending CN109725963A (zh) 2018-11-22 2018-11-22 一种非矩形视图的实现方法、终端及计算机可读存储介质

Country Status (1)

Country Link
CN (1) CN109725963A (zh)

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2000036484A2 (en) * 1998-12-11 2000-06-22 Aoraki Corporation Limited Improvements relating to control of computer interfaces
CN106873981A (zh) * 2017-01-11 2017-06-20 努比亚技术有限公司 一种图标处理方法、装置及终端
CN107357458A (zh) * 2017-07-04 2017-11-17 广东欧珀移动通信有限公司 触摸按键的响应方法、装置、存储介质及移动终端
CN107980121A (zh) * 2017-03-20 2018-05-01 深圳大趋智能科技有限公司 圆形自定义控件执行动画的方法及装置

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2000036484A2 (en) * 1998-12-11 2000-06-22 Aoraki Corporation Limited Improvements relating to control of computer interfaces
CN106873981A (zh) * 2017-01-11 2017-06-20 努比亚技术有限公司 一种图标处理方法、装置及终端
CN107980121A (zh) * 2017-03-20 2018-05-01 深圳大趋智能科技有限公司 圆形自定义控件执行动画的方法及装置
CN107357458A (zh) * 2017-07-04 2017-11-17 广东欧珀移动通信有限公司 触摸按键的响应方法、装置、存储介质及移动终端

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
PARCOOL: ""Android不规则按钮"", 《HTTPS://BLOG.CSDN.NET/PARCOOL/ARTICLE/DETAILS/40902203》 *
在下黎叔: ""ios中如何让uibutton内的非矩形区域响应uitouch"", 《HTTPS://ZHIDAO.BAIDU.COM/QUESTION/874609857840771772.HTML》 *
搬砖老男人: ""Android实现不规则形状按钮"", 《HTTP://BLOG.CSDN.NET/WINDSPEAKER/ARTICLE/DETAILS/8129269》 *

Similar Documents

Publication Publication Date Title
CN107861670A (zh) 双屏终端的交互显示方法、双屏终端和计算机存储介质
CN109213401A (zh) 双面屏应用图标整理方法、移动终端及可读存储介质
CN109614176A (zh) 一种应用界面布局方法、终端及计算机可读存储介质
CN109407957A (zh) 屏幕触摸控制方法、终端及计算机可读存储介质
CN107193448A (zh) 一种事务提醒方法、移动终端及存储介质
CN109521925A (zh) 图标排列方法、移动终端及计算机可读存储介质
CN107729131A (zh) 一种事件处理方法、终端及计算机可读存储介质
CN107632768A (zh) 按键使用方法、终端及计算机可读存储介质
CN108304109A (zh) 图标凸起形成方法、移动终端及计算机可读存储介质
CN108898046A (zh) 一种屏下指纹功耗控制方法、终端及计算机可读存储介质
CN109144580A (zh) 一种应用运行控制方法、双屏终端及计算机可读存储介质
CN107908355A (zh) 移动终端的触控方法、移动终端及存储介质
CN110381201A (zh) 屏幕管理方法、移动终端及计算机可读存储介质
CN107315515A (zh) 状态栏图标的颜色更改方法、终端及计算机可读存储介质
CN107809534A (zh) 一种控制方法、终端及计算机存储介质
CN107273433A (zh) 一种文件扫描方法、设备及计算机可读存储介质
CN108829302A (zh) 一种交互调控方法、设备及计算机可读存储介质
CN107340949A (zh) 应用图标的排列方法、移动终端及计算机可读存储介质
CN107239218A (zh) 移动终端的控制方法、移动终端及计算机可读存储介质
CN110351423A (zh) 一种未读消息处理控制方法、终端及计算机可读存储介质
CN109739346A (zh) 一种按键模拟方法、双屏终端及计算机可读存储介质
CN108227842A (zh) 可穿戴模式切换提醒方法、移动终端及可读存储介质
CN107390855A (zh) 移动终端分屏区域亮度的控制方法、移动终端及存储介质
CN110096173A (zh) 移动终端控制方法、移动终端及计算机可读存储介质
CN109739399A (zh) 一种图标选择控制方法、终端及计算机可读存储介质

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
RJ01 Rejection of invention patent application after publication

Application publication date: 20190507

RJ01 Rejection of invention patent application after publication