一种显示圆形布局界面的方法、装置和可穿戴设备制造方法及图纸

本发明专利技术公开了一种显示圆形布局界面的方法、装置和可穿戴设备。所述方法包括：获取待显示的布局界面；基于所述圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至所述圆形显示屏进行显示。本发明专利技术实现了在圆形显示屏上显示圆形布局界面，使得软件布局界面与圆形显示屏的形状更加协调、美观，提升用户体验。

A method, device, and wearable device for displaying a circular layout interface

The invention discloses a method, a device and a wearable device for displaying a circular layout interface. The method comprises: acquiring the layout of the interface to be displayed; cut the layout of the interface the circular display radius on the display based on the circular layout of the interface layout of the interface generates the output to be displayed; the circular layout of the interface generated to the circular display screen display. The invention realizes the circular layout interface on the circular display screen, making the shape of software layout and the shape of the circular display more harmonious and beautiful, and improving user experience.

【技术实现步骤摘要】
一种显示圆形布局界面的方法、装置和可穿戴设备
本专利技术涉及计算机控制领域，具体涉及一种显示圆形布局界面的方法、装置和可穿戴设备。
技术介绍
目前，可穿戴设备(例如智能手表)的显示屏是圆形的，但智能手表操作系统上的软件界面布局显示却是方形的，例如，LGGWatchR智能手表，如图1所示，LGGWatchR的显示屏是圆形的，该手表上的应用在右滑退出的过程中，可以看到软件用户界面(UserInterface,UI)的布局界面是方形的，方形的软件布局界面与圆形的显示屏很不协调，影响了智能手表的美观。
技术实现思路
为了解决或至少部分地解决上述问题，本专利技术提供了一种显示圆形布局界面的方法、装置和可穿戴设备。根据本专利技术的一个方面，提供了一种显示圆形布局界面的方法，所述方法包括：获取待显示的布局界面；基于所述圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至所述圆形显示屏进行显示。根据本专利技术的另一个方面，提供了另一种显示圆形布局界面的装置，所述装置包括：待显示的布局界面获取单元，用于获取待显示的布局界面；圆形布局界面生成单元，用于基于所述圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面；圆形布局界面显示单元，用于将生成的圆形布局界面输出至所述圆形显示屏进行显示。根据本专利技术的再一个方面，提供了再一种显示圆形布局界面的装置，所述装置包括存储器和处理器，所述存储器存储有能够被所述处理器执行的计算机程序，所述计算机程序被所述处理器执行时能够实现上述的方法步骤。根据本专利技术的又一个方面，提供了又一种可穿戴设备，其特征在于，所述可穿戴设备包括上述的显示圆形布局界面的装置。本专利技术的有益效果是：本专利技术的技术方案，通过获取待显示的布局界面；基于圆形显示屏的半径对待显示的布局界面进行裁剪，生成待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至圆形显示屏进行显示，相比于现有技术中只能在圆形显示屏上显示方形布局界面，本专利技术实现了在圆形显示屏上显示圆形布局界面，使得软件布局界面与圆形显示屏的形状更加协调、美观，提升用户体验。附图说明图1是现有技术中圆形显示屏显示方形布局界面的示意图；图2是本专利技术一个实施例的一种显示圆形布局界面的方法的流程图；图3是本专利技术一个实施例的一种裁圆过程示意图；图4是本专利技术一个实施例的另一种裁圆过程示意图；图5是本专利技术一个实施例的一种显示圆形布局界面的装置的结构示意图；图6是本专利技术一个实施例的另一种显示圆形布局界面的装置的结构示意图；图7是本专利技术一个实施例的一种可穿戴设备的结构示意图。具体实施方式本专利技术的设计构思是：针对现有技术中只能在圆形显示屏上显示方形布局界面的问题，专利技术人想到，通过获取待显示的布局界面，基于圆形显示屏的半径对待显示的布局界面进行裁剪，生成待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至圆形显示屏进行显示，实现了在圆形显示屏上显示圆形布局界面，使得软件布局界面与圆形显示屏的形状更加协调、美观，提升用户体验。实施例一图2是本专利技术一个实施例的一种显示圆形布局界面的方法的流程图，如图2所示，在步骤S210中，获取待显示的布局界面；在步骤S220中，基于圆形显示屏的半径对待显示的布局界面进行裁剪，生成待显示的布局界面的圆形布局界面；在步骤S230中，将生成的圆形布局界面输出至圆形显示屏进行显示。通过图2所示的方法可知，本专利技术的技术方案，通过获取待显示的布局界面；基于圆形显示屏的半径对待显示的布局界面进行裁剪，生成待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至圆形显示屏进行显示，相比于现有技术中只能在圆形显示屏上显示方形布局界面，本专利技术实现了在圆形显示屏上显示圆形布局界面，使得软件布局界面与圆形显示屏的形状更加协调、美观，提升用户体验。在本专利技术的实施例中，生成圆形的布局界面主要有以下两种方法：第一种方法：如图3所示，在待显示的布局界面上，以待显示的布局界面的中心为原点，以圆形显示屏的半径为半径绘制圆形路径，裁剪掉待显示的布局界面上的圆形路径外的部分，生成待显示的布局界面的圆形布局界面。需要说明的是，Android的Canvas类提供了ClipPath、ClipRect、ClipRegion等方法来裁剪，通过Path、Rect、Region的不同组合，Android几乎可以支持任意现状的裁剪区域。所以要实现Layout的裁圆只要在Layout的绘制周期执行到onDraw的时候，利用ClipPath对Canvas类做一个圆形的裁剪，即可实现Layout的裁圆功能。其具体的实现方法如下：自定义一个CustomCircleLayout类，CustomCircleLayout类继承自待显示的布局界面的任一布局，这里的任一布局为自线性布局、相对布局、表格布局、框架布局和绝对布局中的任意一种。也就是说，待显示的布局界面是何种布局，则CustomCircleLayout类继承自何种布局。假设待显示的布局界面采用的表格布局，则CustomCircleLayout类继承自该表格布局。修改CustomCircleLayout类中的onDraw(Canvascanvas)函数，其中通过canvas.setDrawFilter()设置画笔抗锯齿，通过canvas.clipPath()设置裁剪的圆形路径的半径为圆形显示屏的半径。在实际应用中，其修改CustomCircleLayout类中的onDraw(Canvascanvas)函数的具体实现程序为：覆盖此CustomCircleLayout的onDraw(Canvascanvas)方法，修改成如下：上述第一种方法的优点在于实现简单、方便；其缺点在于，(1)手表的屏幕分辨率很小，只有400(W)*RGB*400(H)或者380(W)*RGB*380(H)，在裁圆的过程中，即使设置了抗锯齿的优化，边缘的锯齿还是很明显，影响美观。(2)这种裁圆方法的功耗影响较大，在复杂的布局界面，会出现卡顿的情况。第二种方法：如图4所示，生成一个半径为圆形显示屏的半径的圆形背景，将待显示的布局界面的中心与圆形背景的中心重合，裁剪掉待显示的布局界面上与圆形背景不重叠的部分，生成待显示的布局界面的圆形布局界面。需要说明的是，第二种方法的实现原理是使用PorterDuffXfermode图像合成的方式来实现裁圆的效果。在用Android中的Canvas进行绘图时，可以通过使用PorterDuffXfermode将所绘制的图形的像素与Canvas中对应位置的像素按照一定规则进行混合，形成新的像素值，从而更新Canvas中最终的像素颜色值。PorterDuffXfermode支持以下十几种像素颜色的混合模式，分别为：CLEAR、SRC、DST、SRC_OVER、DST_OVER、SRC_IN、DST_IN、SRC_OUT、DST_OUT、SRC_ATOP、DST_ATOP、XOR、DARKEN、LIGHTEN、MULTIPLY和SCREEN。PoerterDuffXfermode设置的是两个图层交集区域的显示方式，其中android.graphics.PorterDuff.Mod本文档来自技高网...

