iT 邦幫忙::一起幫忙解決難題，拯救 IT 人的一天

0 Like 0 留言 749 瀏覽

鐵人賽 Mobile Development DAY 15

Android 開發 30天初學之路筆記系列第 15 篇

技術 Day15 - Android - MVC、MVP、MVVM 設計架構

MVC [V] View：負責頁面顯示和使用者交互。由xml文件負責。 [C] Controller：負責Model和View之間的交互由Activity/F...

ian_liu ‧ 2022-09-26 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1320 瀏覽

鐵人賽自我挑戰組 DAY 26

小白網頁設計練成記系列第 26 篇

技術小白網頁設計練成記-DAY26-Position定位

position 在CSS裡面是一個很重要的排版屬性，比如我們希望某個元素固定在畫面上的話，就可以使用position fixed。 position:fixe...

Eric ‧ 2022-09-26

0 Like 0 留言 1027 瀏覽

鐵人賽自我挑戰組 DAY 25

小白網頁設計練成記系列第 25 篇

技術小白網頁設計練成記-DAY25-box model

box model 的四個區域 content內容區域。border邊框區域。padding內容邊框之間的距離，稱內距。margin 邊框之外的距離通常用來做元...

Eric ‧ 2022-09-25

0 Like 0 留言 2047 瀏覽

鐵人賽 Mobile Development DAY 14

Android 開發 30天初學之路筆記系列第 14 篇

技術 Day14 - 常用的9種對話框(Dialog)

(1) 普通對話框(2顆按鈕) AlertDialog.Builder dialog = new AlertDialog.Builder(this); di...

ian_liu ‧ 2022-09-25 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1689 瀏覽

鐵人賽 Mobile Development DAY 13

Android 開發 30天初學之路筆記系列第 13 篇

技術 Day13 - RecyclerView 進階操作 | 拖曳排序、左右刪除、復原操作

接續上一遍, 這次要講的是相對進階的操作：上下拖曳 - 實現Item排序左右滑動 - 實現刪除&封存操作滑動後的復原操作一、上下拖曳 -...

ian_liu ‧ 2022-09-24 ‧團隊nutc imac 老扛寶

0 Like 0 留言 743 瀏覽

鐵人賽自我挑戰組 DAY 24

小白網頁設計練成記系列第 24 篇

技術小白網頁設計練成記-DAY24-display屬性

基本概念 CSS的Display屬性可以改變元素對外所參與的佈局環境（outer display type），例如： inline/block/inline-b...

Eric ‧ 2022-09-24

0 Like 0 留言 973 瀏覽

鐵人賽自我挑戰組 DAY 23

小白網頁設計練成記系列第 23 篇

技術小白網頁設計練成記-DAY23-Pseudo class 2

