[发明专利]一种在移动端上进行分层式平面设计的实现技术和装置

说明书

本发明为一种在移动端上进行分层式平面设计的实现技术和装置,传统的二维平面图片主要通过photoshop(P.S.)、AdobeIllustrator（AI）等平面设计软件编辑和制作,但终端展现的jpg、gif等单图片显示不支持图层的再编辑。本发明创造了一种实现将数据库（含真实可购买的商品）中的矢量图片在各种移动设备端的装置中，经过操作形成平面设计方案并可分享与再编辑的实现技术与装置。该发明的实现原理在于创造一个可编辑的具有界限的VEIW装置，VIEW装置中的图层具有层级，且通过规则自动排列图层，实时可见。该发明能广泛应用于营销活动中，提升营销活动的丰富性，同时可链接360全景效果图、VR虚拟现实等各类新型技术的扩展。

技术领域

本发明（以下称之为移动平面设计）为一种实现将数据库中的矢量图片（PNG格式）在各种移动端（手机、平板电脑）的装置中，经用户拖拽、拉伸、平铺、调层等，形成分层式的，可再次编辑的二维图片组成的平面设计方案，从而在移动端形成设计方案并进行分享展示及售卖（若带有商品联接）的一种装置和技术。特别适用于室内的软装设计、个人的形象设计等领域。

背景技术

传统的二维平面图片主要通过photoshop(P.S.)、 AdobeIllustrator（AI）等平面设计软件编辑和制作，这些平面设计软件均支持图层，但终端展现的jpg、gif等单图片显示不支持图层，同时平面设计软件制作二维平面图片大多依赖于PC设备和windows系统，对于pad、android、IOS等移动设备不兼容，单独研发其他端的平面设计软件亦不现实。

发明内容

针对上述技术问题，本发明创造了一种实现将数据库（含真实可购买的商品）中的矢量图片在各种移动设备端的装置中，经过操作形成平面设计方案并可分享与再编辑的实现技术与装置。

一方面，创建了一个可实现图片分层式布局与加工的装置容器，所述装置容器的特征为：（1）操作界面为一个可编辑的具有界限的VEIW装置，其中有一个base容器。该容器根据屏幕占比,创建精度float类变量lastX、lastY，通过将设备屏比缩小，确定lastX、lastY的值，并以该值建立长方形容器边界与矩阵坐标轴函数列,长方形矩阵容器为操作区，base容器为底层容器，其zPosition层级值为1且锁定。

（2）随时可取景的实景环境：通过手机自带的拍照技术，实时调取现场环境，经本发明自动裁剪抛光等处理后后立即生成整个编辑环境，便于后续商品的搭配。

（3）可灵活手指操作界面，通过触屏感应，创建Pointer类boolean选择型相关函数，用于判断手指触点位置与长按、单击、选中商品、双指拖拉、是否超出位置等手指操作。

（4）方案是可加载图片并且可随时编辑的。通过连接产品数据库，导入商品图片，将商品导入时自动加载至新VIEW容器中，用户可通过手指对VIEW容器进行缩放、拖拽、旋转等操作。

（5）VIEW容器是按层级排列的，除了底层base容器外，其他容器根据VIEW的zPosition的值确定层级，其中每个VIEW经过技术处理后是透明的。

（6）每个层级上的商品都是可编辑层级的。

另一方面，实现了以二维平面方案形式组合成方案在终端呈现的技术展现：

（1）方案是可以生成图片的。确认后自动生成jpg等格式图片，但该方案可保留并可随时编辑。

（2）商品导入后可实现平面内的水平左右展示更换。

（3）编辑的是图片，生成的是方案。商品在被组合成方案确认后，缓存加载的价格、介绍等将自动写入方案数据库，并在方案图片被调取时展示。

（4）展现的方案是全方案，但会同时展示各个产品的价格。

附图说明