一种在移动端上进行分层式平面设计的实现技术和装置制造方法及图纸

本发明专利技术为一种在移动端上进行分层式平面设计的实现技术和装置,传统的二维平面图片主要通过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）展现的方案是全方案，但会同时展示各个产品的价格。附图说明图1为图片层级堆叠的操作装置界面，在该装置中可实现对商品的加入、拖拉、缩放、定位等操作并组成方案。图2为图1编辑完毕后，确定的前端展示效果图，在后台编辑后前台可生成动态不可编辑的图片，这是与其他技术最主要的区分点。图3为方案确定后，在前端页面的展示情况，可见方案图片生成后，连同报价、方案单价等一并实现。具体实施方法本技术与装置的具体实施方法概括为：1、根据各类平台要求，利用本技术开发相应模块（即本技术的装置），并预留与系统、数据库衔接的借口。2、在需要本技术的营销产品中，通过接口、代码等将本模块予以植入。3、营销产品中建立商家角色，由商家按要求上传产品图片。4、商家商议组合方案后，由商家在本装置中布置背景，并将商品按层布置好（商家可进行双指放大、缩小、单指拖放、旋转等功能），打造出二维场景后，保存方案。5、在商家的场景库中上架产品。6、上架产品后，客户可看见产品组合的二维场景，并可看见整个产品组合的报价、简介、以及各个商品的具体介绍等。当然，该技术装置具有高度可扩展性，在场景中可链接360全景效果图、VR虚拟现实等各类新型的扩展,提升营销活动的丰富性。本文档来自技高网...

【技术保护点】
1.一种在移动端上进行分层式平面设计的实现技术和装置，其特征为包括一个跨平台的,可实现实时提取背景、分层化在线编辑与加工场景的装置容器。

【技术特征摘要】
1.一种在移动端上进行分层式平面设计的实现技术和装置，其特征为包括一个跨平台的,可实现实时提取背景、分层化在线编辑与加工场景的装置容器。2.根据权利要求1所述的在移动端上进行分层式平面设计的实现技术和装置，其特征在于该套技术可以直接在IOS、android、windows等多个平台中使用，并可用于多种行业营销场景。3.根据权利要求1所述的在移动端上进行分层式平面设计的实现技术和装置，其特征在于利用手机摄像技术，根据参数要求，可直接对环境取景并优化作为装置容器的背景。4.根据权利要求1所述的在移动端上进行分层式平面设计的实现技术和装置，其特征在于用户在设备上可直接使用单手指或双指添加、拉伸、拖动、缩放所有加入的素材。5.根据权利要求1所述的在移动端上进行分层式平面设计的实现技术和装置，其特征在于编辑装置中带有VIEW图层功能，可将素材叠加在不同的图层上进行搭配，并且每一个图层在...

【专利技术属性】
技术研发人员：周建中，杨茗杰，施正士，
申请(专利权)人：浙江数联云集团有限公司，
类型：发明
国别省市：浙江,33