iT邦幫忙

ios相關文章
共有 622 則文章
鐵人賽 自我挑戰組 DAY 29

技術 Day 29: Soda Shake -給玩家一點回饋感吧!

透過播放音效以及震動給玩家一些回饋吧! 前言: 首先我們做到這邊已經約莫 80% 左右了(應該吧 ?), 所以其實也沒有什麼特別能做的,所以我們最後在這邊...

鐵人賽 自我挑戰組 DAY 28

技術 Day 28: Soda Shake - 裁判,可以這樣換了又換嗎?

使用 Tableview 中的 move 功能來進行更換玩家順序的動作吧! 前言: 上一次教學我們學會了在 TableView 進行新增、修改以及刪除的操...

鐵人賽 自我挑戰組 DAY 27

技術 Day 27: Soda Shake - 做一個玩家列表吧!

透過 Tableview 來產生一個玩家列表,並且執行新增刪除修改的操作吧! 前言: 首先我們這個遊戲有分為單人與多人模式,單人模式我們就是單純的進入遊戲...

鐵人賽 自我挑戰組 DAY 26

技術 Day 26: Soda Shake - 透過用手機甩動汽水君!

使用 UIInterpolatingMotionEffect 幫我們的汽水君加上一個視差效果吧! 前言: 前面兩次教學動畫我們製作了一個汽水君的晃動效果以及背...

鐵人賽 自我挑戰組 DAY 25

技術 Day 25: Soda Shake - 讓畫面充滿氣泡吧!

使用動畫效果讓你的背景充滿氣泡效果吧! 前言: 前一篇教學我們學會了如何讓我們的汽水君搖晃,那除了搖晃效果以外,我們也需要製作氣泡的動畫效果讓畫面更像汽...

鐵人賽 自我挑戰組 DAY 24

技術 Day 24: Soda Shake - 晃動吧!汽水君!

藉由晃動手機來觸發動畫效果,並且讓你的圖片動起來吧! 前言: 此 App 中的主角,汽水君 ? 在這次教學我們會先使用原生的 motion 方法來獲取...

鐵人賽 自我挑戰組 DAY 23

技術 Day 23: 第二輪挑戰賽,做一個 Soda Shake!

使用 Swift 來打造一個類似 Switch 中的 Soda Shake 遊戲吧! 任天堂 Switch 內的 Soda Shake 前言: 鐵人賽...

鐵人賽 自我挑戰組 DAY 27
Android API超初學!! 系列 第 27

技術 [番外篇] [Day 27] iOS Human Interface (6) APP icon設計 (cont.)

今天一樣是講APP icon設計,蘋果官網還提供哪些建議呢?一起來看吧! 昨天講的icon是大icon,也就是代表APP的icon;今天要講的是小icon,是出...

鐵人賽 自我挑戰組 DAY 22

技術 Day 22: 再次向使用者請求開啟功能的權限。

當我們使用者再次進入需要權限的畫面,就在發出一次請求吧! 前言: 沒有允許開啟相機權限掃 QR Code 時的畫面我們經常在開發 App 碰到需要要求使用...

鐵人賽 自我挑戰組 DAY 26
Android API超初學!! 系列 第 26

技術 [番外篇] [Day 26] iOS Human Interface (5) APP icon設計

Icon絕對是APP的第一門面,重要性可想而知。對於icon,蘋果官網也有一些建議:(若非特別標記,本文的icon圖片皆來自蘋果官網) 簡單 使用簡易且而準確代...

鐵人賽 自我挑戰組 DAY 21

技術 Day 21: 使用原生的地圖導航吧!

透過地圖上的使用者當前位置以及目標位置,開啟 Apple 原生地圖來導航吧! 前言: 前幾次教學我們學會了如何加入一個地圖、如何標示地圖以及如何客製化標記...

鐵人賽 自我挑戰組 DAY 25
Android API超初學!! 系列 第 25

技術 [番外篇] [Day 25] iOS Human Interface (4) 圖片解析度

研究了幾天Android activity之後,來換換口味,繼續之前沒讀完的iOS Human Interface。令人開心的番外篇開始囉! 今天來讀關於按鈕與...

鐵人賽 自我挑戰組 DAY 20

技術 Day 20: 設定一個 Callout 面板!

使用 Call out 面板取代原有的大頭針吧! 前言: 上一次教學我們在 App 新增了一張地圖,並且使用大頭針將我們好想工作室的位子給標記了。這次教學...

鐵人賽 自我挑戰組 DAY 19

技術 Day 19: 在 App 中加入一張地圖吧 !

使用 iOS 中的 MapKit 來開發有關地圖的功能吧!試著在你的 App 中加入一個地圖應用吧! 前言: 在我們開發應用時,常常也會碰到需要導入「地圖」...

鐵人賽 自我挑戰組 DAY 18

