模仿VILLOID照片模版

作者: yue博客 | 来源:发表于2017-03-12 18:45 被阅读12次

VILLOID APP中有一些如下图所示的图片模板

一个长为a,宽为b(a,b为单位长度u的整数倍)的大矩形

使用边长为u的整数倍的小矩形来填充满这个大矩形,或者说,把这个大矩形分割成n个边长为u的整数倍的小矩形(称为分割更为合适)

列举出所有的情况

声明一个结构体 ItemLayout表示小矩形的位置和大小  以大矩形左上角为原点(0,0),以1的整数倍表示宽和高

struct ItemLayout {

int x,y;

int w,h;

}

所有的情况会是这样的数据结构  二维数组:

{ {ItemLayout,…,ItemLayout}, … , {ItemLayout,…,ItemLayout}, }

我最初的设想是通过递归方法,传入行数和列数,自动计算出所有的分割方式,但是思路一直没有理清,在网上查了一些东西,比如这篇:http://download.csdn.net/detail/whuangweimin1/3370405 不过看起来比较吃力。

现在我也还没有写出来我所设想的这个递归方法,目前用的是简单直接的方法:手动列举(有点low,不过管用而且比较快,但是对于行列数超过3的就不适用了)

@{

@"rowNumber":@(2),

@"arrangeNumber":@(2),

@"itemCoordinaties":@[@{@"x":@(0),@"y":@(0),@"w":@(1),@"h":@(2)},

@{@"x":@(1),@"y":@(0),@"w":@(1),@"h":@(1)},

@{@"x":@(1),@"y":@(1),@"w":@(1),@"h":@(1)},

]

}

这是2行2列,的左边1*2的矩形,右边是两个1*1的矩形的分割方式,效果如下:

我以同样的格式手写了6、7种分割方式,如下图

模版展示 图片拖动

demo

相关文章

  • 模仿VILLOID照片模版

    VILLOID APP中有一些如下图所示的图片模板 一个长为a,宽为b(a,b为单位长度u的整数倍)的大矩形 使用...

  • 淘宝好评模板通用l淘宝评价语 100字复制

    (1)这是一个好评模版,不要看了下面都是废话。因为本姑娘很懒不想每个宝贝都写好评 所以才模仿网友的 好评模版 但是...

  • 【教书匠阿伦-原创干货】托福写作的十个真相

    阿伦老师解答:模版是个好东西,主流学术写作的教学法中都在强调模仿的重要性,但模版不是万能的。对于初期备考基础薄弱的...

  • 模仿

    在数字密码中。4号型的人是非常适合模仿的。我也发现了这一特点。 微课的模版;榜样的模版;不管在哪个领域都应该给自己...

  • 晚来的“拍照”

    听过这样一种说法「为了拍照而生活」,即人们模仿照片去生活,又把模仿来的生活拍成照片。 事实上,越来...

  • 照片书定制,个性主题需求方案的解决办法

    最近一段时间,研究开发了照片书制作平台上设计师模版的应用。 因为随着照片书业务的开展,性价比很高的照片书引起了很多...

  • 10.1KOA ejs 模版引擎

    ejs 模版引擎 安装模版引擎中间件 安装模版引擎 定义模版 使用模版引擎 具体 ejs 模版引擎使用 http:...

  • 10.2KOA handlebars 模版引擎

    handlebars 模版引擎 安装模版引擎中间件 安装模版引擎 定义模版文件 使用模版引擎 具体 handleb...

  • 三十二:Django之模版使用

    一:创建模版文件夹 二:配置模版目录 三:使用模版文件 四:给模版文件传递数据 模版变量使用:{{ 模版变量名 }...

  • day06-模版使用

    1)创建模版文件夹2)配置模版目录 3)使用模版文件 给模版文件传递数据模版变量的使用{{ 模版变量名 }}ind...

网友评论

    本文标题:模仿VILLOID照片模版

    本文链接:https://www.haomeiwen.com/subject/bxhxnttx.html