Retrofit是Square公司開發的一款針對Android網路請求的框架，遵循Restful設計風格，底層基於OkHttp。 功能： 支持同步/異步網路請...
卡片版面1 在這個範例中要練習卡片版面的切版 整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...
簡介 DataBinding庫允許開發者使用宣告式格式(declarative format) 而不是編成方式將XML佈局中的UI組件綁定到應用程序中的數據源...
我們最常見到要設定一個contaner的padding時，會發現該物件會變大，所以這時候我們就可以使用一個屬性box-sizing:border-box，該物件...
如何使用 Font Awesome 在網頁設計的同時，可以看到需要使用大量的icon，當我們網站要放入一些比較複雜的icon設計圖示，但沒有設計師幫我們產出時，...
width 及 hight 是css裏頭做常出現的屬性，幾乎每個物件都會用到，但是身為小白的我們卻很難把他用好，導致出現跑版的狀況，為了我們小白能夠理解他們的常...
LiveData | Android Jetpack LiveData組件：在底層數據更改時自動通知視圖 如何使用 通常LiveData會和ViewMode...
合體版面 今天要將DAY6~DAY13所練習的所有版面合體起來，變成一個完整的頁面結束完這個完整個範例後，接下來的這幾天，每天會提供一個比較常見的範例一起練習...
我們在設計版面的時候，客戶常常要求這個圖片要上面一點還是下面一點等等，都是要設置物件margin和padding，margin 與 padding 分別控制物件...
LiveData和ViewModel組件常被用來一起實現Android官方所提出來的MVVM架構。 而"ViewModel的唯一職責就是管理UI的數據...
導覽列 在這個範例中要練習導覽列區塊的切版 整理幾個重點:1.將section_kv設為滿版，添加屬性position: fixed (固定定位)，將導覽列的區...
float浮動屬性，通常會用在文繞圖的場景上，而常見值有:none / left / right 宣告的方式: wrapper{ float:left;...
頁尾 在這個範例中要練習頁尾部分的切版 整理幾個小重點如下方： 1.將footer_content設為滿版，添加背景色#FFEBF22.添加一個containe...
position 在CSS裡面是一個很重要的排版屬性，比如我們希望某個元素固定在畫面上的話，就可以使用position fixed。 position:fixe...
MVC [V] View：負責頁面顯示和使用者交互。由xml文件負責。 [C] Controller：負責Model和View之間的交互由Activity/F...
浮動視窗 在這個範例中要練習固定的浮動視窗，類似我們常看到的側邊廣告，位置不會隨著視窗滑動而改變 1.position: fixed 使用屬性position:...
box model 的四個區域 content內容區域。border邊框區域。padding內容邊框之間的距離，稱內距。margin 邊框之外的距離通常用來做元...
(1) 普通對話框(2顆按鈕) AlertDialog.Builder dialog = new AlertDialog.Builder(this); di...
區塊卡片2 在這個範例中要練習多個卡片的排列以及游標移至卡片後的效果 整理幾個小重點如下方： 1.將section_card設為滿版2.添加一個containe...
接續上一遍, 這次要講的是相對進階的操作： 上下拖曳 - 實現Item排序 左右滑動 - 實現刪除&封存操作 滑動後的復原操作 一、上下拖曳 -...
基本概念 CSS的Display屬性可以改變元素對外所參與的佈局環境（outer display type），例如： inline/block/inline-b...
區塊卡片 今天要練習第四區塊卡片的切版 整理幾個小重點如下方： 1.將section_part2設為滿版2.添加一個container，做為固定欄寬1200px...
:focus 輸入焦點在欄位上時，就套用自訂的CSS。 <style> input.text_field:focus{ b...
簡單使用 效果圖： 步驟： 創建Item樣式, 主頁面添加RecyclerView控件 實作RecyclerView.Adapter RecyclerView...
圖文版面2 今天要練習第二塊跟第三塊圖文版面的部分 整理幾個小重點如下方： 1.將section_melon以及section_gym設為滿版2.兩個部分都添加...
偽類別是甚麼? 簡單來說，偽類別就是在特定動作時，改變CSS的樣式，也就是在偽類別設定的屬性，沒有在特定動作之前，是不會觸發的，比如說:hover，在滑鼠移動到...
簡介 Navigation優點： 可視化的頁面導航圖，便於我們快速了解頁面間的關係。 通過destination和action完成頁面間的導航 方便添加頁...
按鈕效果(before、after) 在網頁中，可以看到常常游標移動到按鈕的時候，通常都會有變化，讓使用者知道游標有確實的接觸到，今天就要來練習這個效果 整...
效果圖 步驟： 創建menu 創建navigation 依照menu創建對應的Fragment 創建DrawerLayout和NavigationView...
是一個不存在於頁面上的元素。透過CSS內建的元素，以兩個冒號做開頭，主要是用調整頁面上特別部分樣式。 以下列出常用:::first-line 元素的第一行:...
ian_liu
ruhui0726
Eric
iThome鐵人賽
看影片追技術