技術 Day 18: 在 App 中開啟一個 Safari 瀏覽器吧!

使用 SFSafariController 來開啟我們 QRCode 獲取的網址連結吧! iPhone 內建的瀏覽器 - Safari 前言: 天...

鐵人賽 自我挑戰組 DAY 17

技術 Day 17: 寫一個易讀的表單視圖!

利用 enum 配合我們的 UITableView / UICollectionView,寫出一個淺顯易懂的程式碼吧! 前言: 在我們編寫 UITable...

鐵人賽 自我挑戰組 DAY 16

技術 Day 16: 製作一個 QR Code 掃描器!

透過 AVFoundation 來實作一個條碼掃描器。 前言: QR Code(全稱為快速響應矩陣圖碼;英語:Quick Response Code),是...

鐵人賽 影片教學 DAY 18

技術 使用者體驗與介面設計 (2/2)

[Day 18] 使用者體驗與介面設計5.3:視覺與APP設計 (54min)-- APP 設計準則 : Google Material Design 實感設...

鐵人賽 自我挑戰組 DAY 15

技術 Day 15: 將我們的 Storyboard 切割吧!

使用多個 Storyboard 來開發你的專案吧! 前言: 在我們開發過程中,我們會經常在 Storyboard 上拖拉許多 ViewControlle...

鐵人賽 自我挑戰組 DAY 14

技術 Day 14: 使用製作一個切換顯示模式的方法!

使用 UISegmentControl 來切換我們 Cell 的檢視模式吧。 前言: 在我們這個 App 中,要做到切換兩種 Cell 的檢視模式其實很容...

鐵人賽 自我挑戰組 DAY 13

技術 Day 13: 把有興趣的書分享出去吧!

透過分享的按鈕,將我們自定義的內容給發出去吧! 前言: 在我們在看一些充滿分享資訊的 App 中,例如:拍賣購物 App、圖書 App,或是什麼新聞 Ap...

鐵人賽 自我挑戰組 DAY 12

技術 Day 12: 讓你的 Cell 動起來吧!

在 Cell 顯示時加入動畫效果,讓畫面更生動吧! UICollectinoViewCell Animation 前言: 在我們讀取畫面的時候如果只有單純顯...

鐵人賽 自我挑戰組 DAY 11

技術 Day 11: 來設置一個懸浮按鈕吧!

使用懸浮按鈕將我們的畫面拉回頂端吧! 來製作一個懸浮按鈕吧! #前言 前一篇教大家如何在 iOS 實現下拉式更新的文章我們有提到,我們前面所做的 UI...

鐵人賽 自我挑戰組 DAY 10

技術 Day 10: 做個資料的下拉式更新!

來為你的 CollectionView 製作一個下拉式更新的方法。 前言: 在我們的 App 開發功能有一種常見用來刷新資料的方法,稱作下拉式更新( Pu...

鐵人賽 自我挑戰組 DAY 9

技術 Day 09: 自己動手做一個程式庫|API 吧!

自己動手做一個到處都可以重複利用的插件吧! 前言: 雖然目前有許多第三方的程式庫可以讓我們免於處理許多麻煩的事情,但是今天你只需要一個簡單的畫面或是功能,...

鐵人賽 自我挑戰組 DAY 8

技術 Day 08: 使用搜尋列來找尋書籍吧!

使用 UISearchController 來搜尋我們的書架上的書籍吧! 前言: 常常在我們獲取一堆資訊之後,我們知道如何讓它呈現在我們畫面上,但是我們常常...

鐵人賽 自我挑戰組 DAY 7

技術 Day 07: 連到書局的網站吧!

讓使用者點擊書籍 Cell 時,可以在 App 中顯示到書局的網站吧! 前言: 在手機端上顯示網站畫面常常在開發 App 的時候會遇到一種需求,該產品可能本...

鐵人賽 自我挑戰組 DAY 6

技術 Day 06: 來設計我們的書架吧!

使用 CollectionView 和客製化 Cell 來展示我們的書架吧。好想書架一隅 前言: 前幾篇教學我們學會了如何使用原生或第三方程式庫來獲取資料,...

鐵人賽 自我挑戰組 DAY 5

技術 Day 05: 折扣計算 && 你的資料不是你的資料!?

今天你從 API 中獲取的資料真的是正確的,也是你需要的嗎? 前言: 其實這篇文章踩雷後新增的文章,所以也是臨時起意的 XD 前兩次篇文章的教學我們學...

鐵人賽 自我挑戰組 DAY 9
Android API超初學!! 系列 第 9

技術 [番外篇] [Day 9] iOS Human Interface (3) App Architecture - part 2

Navigation 人們通常會忽略navigation,直到這個navigation不符合預期為止,所以要好好設計啊 有三種navigation 結構:...