說一下思路哈今缚，首先界面上用UGUI做成九個按鈕算柳，用它的排序列表排成3*3的，用lineRender畫線姓言。然后邏輯上圖案密碼實(shí)際上保存的就是數(shù)字瞬项，每個按鈕對應(yīng)一個數(shù)字，保存的密碼實(shí)際上是數(shù)字的順序何荚。
下面詳細(xì)說明
1.首先新建的按鈕下的text刪除囱淋，換成image放進(jìn)去，然后把按鈕圖片和image的圖片都換成knob,系統(tǒng)自帶的圖片餐塘，調(diào)整按鈕的alpha.
效果如下：
2.將這個按鈕復(fù)制8個妥衣，名字改為1-9.
效果如圖：
3.新建一個空物體，叫Buttons,將9個按鈕拖到它下面戒傻，然后再Buttons上添加GridLayoutGroup腳本税手，設(shè)置行列和間距
效果如圖：
4.建立一個空物體命名為line,然后添加lineRender組件，并新建材質(zhì)添加到lineRender上需纳，線的大小和寬度或者圖片好看可以自己設(shè)置芦倒，樓主懶得弄，就設(shè)了個顏色不翩。
5.現(xiàn)在開始寫代碼了兵扬，新建一個腳本BtnsControl,腳本內(nèi)容如下，具體的看注釋慌盯，有疑問或者可以優(yōu)化的可以評論中給我建議周霉。