:focus 輸入焦點在欄位上時，就套用自訂的CSS。 <style> input.text_field:focus{ b...

Eric ‧ 2022-09-23

0 Like 0 留言 1119 瀏覽

鐵人賽 Mobile Development DAY 12

Android 開發 30天初學之路筆記系列第 12 篇

技術 Day12 - RecyclerView 簡單使用

簡單使用效果圖：步驟：創建Item樣式, 主頁面添加RecyclerView控件實作RecyclerView.Adapter RecyclerView...

ian_liu ‧ 2022-09-23 ‧團隊nutc imac 老扛寶

0 Like 0 留言 731 瀏覽

鐵人賽自我挑戰組 DAY 22

小白網頁設計練成記系列第 22 篇

技術小白網頁設計練成記-DAY22-CSS Seudo class

偽類別是甚麼? 簡單來說，偽類別就是在特定動作時，改變CSS的樣式，也就是在偽類別設定的屬性，沒有在特定動作之前，是不會觸發的，比如說:hover，在滑鼠移動到...

Eric ‧ 2022-09-22

0 Like 0 留言 1195 瀏覽

鐵人賽 Mobile Development DAY 11

Android 開發 30天初學之路筆記系列第 11 篇

技術 Day11 - Android Navigation component

簡介 Navigation優點：可視化的頁面導航圖，便於我們快速了解頁面間的關係。通過destination和action完成頁面間的導航方便添加頁...

ian_liu ‧ 2022-09-22 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1033 瀏覽

鐵人賽自我挑戰組 DAY 21

小白網頁設計練成記系列第 21 篇

技術小白網頁設計練成記-DAY21-偽元素(pesudo element)

是一個不存在於頁面上的元素。透過CSS內建的元素，以兩個冒號做開頭，主要是用調整頁面上特別部分樣式。以下列出常用:::first-line 元素的第一行:...

Eric ‧ 2022-09-21

0 Like 0 留言 1794 瀏覽

鐵人賽 Mobile Development DAY 10

Android 開發 30天初學之路筆記系列第 10 篇

技術 Day10 - Android Navigation drawer 側拉導航欄

效果圖步驟：創建menu 創建navigation 依照menu創建對應的Fragment 創建DrawerLayout和NavigationView...

ian_liu ‧ 2022-09-21 ‧團隊nutc imac 老扛寶

0 Like 0 留言 824 瀏覽

鐵人賽自我挑戰組 DAY 20

小白網頁設計練成記系列第 20 篇

技術小白網頁設計練成記-DAY20-選取器class/id

今天我們來介紹 class及id的寫法，class在網頁上做介面的時候幾乎是必用的，class可以想成樣式的名稱，可以套用到多個元素上，而id在同樣名稱的情況下...

Eric ‧ 2022-09-20

0 Like 0 留言 5865 瀏覽

鐵人賽 Mobile Development DAY 9

Android 開發 30天初學之路筆記系列第 9 篇

技術 Day09 - 新版 Logcat v2 | Android Studio Dolphin

新版的Logcat v2, 需要將IDE Android Studio升級為Dolphin(海豚版)及以上才可使用。Android Studio Dolphin...

ian_liu ‧ 2022-09-20 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1622 瀏覽

鐵人賽 Mobile Development DAY 8

Android 開發 30天初學之路筆記系列第 8 篇

技術 Day08 - Bottom Navigation 底部導航欄

簡單使用演示圖步驟：創建menu文件根據menu創建對應的Fragment 在主佈局創建Bottom Navigation和Fragment...

ian_liu ‧ 2022-09-19 ‧團隊nutc imac 老扛寶

0 Like 0 留言 648 瀏覽

鐵人賽自我挑戰組 DAY 19

小白網頁設計練成記系列第 19 篇

技術小白網頁設計練成記-DAY19-選取器-符號

今天我們來認識六個符號，可以讓你的選取器有更多變化，以下是，/空格/ + / * / ~的說明: 逗號想成[或]的意思換言之是可以有多個元素選取器一起編輯，...

Eric ‧ 2022-09-19

0 Like 0 留言 2345 瀏覽

鐵人賽 Mobile Development DAY 7

Android 開發 30天初學之路筆記系列第 7 篇

技術 Day07 - TabLayout+ViewPager2

TabLayout+ViewPager2是最常被用來實現帶有標籤的滑動視圖的其中一種方法之一。常用的屬性設置 xml屬性參數意思 app:t...

ian_liu ‧ 2022-09-18 ‧團隊nutc imac 老扛寶

0 Like 0 留言 847 瀏覽

鐵人賽自我挑戰組 DAY 18

小白網頁設計練成記系列第 18 篇

技術小白網頁設計練成記-DAY18-CSS選取器-屬性/值

我們先來看一張圖，了解一下css的基本寫法: 在大括號左邊的selector是指在頁面上，找到符合選取器的元素，這邊是h1標籤，找到後就套用大括號裡所寫的cs...

Eric ‧ 2022-09-18

0 Like 0 留言 960 瀏覽

鐵人賽自我挑戰組 DAY 17

小白網頁設計練成記系列第 17 篇

技術小白網頁設計練成記-DAY17-CSS的優先權

在寫CSS的時候，我們有不同的撰寫方式比如行內套用以及嵌入套用(更多套用的說明請看這:https://ithelp.ithome.com.tw/articles...

Eric ‧ 2022-09-17

0 Like 0 留言 1582 瀏覽

鐵人賽自我挑戰組 DAY 16

小白網頁設計練成記系列第 16 篇

技術小白網頁設計練成記-DAY16-CSS的套用方式

我們可以用以下四種方式，將 CSS 套用入 HTML 文件中：行內套用 (Inline) 嵌入套用 (Embed) 外部連接套用 (External Lin...

Eric ‧ 2022-09-16

0 Like 0 留言 1413 瀏覽

鐵人賽自我挑戰組 DAY 15

小白網頁設計練成記系列第 15 篇

技術小白網頁設計練成記-DAY15-淺談HTML-get和post

GET和POST，在我們日常WEB開發中，是最常用的資料傳輸方式。在HTML FROM表單中，可以通過設定method指定提交方式為GET或者POST方式，預...

Eric ‧ 2022-09-15

0 Like 0 留言 2700 瀏覽

鐵人賽 Mobile Development DAY 5

Android 開發 30天初學之路筆記系列第 5 篇

技術 Day05 - Android設置點擊事件的5種寫法

下圖頁面有3個按鈕, 本篇文章會示範使用5種不同的方法來添加按鈕點擊事件。方法1、使用Java 8的方法引用(Method Reference):: @Ov...

ian_liu ‧ 2022-09-16 ‧團隊nutc imac 老扛寶

0 Like 0 留言 1045 瀏覽

鐵人賽 Modern Web DAY 18

網頁切版入門及版面實作系列第 18 篇

技術 [DAY18]網頁切版入門及版面實作_ 卡片版面3

卡片版面3 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.在container設定display: flex讓資料橫...

ruhui0726 ‧ 2022-10-03 ‧團隊蝦兵蟹將

0 Like 0 留言 1481 瀏覽

鐵人賽 Modern Web DAY 17

網頁切版入門及版面實作系列第 17 篇

技術 [DAY17]網頁切版入門及版面實作_ 卡片版面2

卡片版面2 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-02 ‧團隊蝦兵蟹將

0 Like 0 留言 1372 瀏覽

鐵人賽 Modern Web DAY 16

網頁切版入門及版面實作系列第 16 篇

技術 [DAY16]網頁切版入門及版面實作_ 卡片版面1

卡片版面1 在這個範例中要練習卡片版面的切版整理幾個小重點如下方： 1.將section設為滿版2.添加一個container，做為固定欄寬1200px的區塊...

ruhui0726 ‧ 2022-10-01 ‧團隊蝦兵蟹將

0 Like 0 留言 1432 瀏覽

鐵人賽 Modern Web DAY 15

網頁切版入門及版面實作系列第 15 篇

技術 [DAY15]網頁切版入門及版面實作_ Font Awesome

如何使用 Font Awesome 在網頁設計的同時，可以看到需要使用大量的icon，當我們網站要放入一些比較複雜的icon設計圖示，但沒有設計師幫我們產出時，...

ruhui0726 ‧ 2022-09-30 ‧團隊蝦兵蟹將

0 Like 0 留言 2130 瀏覽

鐵人賽 Mobile Development DAY 4

Android 開發 30天初學之路筆記系列第 4 篇

技術 Day04 - ViewBinding

簡介使用ViewBinding能夠大幅減少獲取View(視圖元件)的程式碼量。其原因是你再獲取元件時不必宣告一堆變量儲存控件和不必再寫一堆findView...

ian_liu ‧ 2022-09-15 ‧團隊nutc imac 老扛寶

0 Like 0 留言 3450 瀏覽

鐵人賽自我挑戰組 DAY 14

小白網頁設計練成記系列第 14 篇

技術小白網頁設計練成記-DAY14-淺談HTML-核取方塊checkbox

金天我們聊聊check box這個input裡的屬性，當我們有多選的項目，如興趣/地區/清單等等，都可以用checkbox來實現。表單核取方塊 checkbo...

Eric ‧ 2022-09-14

1 Like 1 留言 2004 瀏覽

鐵人賽 Modern Web DAY 14

網頁切版入門及版面實作系列第 14 篇

技術 [DAY14]網頁切版入門及版面實作_ 合體

合體版面今天要將DAY6~DAY13所練習的所有版面合體起來，變成一個完整的頁面結束完這個完整個範例後，接下來的這幾天，每天會提供一個比較常見的範例一起練習...

ruhui0726 ‧ 2022-09-29 ‧團隊蝦兵蟹將

0 Like 1 留言 2758 瀏覽

鐵人賽 Modern Web DAY 13

網頁切版入門及版面實作系列第 13 篇

技術 [DAY13]網頁切版入門及版面實作_ 導覽列

導覽列在這個範例中要練習導覽列區塊的切版整理幾個重點:1.將section_kv設為滿版，添加屬性position: fixed (固定定位)，將導覽列的區...

ruhui0726 ‧ 2022-09-28 ‧團隊蝦兵蟹將

技術 Day15 - Android - MVC、MVP、MVVM 設計架構

技術 小白網頁設計練成記-DAY26-Position定位

技術 小白網頁設計練成記-DAY25-box model