iOS实现比例拼图的方法示例

2020-01-21 06:25:51王冬梅

需求原型图:

iOS,比例拼图

要求:

各个模块的大小反映各个模块的占比(销售额),所有模块共同组成一个正方形。

后台返回的数据格式:


{
 "result": true,
 "data": {
 "category_sale": [ {
  "name": "我是你的哥",
  "sale_amount": 1,
  "gross_margin_ratio": 0.22
 }, {
  "name": "不是亲哥哥",
  "sale_amount": 4,
  "gross_margin_ratio": 0
 }, {
  "name": "呵呵哒",
  "sale_amount": 3,
  "gross_margin_ratio": 0.19
 }, {
  "name": "因缺思厅",
  "sale_amount": 2,
  "gross_margin_ratio": 0.4
 }]
 },
 "msg": "ok",
 "code": 200,
 "executed": "0.0320830345"
}

注:gross_margin_ratio代表“毛利率”,不是模块的占比。

分析

第一眼看到这个原型图的时候我就觉得不简单,后面和Android一起研究了一下,也没有想到什么好的算法。正巧那天上司跑来问我们有没有什么需要帮忙的,我赶紧把这个问题扔给他。

一周后,他给我说了思路: