大綱 Type Regular top app bar Simple Using Applying scrolling behavior Prominent...
Setting 畫面 我用 Java 寫 利用 Spinner 切換音樂 spinner.setAdapter(adapter); spinner.setSel...
大綱 Simple Using Using Ranger Slider Adding/removing the value label Setting a...
前言 是一個作為導航工具的組件，能讓用戶隨時展開或收起，與 Bottom Navigation 相同都是作為跳轉畫面的元件，但應用上有些不同，上幾篇我有提到 B...
大綱 Standard bottom sheet Modal bottom sheet Expanding bottom sheet Common Using...
這功能對於瀏覽器來說，應該是個沒人(或很少人)想過會存在的功能。 從十幾二十年前開始有瀏覽器以來，瀏覽器就一直是以橫讀為主。而中文閱讀習慣，也漸漸地變成橫式閱讀...
前言 為 selection controls components 最後一個元件，與 slider、checkboxes 在設計上都非常簡潔，一樣也是實作與設...
雙開 WebView 並開啟 Google Translate 網頁 先來看看今天想要完成的功能的樣子 Google Chrome 不論是桌面版或是手機版的...
Android Studio 就是用來打程式碼的地方 基本上開發的過程就是 打程式碼，瘋狂打程式碼 打完後，按某個按鈕可以產出一個檔案(APK檔) ->...
夜間模式在電子書閱讀器上通常效果不會很好，黑色的底色會造成很多殘影。不過，因為我也會在一般手機上使用這個 browser ，所以能夠支援夜間模式的話，也可以讓一...
在 FOSS Browser (以後簡稱 browser) 中已經有支援簡單的手勢操作，讓使用者可以設定向上向下滑動工具列的網頁標題時，會執行什麼功能，其中包含...
開發原則主要有三點：1. 減少畫面重繪次數, 2. 縮小重繪範圍, 3. 提高畫面元件對比度 減少畫面重繪次數 畫面更新率低，以及重繪會有殘影，是目前電子紙...
為電子書閱讀器而開發的瀏覽器 APP，在繞了一大圈之後，終於又繞回了電子書本身。原本的實作就已經可以將網頁輸出成 pdf 檔案。不過，如果希望產生的檔案可以更有...
雖然 browser 下方的工具列已經添加了上下按鈕，可以在不捲動畫面的情況下，往下一頁或往上一頁，但是能用來翻頁的方式，永遠不嫌多啊！這一兩年海信推出的電子紙...
延續昨天，我們利用 Seebar 調整音量 將改變的 progress 也傳給 Service 加以改變 private void Seebar(){...
第一步先去這裡 Firebase 點下 Get started 並 登入 新增一個專案 隨便輸入你喜歡的名稱 Analytics 不是我們的重點，我們先不...
前言 今天要來介紹的是 Text fields ( Input Text )，與 Button 一樣都是在應用程式中很常見的元件，通常出現在需要讓用戶填寫資料的...
前言 與上篇同為 Selection Controls Components，今天要講的是 Checkboxes，由於這些元件整體相對簡潔，Material D...
【感謝】 感謝跟完這三十天的所有人 感謝團隊的各位夥伴一起鞭策前進 感謝自己沒有放棄 【心得】 這是小弟轉職成為工程師短短四個月的一些小心得，也算是讓自己再做一...
前言 由於 Material Design 大多數的篇幅都注重在介紹 UI / UX 還有在 Android 中有哪些實用的元件 所以對前端工程師最大的好處應該...
如何做選擇 選擇一個好的開源專案來當作起點，可以省下很多重新發明輪子的時間，把精力專注在想要改善和提供的功能上。Github 上面有許多選擇：大型的如 Fire...
前言 Dialog 比起上一篇提到的 Snackbar，更為顯著且出現時會阻擋用戶操作 Dialogs - Design 分為下面幾個段落來介紹 Usag...
接下來我們要嘗試完成聊天室 期望效果：兩台不同手機在同一個 APP 上，即時傳送訊息、接收訊息聊天 我們的 ServerSocket 用 java 寫在 Ecl...
在前一篇提到，可以利用 epublib 將網頁內容儲存成 epub 檔案，便於事後用其他的閱讀軟體中操作。不過，前一篇還只能將網頁中的文字部分儲存下來。今天要來...
前言 Snackbar，是很常見的應用通知設計，位於應用程式的底部，提供用戶目前操作的任何相關訊息。由於 Snackbar 實作的篇幅較少，就一起講解 大綱...
我們也可以用 switch 調整是否靜音 xml <Switch android:id="@+id/switch1"...
前言 Bottom Navigation 通常作為主畫面的元件之一，位於畫面底部，能讓用戶操作並進行各個畫面的導航，是個以操作體驗與畫面跳轉為重的組件 Bo...
大綱 Using Anatomy Key properties Style Using 先就簡單地做一下基本的架構，需要BottomNavigationVi...
在 Day02 時有提到，電子紙螢幕設備上的 UI 設計原則是減少畫面的重繪。我們可以看到上面圖中的彈出表單，除了它在顯示時，會將全部畫面做黑色遮罩，造成全畫面...
大綱 Simple Using Anatomy Key properties Modal navigation drawer Bottom navigatio...
vosscg0822
Deron
Daniel Kao
iThome鐵人賽
看影片追技術