【技术保护点】
一种显示圆形布局界面的方法，其特征在于，所述方法包括：获取待显示的布局界面；基于圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至所述圆形显示屏进行显示。

【技术特征摘要】
1.一种显示圆形布局界面的方法，其特征在于，所述方法包括：获取待显示的布局界面；基于圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面；将生成的圆形布局界面输出至所述圆形显示屏进行显示。2.如权利要求1所述的方法，其特征在于，所述基于所述圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面包括：在所述待显示的布局界面上，以所述待显示的布局界面的中心为原点，以所述圆形显示屏的半径为半径绘制圆形路径，裁剪掉所述待显示的布局界面上的所述圆形路径外的部分，生成所述待显示的布局界面的圆形布局界面。3.如权利要求2所述的方法，其特征在于，所述在所述待显示的布局界面上，以所述待显示的布局界面的中心为原点，以所述圆形显示屏的半径为半径绘制圆形路径，裁剪掉所述待显示的布局界面上的所述圆形路径外的部分，生成所述待显示的布局界面的圆形布局界面包括：自定义一个CustomCircleLayout类，所述CustomCircleLayout类继承自所述待显示的布局界面的任一布局；修改所述CustomCircleLayout类中的onDraw(Canvascanvas)函数，其中通过canvas.setDrawFilter()设置画笔抗锯齿，通过canvas.clipPath()设置裁剪的圆形路径的半径为所述圆形显示屏的半径。4.如权利要求1所述的方法，其特征在于，所述基于所述圆形显示屏的半径对所述待显示的布局界面进行裁剪，生成所述待显示的布局界面的圆形布局界面包括：生成一个半径为所述圆形显示屏的半径的圆形背景，将所述待显示的布局界面的中心与所述圆形背景的中心重合，裁剪掉所述待显示的布局界面上与所述圆形背景不重叠的部分，生成所述待显示的布局界面的圆形布局界面。5.如权利要求4所述的方法，其特征在于，所述生成一个半径为所述圆形显示屏的半径的圆形背景，将所述待显示的布局界面的中心与所述圆形背景的中心重合，裁剪掉所述待显示的布局界面上与所述圆形背景不重叠的部分，生成所述待显示的布局界面的圆形布局界面包括：自定义一个CustomCircleLa...

【专利技术属性】
技术研发人员：胡孝波，
申请(专利权)人：深圳真时科技有限公司，
类型：发明
国别省市：广东,44