为Bus Seating创建动态网格布局

Question

我需要根据响应创建巴士座位视图布局。 我已经将RecyclerView与网格布局一起使用但无法获得它。 所以请帮我根据响应动态创建这种类型的布局。

  

响应

[
   {
       "column": "4",
       "length": "1",
       "name": "9",
       "row": "1",
       "width": "1"
     },
     {
       "column": "3",
       "length": "1",
       "name": "8",
       "row": "0",
       "width": "1"
     },
     {
       "column": "3",
       "length": "1",
       "name": "7",
       "row": "1",
       "width": "1"
     },
    {
       "column": "2",
       "length": "1",
       "name": "6",
       "row": "0",
       "width": "1"
     },
     {
       "column": "2",
       "length": "1",
       "name": "5",
       "row": "1",
       "width": "1"
     },
     {
       "column": "1",
       "length": "1",
       "name": "4",
       "row": "0",
       "width": "1"
     },
     {
       "column": "1",
       "length": "1",
       "name": "3",
       "row": "1",
       "width": "1"
     },
     {
       "column": "0",
       "length": "1",
       "name": "2",
       "row": "0",
       "width": "1"
     },
     {
       "column": "0",
       "length": "1",
       "name": "1",
       "row": "1",
       "width": "1"
     },
     {
       "column": "8",
       "length": "2",
       "name": "L9",
       "row": "1",
       "width": "1"
     },
     {
       "column": "10",
       "length": "2",
       "name": "L11",
       "row": "1",
       "width": "1"
     },
     {
       "column": "6",
       "length": "2",
       "name": "L8",
       "row": "0",
       "width": "1"
     },
     {
       "column": "10",
       "length": "2",
       "name": "L12",
       "row": "0",
       "width": "1"
     },
     {
       "column": "6",
       "length": "2",
       "name": "L7",
       "row": "1",
       "width": "1"
     },
     {
       "column": "10",
       "length": "2",
       "name": "L6",
       "row": "3",
       "width": "1"
     },
     {
       "column": "8",
       "length": "2",
       "name": "L10",
       "row": "0",
       "width": "1"
     },
     {
       "column": "8",
       "length": "2",
       "name": "L5",
       "row": "3",
       "width": "1"
     },
     {
       "column": "6",
       "length": "2",
       "name": "L4",
       "row": "3",
       "width": "1"
     },
     {
       "column": "4",
       "length": "2",
       "name": "L3",
       "row": "3",
       "width": "1"
     },
     {
       "column": "2",
       "length": "2",
       "name": "L2",
       "row": "3",
       "width": "1"
     },
     {
       "column": "0",
       "length": "2",
       "name": "L1",
       "row": "3",
       "width": "1"
     },
     {
       "column": "5",
       "length": "1",
       "name": "12",
       "row": "0",
       "width": "1"
     },
     {
       "column": "5",
       "length": "1",
       "name": "11",
       "row": "1",
       "width": "1"
     },
     {
       "column": "4",
       "length": "1",
       "name": "10",
       "row": "0",
       "width": "1"
     }
]

此处长度和宽度表示网格中的跨度。并添加了屏幕以便更加了解。

  

屏幕布局

  

座位号为

的屏幕布局

请帮我根据回复创建这种类型的布局。 感谢。