前陣子完成架構的升級後，接下來就是蔬果行情站本體的改造，主要是開發語言的更換，以及程式架構的調整；除了上述提到部分，我認為還有兩點相當重要：
這點我認為是最嚴重的，因為一直有使用者反應這件事，但又無法讓每一位使用者瞭解：預測零售價是可以自行修改的參數。改善方向就是拿掉這項功能，取而代之的是更客觀的方法：以上個月的平均價去比較當日平均價，並提供漲跌資訊，由使用者自行判斷便宜與否。
關於行情線圖，最常看到的評論是字太小，再來就是線圖不知如何使用。前者是介面上的設計不良，未能顧及某些使用者的需求，至少就有兩、三則評論提到：長輩看不清楚線圖上的數字，希望可以再大一些。後者則是未提供使用者操作教學，如：兩指放大、縮小的手勢；這類 UI / UX 相關的需求會在新版本加以改善。
不曉得你們有沒有遇過這種狀況：
|
1 2 3 4 5 6 |
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:drawableRight="@mipmap/arrow" android:text="免費註冊取得更多功能"/> |
在 TextView 的屬性設定了 android:gravity="center_vertical"，
結果一旁的 Drawable 卻沒有置中對齊，變成這樣：
這是因爲字型設計時，文字會有筆畫延伸高度：
上延筆畫（ascender）
下延筆畫（descender）
而 Android 會針對這兩個高度去畫額外的留白空間，
此時就會導致視覺上文字無法跟圖片垂直置中。
設計師看到就會訐譙你這跟他畫的 mockup 不一樣。
|
1 2 3 4 5 6 7 8 9 |
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center_vertical" android:drawableRight="@mipmap/arrow" android:includeFontPadding="false" android:text="免費註冊取得更多功能"/> |
設定 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/
我對手機廣告的體驗一直不是很好，
其中最糟糕的體驗莫過於蘋果新聞的網頁，
一進去先跳個全版廣告不說，
有時還關不太掉，常因此而惱怒。
最近看到朋友在玩一款遊戲，名稱是：叔怪
由於題材很有趣，我也跟著玩了，
在遊玩的過程中，我發現我完全不排斥廣告，
甚至還有點享受廣告，覺得滿有意思的。 閱讀全文 玩遊戲學廣告配置
最近在重構蔬果行情站的程式碼，
由於是將整個架構換掉，*註1
想說都要大改了，索性連layout也一起修改。
layout中我最不滿意的地方是功能選單；
這個問題的原因通常是View尚未準備好，
必須等到所有View都讀取完畢，return值才會不等於0。
該如何解決呢？有兩種作法：
一、等讀取完畢再去取值
在Activity覆寫下列函式：
|
1 2 3 4 5 |
@Override public void onWindowFocusChanged(boolean focus) { super.onWindowFocusChanged(focus); // 在這裡getWidth()或getHeight() } |
二、使用ViewTreeObserver().OnPreDrawListener預先讀取數值
|
1 2 3 4 5 6 7 8 9 |
mImageView.getViewTreeObserver().addOnPreDrawListener( new ViewTreeObserver.OnPreDrawListener() { public boolean onPreDraw() { int Height = mImageView.getMeasuredHeight(); int Width = mImageView.getMeasuredWidth(); // 取得寬高 return true; } }); |
