第一篇部落格，僅作為個人在學習過程中記錄作用

正文

之前公司遇到幾個兩個專案都有一個列表切換的功能，具體功能就是點選tab列表，內容根據tab切換來變換，效果如下：

這樣一個很常見功能

網上例子較少，後來學到一個方法，幾步就可以實現，不需要寫程式碼

第一步

建立如下的介面，包含一個放置內容的Panel（下面的大的）和一個控制Panel（tab）（左上角小的）

第二步

在tab中新增button元件，如下

其中OnClick中object直接將大Panel拖進去，Function選擇RectTransform.setasLastSibling，這個方法的作用就是移動該物件到父物件最後一個位置

直觀看來也就是最上層的介面

第三步

重複上面幾個步驟，複製幾個，記得Tab位置要調整一下，如下：

執行一下，大功告成啦！

執行結果如下：

彩蛋！（方法二）

由於是我第一篇部落格，還是稍微認真一下

上面方法適用於下面內容變化較大，佈局不同的，需要寫幾種不同的頁面的

如果下面佈局差不多，那麼完全沒必要這樣浪費記憶體來建立多餘的頁面

可以用一個Panel用來裝內容，上面的Tab可以用Toggle的方法，可以實現單選的功能

如下:

建立一個Panel，命名為TabGroup，為該物件加上元件Toggle Group

在該物件下建立數個Panel（tab）

在tab中加上Toggle元件，然後將父物件TabGroup拖到指定位置，如下

重複這些步驟到其他的Tab，大功也告成啦！