蔬果行情站 2.0

前言

前陣子完成架構的升級後,接下來就是蔬果行情站本體的改造,主要是開發語言的更換,以及程式架構的調整;除了上述提到部分,我認為還有兩點相當重要:

  • 舊版缺點的改善。
  • 新版功能的開發方向。

舊版缺點

預測零售價不準

這點我認為是最嚴重的,因為一直有使用者反應這件事,但又無法讓每一位使用者瞭解:預測零售價是可以自行修改的參數。改善方向就是拿掉這項功能,取而代之的是更客觀的方法:以上個月的平均價去比較當日平均價,並提供漲跌資訊,由使用者自行判斷便宜與否。

線圖不易瀏覽及使用

關於行情線圖,最常看到的評論是字太小,再來就是線圖不知如何使用。前者是介面上的設計不良,未能顧及某些使用者的需求,至少就有兩、三則評論提到:長輩看不清楚線圖上的數字,希望可以再大一些。後者則是未提供使用者操作教學,如:兩指放大、縮小的手勢;這類 UI / UX 相關的需求會在新版本加以改善。

新功能的開發方向

繼續閱讀 蔬果行情站 2.0

TextView 總是對不齊 Drawable

前言

不曉得你們有沒有遇過這種狀況:

在 TextView 的屬性設定了 android:gravity="center_vertical"

結果一旁的 Drawable 卻沒有置中對齊,變成這樣:

TextView 總是對不齊 Drawable
無法垂直置中

TextView 總是對不齊 Drawable

這是因爲字型設計時,文字會有筆畫延伸高度:

上延筆畫(ascender)

下延筆畫(descender)

而 Android 會針對這兩個高度去畫額外的留白空間,

此時就會導致視覺上文字無法跟圖片垂直置中。

設計師看到就會訐譙你這跟他畫的 mockup 不一樣。

解決方法

設定 android:includeFontPadding="false" 這項屬性,
先來看看 Android 官方文件如何說明這項設定:

Leave enough room for ascenders and descenders instead of using the font ascent and descent strictly. (Normally true).

預設為 true,此時會連同額外的留白空間一起畫,

也就是說,當屬性設定為 false 時,

應可預期那些額外的留白會消失,

讓 TextView 的 Drawable 可以垂直置中對齊 。

垂直置中
設定屬性後可以垂直置中

參考資料

http://circlezine.com/2015/07/30/mix-match-01/

http://blog.justfont.com/2012/11/latin-type-design-1/

玩遊戲學廣告配置

叔怪
叔怪

前言

我對手機廣告的體驗一直不是很好,

其中最糟糕的體驗莫過於蘋果新聞的網頁,

一進去先跳個全版廣告不說,

有時還關不太掉,常因此而惱怒。

最近看到朋友在玩一款遊戲,名稱是:叔怪

由於題材很有趣,我也跟著玩了,

在遊玩的過程中,我發現我完全不排斥廣告,

甚至還有點享受廣告,覺得滿有意思的。 繼續閱讀 玩遊戲學廣告配置

[Android] ImageView的getWidth()跟getHeight()回傳值為0

這個問題的原因通常是View尚未準備好,

必須等到所有View都讀取完畢,return值才會不等於0。

該如何解決呢?有兩種作法:

一、等讀取完畢再去取值

在Activity覆寫下列函式:

二、使用ViewTreeObserver().OnPreDrawListener預先讀取數值