想讓你的UI變得好看嗎舟扎？那你就花時(shí)間看看這篇文章吧！
?原插件作者：Moghunter
插件修改：游學(xué)者狐貍（ACFOX）
首先貼一下MOG的官方網(wǎng)站茧彤，大家可以去MOG的官網(wǎng)下載他的插件
https://atelierrgss.wordpress.com/
另外這是我上傳進(jìn)度盤(pán)的一個(gè)MOG的演示DEMO损姜，可能有點(diǎn)老了，但是只用UI的話(huà)牌柄，其實(shí)已經(jīng)夠了，大家先用著吧侧甫。
鏈接:?https://pan.baidu.com/s/1kU7a2X5?密碼: 2tvj
本插件下載地址：
鏈接: https://pan.baidu.com/s/1eSlgUwq 密碼: 2af3
插件一覽：
? ?
大家請(qǐng)注意珊佣，這個(gè)插件下載以后的名字就是MOG_SceneMenu，本文用MOG_SceneMenuX只是為了方便區(qū)分披粟，實(shí)際用這個(gè)插件的時(shí)候必須起名為MOG_SceneMenu咒锻，請(qǐng)不要隨意改動(dòng)這個(gè)名字，否則插件其他參數(shù)無(wú)法調(diào)整守屉，這個(gè)問(wèn)題非常重要惑艇。下載以后，只需要替換進(jìn)去就行了拇泛，用法都是一樣的滨巴，千萬(wàn)不要把名字改回MOG_SceneMenuX，也不要改成其他名字０嘲取＞ぢ选！
原插件介紹：
MOG_SceneMenu是一款用于制作MV游戲UI的十分精美的插件绪颖，該系列插件配合item，equip等一系列配套插件，可以將UI制作得特別美觀柠横，比MV自帶的菜單UI要好看很多窃款。
但遺憾的是，MOG在制作這一系列插件的時(shí)候牍氛，并沒(méi)有或多地考慮到游戲分辨率等硬性問(wèn)題晨继，所以在一些數(shù)值設(shè)置上不太靈活，而我修改的MOG_SceneMenuX就是用于解決這些問(wèn)題的搬俊。
使用MOG的Menu請(qǐng)配合以下配套插件一起使用紊扬，具體操作請(qǐng)見(jiàn)MOG的DEMO，以及MOG官方的插件介紹唉擂，這里不多贅述餐屎。
（不過(guò)，如果有同學(xué)不會(huì)使用的話(huà)玩祟，請(qǐng)?jiān)诨靥谢貜?fù)腹缩，我看到后會(huì)盡量幫忙解決你的問(wèn)題。）
插件使用介紹：
如果要用MOG_SceneMenuX這個(gè)插件的話(huà)空扎，需要先關(guān)閉MOG的原有插件MOG_SceneMenu藏鹊，請(qǐng)一定要關(guān)閉，這兩個(gè)插件只能開(kāi)一個(gè)转锈！
MOG_SceneMenuX和MOG_SceneMenu其實(shí)是同一個(gè)插件盘寡，只需要開(kāi)一個(gè)就可以了，關(guān)上另一個(gè)也不會(huì)出任何問(wèn)題撮慨，請(qǐng)放心竿痰。
接下來(lái)我們展示一下這個(gè)插件的效果：
先展示MOG的原本插件MOG_SceneMenu的效果，以方便做對(duì)比
好的甫煞，我可以看到這個(gè)
UI菜單的界面菇曲，其實(shí)存在以下兩個(gè)問(wèn)題：
問(wèn)題一：主菜單，圖標(biāo)與圖標(biāo)之間的間距很小抚吠，而且這個(gè)距離是不能調(diào)的常潮，是固定的48像素，所以如果圖標(biāo)做大了楷力，或者游戲分辨率太大喊式，就會(huì)很難受。
問(wèn)題二：圖標(biāo)的排版也是固定的波浪形萧朝，但是有些人可能并不喜歡波浪形岔留，有些人可能喜歡橫著排，而有些人可能喜歡豎著排检柬，所以也會(huì)很難受献联。
而我修改的MOG_SceneMenuX，這個(gè)插件就是為了解決以上兩個(gè)很難受的問(wèn)題才誕生的。
但是里逆，由于版權(quán)問(wèn)題进胯，還有插件本身的問(wèn)題（我才不會(huì)說(shuō)其實(shí)是我技術(shù)不夠），所以我們想使用MOG_SceneMenuX的話(huà)原押，需要簡(jiǎn)單地修改一下js胁镐，你不用害怕，這個(gè)真的很簡(jiǎn)單诸衔，我會(huì)手把手教你怎么做盯漂。
只要和我一起過(guò)一遍，以后你就能得心應(yīng)手了笨农。
第一步：
首先就缆，請(qǐng)將MOG_SceneMenuX放進(jìn)你的插件包中，在你的插件包中找到MOG_SceneMenuX磁餐，如下圖所示违崇。
紅色框是MOG的原插件，而綠色框是我修改后的插件
（順便說(shuō)一句诊霹，大家如果要用MOG_SceneMenuX的話(huà)羞延，我希望大家能在使用后，還是將插件的名字改回MOG_SceneMenu脾还，請(qǐng)去掉最末尾的那個(gè)“X”伴箩，因?yàn)殡m然MOG插件的條款中允許修改他的插件，但我覺(jué)得還是應(yīng)該尊重MOG的版權(quán)）
第二步：
右鍵MOG_ACFOX_SceneMenuX鄙漏，選擇“編輯”
（這里推薦大家使用notepad++打開(kāi)嗤谚，這個(gè)軟件比記事本要好用多了，沒(méi)有的話(huà)怔蚌，可以去下載一個(gè)巩步，免費(fèi)的哦）
第三步：
選擇“編輯”以后，我們會(huì)打開(kāi)這個(gè)窗口桦踊，如下圖所示
然后椅野，按ctrl+F，打開(kāi)檢索窗口籍胯，在窗口中輸入“create Commands”竟闪，如下圖所示，然后我們點(diǎn)擊“查找下一個(gè)”：
第四步：
當(dāng)你點(diǎn)擊“查找下一個(gè)”以后杖狼，我們就能找到這個(gè)地方：
第五步：
接下來(lái)炼蛤，我們就要開(kāi)始調(diào)整間距和樣式了
如圖所示：
紅色的參數(shù)（默認(rèn)為48），是菜單圖標(biāo)的間距蝶涩，修改這個(gè)參數(shù)理朋，就可以調(diào)整圖標(biāo)間距絮识。
綠色的參數(shù)（默認(rèn)為1）用于調(diào)整圖標(biāo)樣式。
當(dāng)綠色參數(shù)為1時(shí)嗽上，樣式即為MOG默認(rèn)的波浪形樣式笋除；
當(dāng)綠色參數(shù)為2時(shí)，樣式即為橫版樣式炸裆；
（當(dāng)然我這里只是用于演示，并沒(méi)有調(diào)整間距鲜屏，所以暫時(shí)還不太好看）
當(dāng)綠色參數(shù)為3時(shí)烹看，樣式即為豎版樣式；
所以洛史，修改樣式的話(huà)惯殊，只需要改括號(hào)里面的數(shù)字哦！是不是很簡(jiǎn)單呢也殖？
另外土思，菜單的位置和其他參數(shù)是MOG插件中自帶就可以調(diào)整的，請(qǐng)?jiān)谶@里調(diào)整忆嗜，具體的可以去看MOG官網(wǎng)己儒，也可以在本貼中回復(fù)問(wèn)我，我會(huì)盡量解答
然后我們來(lái)說(shuō)一下怎么改間距捆毫。
改間距的話(huà)闪湾，需要修改上圖中畫(huà)紅圈的四個(gè)參數(shù)（默認(rèn)為48），只需要修改這四個(gè)數(shù)字绩卤，就能修改間距了（四個(gè)數(shù)字請(qǐng)改成一樣的途样，如果不一樣可能會(huì)出問(wèn)題）
（順便說(shuō)一下，其實(shí)這里的修改用不了這么麻煩濒憋，會(huì)JS的大大肯定知道是怎么回事何暇，不過(guò)我這邊文章針對(duì)的是所有開(kāi)發(fā)者，可能有些人沒(méi)接觸過(guò)JS凛驮，所以你懂的……我就不說(shuō)了裆站，哈哈）
MOG默認(rèn)的間距是48像素，也就是呈現(xiàn)下面這種很擁擠的效果（樣式為默認(rèn)的1辐烂，也就是波浪形樣式）遏插。
而當(dāng)我們把這個(gè)數(shù)值改大，比如說(shuō)改成80的時(shí)候纠修，就會(huì)呈現(xiàn)下面這種效果胳嘲。
哈哈哈，是不是變寬了很多呢扣草？
其實(shí)這個(gè)數(shù)值的修改了牛，是為了適應(yīng)分辨率而做的颜屠，如果你要做大分辨率的游戲，就需要改這里了哦
當(dāng)然鹰祸，如果你想改成橫版樣式甫窟，也是沒(méi)問(wèn)題的，只需要這樣改就可以了
然后你的菜單就會(huì)變成這樣：
同理蛙婴，豎著的那種也是一樣的粗井！
是不是感覺(jué)方便了很多呢？
最后街图，你每次修改這個(gè)插件的時(shí)候浇衬，請(qǐng)一定要在記事本中選擇“保存”，如下圖：
如果你不保存的話(huà)餐济，修改就不會(huì)生效耘擂。
所以你如果發(fā)現(xiàn)你的某次修改無(wú)效的話(huà)，你不妨保存一下再看看絮姆。
另外醉冤，使用本插件的額外功能，只需要修改以上說(shuō)明的兩個(gè)地方篙悯，其他地方請(qǐng)不要隨意修改蚁阳，就連標(biāo)點(diǎn)符號(hào)也不能隨意修改，JS插件對(duì)于代碼的規(guī)范是很?chē)?yán)格的辕近，稍微少一個(gè)分號(hào)韵吨，可能就不能運(yùn)行了。
如果你不小心修改錯(cuò)誤移宅，建議重新下載本插件归粉，并重新設(shè)置。
當(dāng)然漏峰，如果你用notepad的話(huà)糠悼，事情就會(huì)變得非常簡(jiǎn)單了，其實(shí)在520行修改就可以了浅乔。
左邊是我修改的內(nèi)容倔喂，而右邊是MOG的原插件，大家可以看到其實(shí)設(shè)置樣式和邊距參數(shù)的地方就只有那一行靖苇，而我是加了一個(gè)switch來(lái)做成三種樣式的席噩，具體怎么回事就涉及JS的一些知識(shí)了，我就不多說(shuō)了贤壁。
最后悼枢，可恥地打一下廣告2333
這是我的新浪微博：
https://weibo.com/6414559491/profile?topnav=1&wvr=6
大家可以關(guān)注一下，我有空會(huì)做一些小插件供大家免費(fèi)使用脾拆。
另外馒索，其實(shí)我也開(kāi)了游戲坑的莹妒，大概會(huì)過(guò)段時(shí)間會(huì)在steam平臺(tái)發(fā)布，然后可能會(huì)在微博更新一些游戲制作的動(dòng)態(tài)哦绰上！
我是游學(xué)者狐貍旨怠，我們下期再見(jiàn)！^_^
