研究 UI 元件: Activity Indicator View

Activity Indicator View

#12 一起來打造《小木屋鬆餅》官網 App

運用 Tab Bar Controller／Navigation Controller／Table View Controller／Segmented…

#16 UIButton 點下後會有半透明的回饋感

• 在 #11 這篇文中，我用元件拉線的方式在 View Controller 的程式上建立 ＠IBOutlet ，再對按鈕的作動進行事件處理，但在寫 #11 這篇文的時候我就產生了一個疑問，若是有 10 個按鈕要處理，難道要拉…

研究 UI 元件: Switch

Switch

Switch 元件可以讓使用者決定開啟或關閉某些功能。它是一個二選一的狀態表達，像是 On/ Off、Enable / Disable。

#05 使用圖片，emoji，邊框 & 圓角製作卡片

先附上成品～

再附上程式碼

import UIKit

＃5從 Figma實作 App 畫面

練習完許多常用的UI元件後，預計下一個單元就會開始利用Storyboard練習做出電子書App了！在選擇主題時想了很久，後來想到平常其實最常用的軟體應該就是音樂串流平台了，每天上班都一定會打開並收聽各種音樂及Podcase，所以最後我就決定以模仿Spo…

#77 Table View Controller 練習

製作上半部只能左右捲動，下半部上下捲動時、上半部不會跟著捲動的表格

#78 Apple Store 的 AirTag 刻字

TextField

#27 Playground 幾何計算

練習Function 設計公式

利用 Playground 寫出幾何計算器

#13 Storyboard 電子書App

就用8月即將上映第二季的台劇『俗女養成記』，做為這次電子書的內容，介紹各個演員、劇情大綱、獲獎獎項、預告影音，搭配Tab Bar Controller、Navigation Controller、Table Controller

Swift|07 Storyboard 電子書 App

原來不用寫程式也可以做出App!
這就是Swift Storyboard對初學者很友善的地方
像我這種完全沒碰過程式語言的人
可以直接用各種UI元件完成一個電子書App
真是太神奇了～

HW4–1 使用圖片，文字，emoji，邊框 & 圓角製作漂亮卡片

成品如下。

程式碼如下。

import UIKit

用 NSTextAttachment 製作含圖字串

NSMutableAttributedString, NSTextAttachment, NSAttributedString, attributedText

成品：懶得想之完全不有趣隨寫文，老了真是連換衣出門都嫌麻煩呀

前置作業

#8研究顯示文字的 UILabel

Line Breaks (文字換行）

Clip：超出Label長度的文字直接被裁切

#6 模仿內建的照片App 實現照片牆效果

本次應用 Table View Controller、Scroll View、Navigation Controller、Tab Bar Controller 簡單模仿 IOS 內建的相片 App的功能。

#11 利用 UIView 的 mask 設計特別形狀的圖片

這次的作業是將人物的剪影跟風景圖去做融合，來製作更酷炫的圖片，這次是用stars wars裡的經典角色Darth Vader剪影，以及他的故鄉tatooine星球的經典雙太陽風景製作，以下為成品

實現水平捲動，上下捲動和分頁的 scroll view

今天來練習用Scroll view 來試做網站的購物瀏覽頁面。

HW4–2 利用 iOS SDK 各式型別生成東西，設定它的屬性和呼叫方法

本次學習重點：透過使用iOS SDK生成酷東西，並設定一些屬性和呼叫方法。

Xcode playground 內用第 3 方套件

SwiftyDraw 塗鴉

成品：要被自己用滑鼠畫的伊莉莎白給笑死 😂😂😂

HW5–1 定義 function，印出讓自己一秒落淚的情歌歌詞

周杰倫 愛在西元前 原歌詞s

!古巴比倫王頒布了漢摩拉比法典
 刻在黑色的玄武岩 距今已經三千七百多年
 妳在櫥窗前 凝視碑文的字眼…

#26 印出讓自己一秒落淚的歌曲歌詞

練習定義 function

#6設定 content size，實現水平捲動，上下捲動和分頁的 scroll view

1.在畫面上加入寬度等於螢幕寬度的 scroll view，將背景設為非白色

#5研究輸入單行文字的 UITextField

1 研究以下欄位

(1) Placeholder

利用 transition style 控制轉場動畫

假設沒有使用 navigation controller，segue 選擇 show。接下來說明如何利用 transition style 控制轉場動畫。

#4Storyboard 電子書 App，搭配 tab bar controller，table controller，navigation controller

Swift Practice # 37 & work 41 表情意！文字的縮放和字數 — UISlider & UITextField 練習

＃2 研究 UI 元件(上）

本次目標研究以下 UI 元件:

｜Segmented Control，Slider，Switch，Activity Indicator View

#8 作業使用圖片，文字，emoji，邊框 & 圓角製作漂亮卡片

模仿 Swift Playground 的 Flashy Photos，在 Xcode playground 製作有趣的卡片送給喜歡的人。

#6研究輸入多行文字的 UITextView

特性: 可輸入多行文字，可捲動。

1.研究以下欄位

#12 利用 NSTextAttachment 製作包含圖片的字串

這次的作業是使用NSTextAttachment，這次的作業看似很簡單，不過應該是我目前為止有最多不懂的地方的作業了，不過在不斷Google及最後Peter的解惑下，還是成功地完成了這次的作業，以下是我的成品。

這樣小小一行字讓我花了好多時間XD

以下是我這次所使用的程式碼

let content =…

#7研究 UIImageView 的 Content Mode

研究以下 Content Mode 的顯示效果。