分類: Android

教導年長者使用平板電腦

前言

我媽前陣子嚷著想要用電腦，就我有印象以來，這狀況持續了十年以上，每隔一段時間，我媽就會說要學電腦，但每次教完，大約一週內就會對電腦失去興趣。

使用者背景

  • 65 歲傳統家庭主婦
  • 國小學歷
  • 容易放棄，害怕失敗及未知的問題
  • 記憶力開始退化
  • 不擅長使用電子產品（包含無連網產品）
  • 桌上型電腦課程經驗，巔峰時期可以獨力完成開、關機流程
  • 沒有智慧型手機
閱讀全文 教導年長者使用平板電腦

OkHttp 綁定 AWS SSL 憑證

前言

前陣子印尼員工遭遇了手機無法連到 AWS EC2 主機的問題，請對方開啟網頁瀏覽器連自家 API，網址列上出現了驚嘆號，懷疑是自家主機不被該裝置信任，出了一版綁定憑證 (SSL pinning) 的版本，果然順利連到了主機。

延伸問題

EC2 的憑證每年換發一次，若應用程式每年也需要出新憑證的版本，到時肯定會手忙腳亂（很容易忘記），而且會有不相容舊版的狀況發生。

閱讀全文 OkHttp 綁定 AWS SSL 憑證

口罩地圖開發思路

前言

2/6 要實施購買口罩實名制的政策，前一天我對同事發表了「明天晚點到公司宣言」，口罩即將用盡的我，勢必得在政策實施的第一天補充庫存，雖然每個人只能選購兩片，但大家都有把髒內褲翻過來當作新的來穿的經驗，兩片口罩撐一週當然沒問題，翻過來又是一條好漢。（開玩笑的，正確配戴方式請查閱衛福部：口罩應反過來配戴？）

當我要查詢附近特約藥局時，發現民間做的口罩地圖服務被大流量灌爆，甚至有人吃了一張 Google 的 60 萬元帳單。這件事應該是要被解決的，於是興起動手做一個的想法。

閱讀全文 口罩地圖開發思路

蔬果行情站 2.0

前言

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

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

舊版缺點

預測零售價不準

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

線圖不易瀏覽及使用

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

新功能的開發方向

閱讀全文 蔬果行情站 2.0

TextView 總是對不齊 Drawable

前言

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

<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 卻沒有置中對齊，變成這樣：

無法垂直置中

TextView 總是對不齊 Drawable

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

上延筆畫（ascender）

下延筆畫（descender）

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

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

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

解決方法

<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/

玩遊戲學廣告配置

叔怪

前言

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

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

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

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

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

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

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

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

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

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

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

該如何解決呢？有兩種作法：

一、等讀取完畢再去取值

在Activity覆寫下列函式：

 @Override
 public void onWindowFocusChanged(boolean focus) {
 　super.onWindowFocusChanged(focus);
 　// 在這裡getWidth()或getHeight()
 }

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

 mImageView.getViewTreeObserver().addOnPreDrawListener(
 　new ViewTreeObserver.OnPreDrawListener() {
 　public boolean onPreDraw() {
 　　int Height = mImageView.getMeasuredHeight();
　　 int Width = mImageView.getMeasuredWidth();
　　 // 取得寬高
　　 return true;
　 }
 });