先介紹一下我的開源電商項(xiàng)目簡(jiǎn)書介紹,這個(gè)項(xiàng)目包含了安卓客戶端的代碼和Spring服務(wù)端代碼糊渊，如果覺得不錯(cuò)右核，請(qǐng)
star，如果覺得太丑請(qǐng)用star將我砸醒渺绒。我寫這篇文章的目的是對(duì)這個(gè)項(xiàng)目的客戶端進(jìn)行美化的過(guò)程贺喝。有錯(cuò)誤的地方菱鸥，還請(qǐng)指出
為什么要美化界面
美化界面的原因一方面是提高自己對(duì)View的理解，另一方面也是最重要的方面躏鱼，就是氮采，很多同學(xué)向我吐槽說(shuō)，我的項(xiàng)目的界面太丑染苛。其實(shí)我覺的還OK了鹊漠。所以，就這樣開始我的美化之旅
美化前茶行，美化后
美化前
好像不是太丑的樣子
美化后
有沒有感覺整個(gè)軟件的逼格高起來(lái)了
過(guò)程
設(shè)計(jì)界面
一個(gè)程序猿應(yīng)當(dāng)以字符界面為美躯概。。拢军。
所以我只能搜索一些設(shè)計(jì)網(wǎng)站看看有沒有別人的ＵＩ視圖楞陷，可以供我參考使用，于是我發(fā)現(xiàn)了下面三個(gè)網(wǎng)站
- dribbble 里面的設(shè)計(jì)師畫圖又好看茉唉，長(zhǎng)得又漂亮固蛾，我超喜歡哪里的。
- behance 一個(gè)逗逼公司的產(chǎn)品度陆，里面有很多高質(zhì)量的UI設(shè)計(jì)圖
- UI中國(guó)emmmmm,也是不錯(cuò)的艾凯，畢竟中文更加親切
于是，我在dribbble發(fā)現(xiàn)了ta,第一眼就愛上它了懂傀。
代碼設(shè)計(jì)
設(shè)計(jì)難點(diǎn)
波浪選擇
能夠生成波浪的趾诗，據(jù)我所知有三種方式
- 貝塞爾曲線生成，相關(guān)文章
- 正弦函數(shù)模擬
-
圖像的混合模式
圖像混合模式蹬蚁，是用來(lái)生成非規(guī)則波的恃泪，因?yàn)轫?xiàng)目需要是規(guī)則的，所以忽略這個(gè)選項(xiàng)犀斋。于是在貝塞爾和正弦中選擇贝乎。
image
如何選擇
我想到的第一點(diǎn)是通過(guò)性能，來(lái)測(cè)試兩種曲線生成方式的好壞
測(cè)試貝塞爾波與正弦生成的優(yōu)劣
第一步寫代碼
因?yàn)樯厦娴慕榻B文章里面有詳細(xì)的代碼叽粹，我這里就不復(fù)制了（需要略作修改览效，將速度調(diào)成一致，控制變量法）虫几。
直接進(jìn)入性能測(cè)試
附上性能截圖
貝塞爾
正弦函數(shù)模擬生成
這里比較內(nèi)存可以看出來(lái)锤灿，兩者在內(nèi)存占用上沒有優(yōu)劣之分，其中貝塞爾有一小點(diǎn)內(nèi)存抖動(dòng)辆脸，這里我們就忽略掉它但校。在來(lái)看ＣＰＵ，這里的差距就很明顯了啡氢，正弦函數(shù)状囱，無(wú)論從占用和穩(wěn)定性上州刽，都比貝塞爾好很多。
結(jié)論
所以浪箭，我選擇
知識(shí)點(diǎn)
- EditText的樣式修改
- 自定義View
- 雜七雜八的知識(shí)點(diǎn)
