unity3d表格模拟绘制

前段时间收到网友来信，该网友希望能够在Unity3d中实现表格的绘制并且能够动态地修改与获取表格中的信息。由于前段时间相对较忙，因此该问题一直未能解决，在这里先向该网友致歉，下面我将介绍一种使用TextField组件模拟表格绘制的方法。

更多内容请关注新浪微博@筑梦天下文化科技 http://weibo.com/mongtx

请同时关注团队新微博@筑梦创想 http://weibo.com/mongcc

联系方式：
E-mail： gsh0913@qq.com
QQ:264965161


      我将通过一个简单的例程实现表格功能的模拟（运行效果如图所示），在本实例中我将通过使用TextField组件模拟表格的绘制，并使用一个一位数组存放表格中的数据，当然我们同样可以通过这个数组动态地获取到表格中的数据。
      在脚本中我们需要先定义表格的行列设置rows和columns，在 Start () 方法中对数组进行初始化，根据表格的行列数初始化数组并设置单元格的初始值。在OnGUI()方法中我们需要实现对表格的绘制，控制单元格绘制位置的逻辑十分简单，详细的大家可以参看代码。
      接着，我们需要写一个getValue(row:int, column:int)方法用于更具索引获取表格中的内容，最后在 Update ()方法中调用getValue()方法就可以实现动态地获取表格某单元格的内容了。

实例具体的代码如下：

1. #pragma strict
   
2. // 创建一个数组用于存放表格内容
   
3. var list = new Array();
   
4. // 设置表格的行列数
   
5. private var rows:int    = 5;
   
6. private var columns:int = 5;
   
7. function Start ()
   
8. {
   
9. // 计算数组长度
   
10. var total = rows * columns;
    
11. 
    
12. // 初始化数组
    
13. for(var r:int = 0; r < total; r++)
    
14. {
    
15.   // 初始化单元格的值
    
16.   list.push("0");
    
17. }
    
18. }
    
19. function Update ()
    
20. {
    
21. // 当按下数字键1时输出指定单元格的内容
    
22. if(Input.GetKey(KeyCode.Alpha1))
    
23. {
    
24.   getValue(2, 3);
    
25. }
    
26. }
    
27. function OnGUI()
    
28. {
    
29. var tx:int = 10;    // 初始偏移量
    
30. var ty:int = 10;
    
31. var width:int  = 500;   // 表格宽度
    
32. var height:int = 100;   // 表格高度
    
33. 
    
34. var tw:int = width / rows;  // 单元格宽度
    
35. var th:int = height / columns; // 单元格高度
    
36. 
    
37. var dx:int = 0;     // 单元格偏移量
    
38. var dy:int = 0;
    
39. 
    
40. for(var j:int = 0; j < rows; j++)
    
41. {
    
42.   dy = ty + (j * th);
    
43.   
    
44.   for(var t:int = 0; t < columns; t++)
    
45.   {
    
46.    dx = tx + (t * tw);
    
47.    
    
48.    // 计算当前索引
    
49.    var index:int = columns * j + t;
    
50.   
    
51.    // 绘制单元格
    
52.    list[index] = GUI.TextField(Rect(dx, dy, tw, th), list[index]);
    
53.   }
    
54.   
    
55.   dx = tx;
    
56. }
    
57. }
    
58. // 根据索引获取表格中的信息
    
59. function getValue(row:int, column:int)
    
60. {
    
61. var index:int = columns * column + row;
    
62. // 现实单元格中的信息
    
63. print(list[index]);
    
64. }

本文来自：http://bbs.9ria.com/thread-134400-1-1.html