匿名用户
1级
2018-11-18 回答
从上面的代码,谈下我的理解:
1. 上面的代码,其重点是调用一个 showUI 的函数,这个函数其功能大概是根据传递过来的参数来显示某个UI的。
2. 传递给 showUI 函数的参数,由于传递的参数数量比较多,所以采用的是将多个参数打包成 json 字符串的形式。
3. json 简单说就是 javascript 中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构,举例,其形式如下:
{"firstName":"Brett","lastName":"McLaughlin","email":"aaaa"}
4. "{ \"style\":\"default\", \"views\" :[ { \"type\":\"Label\", \"text\":\"设置\", \"size\":25,\"align\":\"center\",\"color\":\"0,0,255\"},{\"type\":\"RadioGroup\", \"list\":\"选项1,选项2,选项3,选项4,选项5,选项6,选项7\",\"select\":\"1\"},{\"type\":\"Edit\", \"prompt\":\"测试三下\",\"text\":\"默认值\", \"size\":15,\"align\":\"left\", \"color\":\"255,0,0\"},{\"type\":\"CheckBoxGroup\", \"list\":\"选项1,选项2,选项3,选项4,选项5,选项6,选项7\",\"select\":\"3@5\"}]}"
看起来上面的挺复杂,将这个格式重新排列下,可能更容易看出来:
{
"style": "default",//风格名称
"views": [//风格的具体样式设置
{
"type": "Label",//Label元素的设置
"text": "设置",
"size": 25,
"align": "center",
"color": "0,0,255"
},
{
"type": "RadioGroup",//RadioGroup元素的设置
"list": "选项1,选项2,选项3,选项4,选项5,选项6,选项7",
"select": "1"
},
{
"type": "Edit",//Edit元素的设置
"prompt": "测试三下",
"text": "默认值",
"size": 15,
"align": "left",
"color": "255,0,0"
},
{
"type": "CheckBoxGroup",//CheckBoxGroup元素的设置
"list": "选项1,选项2,选项3,选项4,选项5,选项6,选项7",
"select": "3@5"
}
]
}
从上面的数据结构可以看出,这些参数是对UI一些元素进行设置。