作者thesaurus (ㄨ咪)
看板LoveLive_Sip
標題Re: [閒聊] 製作SIF風格的手機介面
時間Fri Dec 5 00:08:56 2014
※ 引述《thesaurus (ㄨ咪)》之銘言：
: 手機空間不夠，沒辦法實作
: 所以先轉錄跟整理文中的素材而已
: 圖文步驟還滿詳細的，可以嘗試DIY
趁著SIF改版重灌清出不少空間，順便裝了nova跟zooper
然後試做了南醬、絵里、絵希版
最終是用絵希 (因為那張圖很可愛，稍微調整了按鍵位置)
http://i.imgur.com/Dzd7bUS.jpg
不過南醬跟絵里的人物比例上比較好
http://i.imgur.com/nnr451J.jpg
http://i.imgur.com/j9lCoxs.jpg
當然這篇主要是要講解一下APP部份，熟悉之後會發現很簡單
事實上花比較多時間都是在自製icon上
主要會依照中文化這篇的流程來講
http://unofficialll.pixnet.net/blog/post/244246702-llsif.android-themes-01
http://unofficialll.pixnet.net/blog/post/244258858-llsif.android-themes-02
先說明nova裡面比較重要的項目，沒提到的就是跟網頁說明設定一樣就可以了
nova安裝完正常應該會是中文版，進到設定頁面
1. 桌面 ◆桌面網格 其實就是桌面上的區塊數
切越多代表你的桌面圖示能放越多
圖示也較能放在想放的位置上
*關鍵是設定裡面的次網格定位必須勾選
便可大大提高自由度
◆主頁 就是設定分頁數目
一般大多都會設個3-5頁吧
看個人習慣
◆標籤圖示 用不到可以直接關掉
因為後面會提到免費版zooper不能直接透過圖示開啟APP
所以要透過隱藏APP捷徑來執行
這邊先關可以省得之後還要刪捷徑名稱
◆調整所有小工具 原則上都要勾選
◆小工具重疊 可以提高小工具(zooper)圖示大小的自由度
◆放置時重疊 跟各圖示、圖像的擺放位置
2. 抽屜 翻譯頗難懂，基本上就是後台顯示全部應用程式的那個頁面
跟主題沒多大關聯
3. 底座 就是主頁最下面常駐的功能列
如果是要設許多分頁懶得一頁頁分開設定就打開吧
像我習慣只用主頁，就直接關掉沒差
當然如果你每個分頁下方功能列，每頁都想設不一樣的話
也是可以選擇關掉，然後個別設定
有要使用的話就照網頁上的設定吧
4. 資料夾 就桌面APP堆疊，不過基本上不會用到可以跳過
5. 外觀與感覺 沒甚麼特別照網頁上設定就好
◆顯示通知欄 就是平常最上方顯示系統狀態的黑條
開不開看個人習慣
剩下功能就看個人習慣，備份與匯入可以備份目前的設定值
但其實沒啥用，因為主要重點是zooper設定
而zooper免費版沒備份功能
基本上nova可看作是提供介面網格給zooper小工具放定位而已
接下來是講zooper widget的部分
新增很簡單，在桌面空白處長按，選小工具就能選用
選幾乘幾大小可以先不用管，因為可以自由調整
把zooper看成是拼圖上的每一片就好，就會很好理解
接下來就是在桌面上把想要的圖放上去而已
大致擺好位置之後點一下就能進入內容，然後選擇Empty即可
上面的方框就是這個小工具在桌面上預覽的結果
◆小工具背景 小工具本身帶有半透明背景，所以打開先照網頁上說的
調整這項目，把中間那條拉到最右，或是直接設定
#00000000
接著點一下中下預覽的顏色方塊就好了，每一個都是這樣改
◆外觀 zooper主要設定內容都在這邊，點下去還沒新增圖文所以會看到空白內容
(元件) 按上方的十字，然後參考網頁上的內容設置即可
其實只會用到文字內容跟最下面的圖片而已
然後這些元件都能調整顯示比例大小跟指定位置
這部分網頁寫得很清楚按照步驟就可以完成
最後就是教學網頁上提到的讓點擊圖示時，能開啟相對應的APP
(付費版可以直接在外觀那邊設定連結APP作為捷徑)
免費版就克難一點
教學文在這邊講的，翻到隔壁空白頁，是因為要找空白的地方長按新增APP捷徑
而主頁桌面空間被圖示給佔滿的緣故
其實只要稍微先移動一下圖示，挪出一點空白的地方能長按即可
另外也不用放這麼多重複的捷徑，找個自己習慣按的地方
一個捷徑也就夠用了(通常是圖示的正中間)
簡單說就是弄個隱形的捷徑在圖示上
這樣自然點圖示(其實是點到捷徑)就會開啟APP
而那個"發送要回"，應該是中文化的問題
其實就是"移至底層"，跟"置頂"剛好相反
目的就是調整到隱形捷徑在上層、而圖示在下層
差不多會比較有問題的就這些吧
下面會提一些參數設定上會遇到的小問題跟解決
參數設定其實滿方便的，很多功能都可以直接點選選用參數
右上的RAM使用量顯示，實作時會遇到"已用記憶體"跟"所有記憶體"
這兩個參數取得需要root才能顯示
不過因為可用記憶體 #SFMEM# 可以正常顯示，雖然會多顯示單位MB
只要改成 #SFMEMN# 就會只顯示淨值的部分
然後因為手機RAM整體大小查機型就能知道 (256、512、1024、2048 等等)
假設是512的話，只要改成 $(512-#SFMEMN#)$/512
顯示上就會跟網頁教學上的結果一樣了 (括號左右加$$會變計算式)
另外顏色部分我是用
#FF23C1B5 ，不清楚原因教學網頁上的參數有色差
還有未讀信件(Gmail)顯示的參數部份
$#SUG#>0? 有#SUG#封未讀郵件！$
$#SUG#<1? 目前沒有未讀郵件！$
如果是簡訊的話，就把參數裡的 #SUG# 都改成 #SUSMS# 即可
原2ch串也有一些參數語法分享，例如幾點到幾點會講甚麼台詞
或是像SIF裡面一樣會隨機講台詞等等，有興趣可以去翻翻
最後講進階一點的速成做法，因為一個zooper小工具可以包含很多的元件
所以其實只要用一個zooper工具然後拉到全螢幕
直接把所有元件都加在同一個zooper裡即可
因為每張圖都獨立分開，比例大小位置都能個別調整
就能省得拉一堆zooper小工具
缺點大概是觸控範圍太多
很容易一直點進設定頁吧
另外這是這次我額外做的幾個素材檔
http://www49.zippyshare.com/v/80522414/file.html
內含南醬、絵里、絵希廣播去背的png檔
跟自製的噗浪圖示、お休み(休眠程式)、マネジャー(程序管理)
以及右下角的Camera功能列圖示(個人習慣)
其餘素材都是用前一篇文中的素材包
(imgur相簿右方有個Download可以直接打包下載整個相簿)
網頁版的修圖軟體 (使用方法跟PS一樣，也有魔術筆可以快速去背)
http://apps.pixlr.com/editor/
--
原2ch討論串
http://nozomi.2ch.sc/test/read.cgi/lovelive/1417333742/
Zooper Widget (參數及基本判斷式寫法)
http://www.orefolder.net/blog/2014/07/zooper-math-expressions/
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 124.11.245.12
※ 文章網址: http://www.ptt.cc/bbs/LoveLive_Sip/M.1417709339.A.AAB.html
推 Camera8025: 推專業教學!! 12/05 00:10
推 hjnklm: 頂個 12/05 00:10
推 xian: 大推！ 12/05 00:11
推 johnlin1591: 太好啦！今天摸索一個下午 總算弄好了 正在想如果會 12/05 00:12
→ johnlin1591: 去背就有更多素材了 12/05 00:12
推 KusudaNozomi: 專業推推 這周末我也要來用啦~ 12/05 00:12
→ RINsanity: 好強! 我都開始懷疑我做不做得出來了XD 12/05 00:35
→ johnlin1591: 沒有很難啦 只是一開始不懂 知道原理就很快了 12/05 00:48
推 Decad: 借問遊戲裡卡片的圖片(無內框者)哪裡找? 12/05 01:04
推 harpsealjoy: 推 有空來研究 12/05 02:37
→ tony511013: 同推成品，條件式好難，重點是不知道有哪些代碼= = 12/05 02:52
→ jwpe8000: 個人成品 推教學 12/05 07:55
→ NoMatterWhat: 大家都改的好棒... 12/05 08:44
→ johnlin1591: 無內框巴哈有篇專門貼去框的 但是好像都UR? 12/05 09:25
推 EPT4869: 各種強手出沒阿www 12/05 10:56
推 positive0424: 請問這是能按出功能的嗎?還是只是單純的背景 12/05 14:40
→ tony511013: 可以喔...功能都用透明圖隱藏在桌面 12/05 14:53
推 cp394: 實際上那些icon上面都是去字&透明圖的應用程式喔ww 12/05 19:36