iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
Mobile Development

如何開發適合電子書閱讀器使用的瀏覽器 Android APP 系列

市面上的瀏覽器 APP 多如牛毛,除了主流的 Chrome, Firefox 之外,還有各式各樣符合不同需求的瀏覽器 APP。但是放眼望去,卻沒有一款瀏覽器是專門設計給電子書閱讀器使用。電子書閱讀器因為電子紙的特性,傳統的瀏覽器雖然可以執行,但使用上卻不是那麼順手。為了要解決這個問題,本系列將從一個 Open Source 的瀏覽器著手,一步步將它改造成適合電子書閱讀器的 APP,並賦予它強大的功能,讓電子書閱讀器除了可以拿來看書外,還可以很方便的上網。

鐵人鍊成 | 共 30 篇文章 | 13 人訂閱 訂閱系列文 RSS系列文
DAY 1

電子書閱讀器上的瀏覽器 [Day01] 初衷與功能總覽

最近這幾年,電子書閱讀器的技術愈來愈成熟。除了 Amazon Kindle 和 Kobo 這些老牌的閱讀器外,有愈來愈多廠商加入開發和製造的行列。可別以為現在的...

2021-09-01 ‧ 由 Daniel Kao 分享
DAY 2

電子書閱讀器上的瀏覽器 [Day02] 開發原則

開發原則主要有三點:1. 減少畫面重繪次數, 2. 縮小重繪範圍, 3. 提高畫面元件對比度 減少畫面重繪次數 畫面更新率低,以及重繪會有殘影,是目前電子紙...

2021-09-02 ‧ 由 Daniel Kao 分享
DAY 3

電子書閱讀器上的瀏覽器 [Day03] 站在巨人的肩膀上,找到對的起跑點

如何做選擇 選擇一個好的開源專案來當作起點,可以省下很多重新發明輪子的時間,把精力專注在想要改善和提供的功能上。Github 上面有許多選擇:大型的如 Fire...

2021-09-03 ‧ 由 Daniel Kao 分享
DAY 4

電子書閱讀器上的瀏覽器 [Day04] 以翻頁的方式瀏覽網頁

在 FOSS Browser (以後簡稱 browser) 中已經有支援簡單的手勢操作,讓使用者可以設定向上向下滑動工具列的網頁標題時,會執行什麼功能,其中包含...

2021-09-04 ‧ 由 Daniel Kao 分享
DAY 5

電子書閱讀器上的瀏覽器 [Day05] 提高圖案對比度

從下面截圖可以看得出來,原本的畫面設計大部分按鈕圖案是灰色的,有些地方的文字也是非全黑的顏色。這在一般螢幕上可以避免過黑,跟白色背景造成太強烈的對比。但是在電子...

2021-09-05 ‧ 由 Daniel Kao 分享
DAY 6

電子書閱讀器上的瀏覽器 [Day06] 增加翻頁按鈕和分頁數字資訊在工具列

新增翻頁按鈕 browser 畫面下方的工具列其實還蠻空曠的,應該可以多塞點功能進來。與其用手勢滑動來翻頁,倒不如在工具列上加兩個按鈕,一個向上翻頁,一個向下翻...

2021-09-06 ‧ 由 Daniel Kao 分享
DAY 7

電子書閱讀器上的瀏覽器 [Day07] 改善更多的 UI

在 Day02 時有提到,電子紙螢幕設備上的 UI 設計原則是減少畫面的重繪。我們可以看到上面圖中的彈出表單,除了它在顯示時,會將全部畫面做黑色遮罩,造成全畫面...

2021-09-07 ‧ 由 Daniel Kao 分享
DAY 8

電子書閱讀器上的瀏覽器 [Day08] 調整網頁字型

字型大小 這次的重點是字型。先來說說字型大小。 現在市面上的電子紙設備大大小小各種尺寸都有:從海信出的 A5 手機(5.8吋),A7(6.7吋),Kindle...

2021-09-08 ‧ 由 Daniel Kao 分享
DAY 9

電子書閱讀器上的瀏覽器 [Day09] 支援音量鍵翻頁

雖然 browser 下方的工具列已經添加了上下按鈕,可以在不捲動畫面的情況下,往下一頁或往上一頁,但是能用來翻頁的方式,永遠不嫌多啊!這一兩年海信推出的電子紙...

2021-09-09 ‧ 由 Daniel Kao 分享
DAY 10

電子書閱讀器上的瀏覽器 [Day10] 支援畫面點擊翻頁

既然是電子書閱讀器,一般人最常拿來用的功能應該就是看電子書吧。看電子書時如果要翻頁的話,通常會點擊畫面的兩側。那瀏覽器是不是也可以讓它有一樣的行為呢?這麼一來既...

2021-09-10 ‧ 由 Daniel Kao 分享