SlideShare a Scribd company logo
1 of 9
iOS App Development



 淡入     淡                 出的


        定                 格文字
Ryan Chung !
        Ryan@iii.org.tw   1   http://MobileDev.TW
淡入淡出的定格文字
1.  建立新專案,選擇Single View Application




         Ryan@iii.org.tw   2   http://MobileDev.TW
淡入淡出的定格文字
2.  輸入專案名稱DanTinBlackTea,儲存




        Ryan@iii.org.tw   3   http://MobileDev.TW
淡入淡出的定格文字
3.  在Storyboard中,加入UIImageView,並加入一
    張圖片作為初始值




        Ryan@iii.org.tw   4   http://MobileDev.TW
淡入淡出的定格文字
4.  在專案中,新增檔案,選擇iOS Cocoa Touch-
    ->Objective-C Class




        Ryan@iii.org.tw   5   http://MobileDev.TW
淡入淡出的定格文字
5.  選擇subClass of UIImageView,命名myImageView
6.  在StoryBoard中,選取原先加入的UIImageView,在
    右手邊的Identity inspector中,設定Class
    為myImageView




          Ryan@iii.org.tw   6   http://MobileDev.TW
淡入淡出的定格文字
7.  在myImageView.m中,加入touchedBegan方法,
    當使用者一觸碰到該圖片時,就建立一個UILabel,
    顯示文字




         Ryan@iii.org.tw   7   http://MobileDev.TW
淡入淡出的定格文字
8.  設定動畫效果,讓該Label文字在一定時間量後,以淡
    入淡出的方式消失,就完成了。




       Ryan@iii.org.tw   8   http://MobileDev.TW
淡入淡出的定格文字
執行該程式,當使用者觸碰到該紅茶時,就會顯示文字
,過了幾秒後,文字會淡出至不見。




      Ryan@iii.org.tw   9   http://MobileDev.TW

More Related Content

Viewers also liked

newbeginnings_easter2015
newbeginnings_easter2015newbeginnings_easter2015
newbeginnings_easter2015Jennifer Halsey
 
資策會網路系統整合工程師就業養成班
資策會網路系統整合工程師就業養成班資策會網路系統整合工程師就業養成班
資策會網路系統整合工程師就業養成班Ryan Chung
 
Repaso Proyecto2
Repaso Proyecto2Repaso Proyecto2
Repaso Proyecto2guestab8254
 
2015 Brookhaven Arts Festival: Artists & Details
2015 Brookhaven Arts Festival: Artists & Details2015 Brookhaven Arts Festival: Artists & Details
2015 Brookhaven Arts Festival: Artists & DetailsKelly Marsh
 
Innovaciòn educativa con recursos abiertos
Innovaciòn educativa con recursos abiertosInnovaciòn educativa con recursos abiertos
Innovaciòn educativa con recursos abiertosFrancisco Guardado
 
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICA
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICAEDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICA
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICACEP d'Eivissa
 
Subversion快速入门教程
Subversion快速入门教程Subversion快速入门教程
Subversion快速入门教程wensheng wei
 
SU Budget Process And Systems Presentation
SU Budget Process And Systems PresentationSU Budget Process And Systems Presentation
SU Budget Process And Systems Presentationaharker
 
Nariz, cavidad nasal y senos paranasales
Nariz, cavidad nasal y senos paranasalesNariz, cavidad nasal y senos paranasales
Nariz, cavidad nasal y senos paranasaleseddynoy velasquez
 
Fitxa tasca relleu
Fitxa tasca relleuFitxa tasca relleu
Fitxa tasca relleutalati
 
Modaclub Intermedio GLAMOUR
Modaclub Intermedio GLAMOURModaclub Intermedio GLAMOUR
Modaclub Intermedio GLAMOURModaClub DF
 

Viewers also liked (20)

Security news bytes
Security news bytesSecurity news bytes
Security news bytes
 
GOSCON 2007
GOSCON 2007GOSCON 2007
GOSCON 2007
 
Jenifer Sosa
Jenifer SosaJenifer Sosa
Jenifer Sosa
 
newbeginnings_easter2015
newbeginnings_easter2015newbeginnings_easter2015
newbeginnings_easter2015
 
資策會網路系統整合工程師就業養成班
資策會網路系統整合工程師就業養成班資策會網路系統整合工程師就業養成班
資策會網路系統整合工程師就業養成班
 
Application letter update 5 Desember 2016
Application letter update 5 Desember 2016Application letter update 5 Desember 2016
Application letter update 5 Desember 2016
 
Repaso Proyecto2
Repaso Proyecto2Repaso Proyecto2
Repaso Proyecto2
 
Arte NeocláSico Ernesto
Arte NeocláSico ErnestoArte NeocláSico Ernesto
Arte NeocláSico Ernesto
 
2015 Brookhaven Arts Festival: Artists & Details
2015 Brookhaven Arts Festival: Artists & Details2015 Brookhaven Arts Festival: Artists & Details
2015 Brookhaven Arts Festival: Artists & Details
 
DAligre Residences
DAligre ResidencesDAligre Residences
DAligre Residences
 
Innovaciòn educativa con recursos abiertos
Innovaciòn educativa con recursos abiertosInnovaciòn educativa con recursos abiertos
Innovaciòn educativa con recursos abiertos
 
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICA
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICAEDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICA
EDUCA VERD PLAY. SITUACIONS PER A L’APRENENTATGE DE VALORS A L’EDUCACIÓ FÍSICA
 
Subversion快速入门教程
Subversion快速入门教程Subversion快速入门教程
Subversion快速入门教程
 
SU Budget Process And Systems Presentation
SU Budget Process And Systems PresentationSU Budget Process And Systems Presentation
SU Budget Process And Systems Presentation
 
Nariz, cavidad nasal y senos paranasales
Nariz, cavidad nasal y senos paranasalesNariz, cavidad nasal y senos paranasales
Nariz, cavidad nasal y senos paranasales
 
Conferencia marco
Conferencia marcoConferencia marco
Conferencia marco
 
Fitxa tasca relleu
Fitxa tasca relleuFitxa tasca relleu
Fitxa tasca relleu
 
Ryocco 2016 - 5
Ryocco 2016 - 5Ryocco 2016 - 5
Ryocco 2016 - 5
 
Modaclub Intermedio GLAMOUR
Modaclub Intermedio GLAMOURModaclub Intermedio GLAMOUR
Modaclub Intermedio GLAMOUR
 
Moda Club 2016
Moda Club 2016Moda Club 2016
Moda Club 2016
 

Similar to iOS App Development - Animation Ease Out

Sina weibo app latest media innovation
Sina weibo app latest media innovationSina weibo app latest media innovation
Sina weibo app latest media innovationIndependant
 
Service Integration Workshop
Service Integration WorkshopService Integration Workshop
Service Integration WorkshopRyan Chung
 
Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)s1045884
 
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101Ryan Chung
 
IOS AR製作教學
IOS AR製作教學IOS AR製作教學
IOS AR製作教學Ossgo Wang
 
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件Fuzhou University
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101Jollen Chen
 
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221inspire digital
 
Mobile App 高保真原型设计
Mobile App 高保真原型设计 Mobile App 高保真原型设计
Mobile App 高保真原型设计 hehewish
 
開發複雜網頁應用的黃金法則
開發複雜網頁應用的黃金法則開發複雜網頁應用的黃金法則
開發複雜網頁應用的黃金法則Chao-Wei Peng
 
Android 2.2 手機應用程式設計:第四章 第一個程式
Android 2.2 手機應用程式設計:第四章 第一個程式Android 2.2 手機應用程式設計:第四章 第一個程式
Android 2.2 手機應用程式設計:第四章 第一個程式Robert Chi
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例Justin Lee
 
343 创业计划书(汪伦)
343 创业计划书(汪伦)343 创业计划书(汪伦)
343 创业计划书(汪伦)Rui (Nash) Yang
 
《氪周刊:互联网创业必读》(第74期)
《氪周刊:互联网创业必读》(第74期)《氪周刊:互联网创业必读》(第74期)
《氪周刊:互联网创业必读》(第74期)36Kr.com
 
《氪周刊:互联网创业必读》(第58期).pdf
《氪周刊:互联网创业必读》(第58期).pdf《氪周刊:互联网创业必读》(第58期).pdf
《氪周刊:互联网创业必读》(第58期).pdfChada Chiu
 

Similar to iOS App Development - Animation Ease Out (20)

I os 01
I os 01I os 01
I os 01
 
悠播Hd
悠播Hd悠播Hd
悠播Hd
 
Sina weibo app latest media innovation
Sina weibo app latest media innovationSina weibo app latest media innovation
Sina weibo app latest media innovation
 
Service Integration Workshop
Service Integration WorkshopService Integration Workshop
Service Integration Workshop
 
Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)Photo Impact 10 影像設計(二)
Photo Impact 10 影像設計(二)
 
I os 16
I os 16I os 16
I os 16
 
iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101iPhone/iPad APP Development Class 101
iPhone/iPad APP Development Class 101
 
IOS AR製作教學
IOS AR製作教學IOS AR製作教學
IOS AR製作教學
 
多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件多媒體系統05_Android App圖形元件
多媒體系統05_Android App圖形元件
 
Android Wear SDK: Level 101
Android Wear SDK: Level 101Android Wear SDK: Level 101
Android Wear SDK: Level 101
 
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221
Inspire dgt 網路技術分享_手機版網頁製作簡介_20111221
 
005
005005
005
 
Mobile App 高保真原型设计
Mobile App 高保真原型设计 Mobile App 高保真原型设计
Mobile App 高保真原型设计
 
開發複雜網頁應用的黃金法則
開發複雜網頁應用的黃金法則開發複雜網頁應用的黃金法則
開發複雜網頁應用的黃金法則
 
Android 2.2 手機應用程式設計:第四章 第一個程式
Android 2.2 手機應用程式設計:第四章 第一個程式Android 2.2 手機應用程式設計:第四章 第一個程式
Android 2.2 手機應用程式設計:第四章 第一個程式
 
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
2011/08/20跨平台行動應用程式使用者介面開發—以titanium mobile為例
 
行動技術開發概論
行動技術開發概論行動技術開發概論
行動技術開發概論
 
343 创业计划书(汪伦)
343 创业计划书(汪伦)343 创业计划书(汪伦)
343 创业计划书(汪伦)
 
《氪周刊:互联网创业必读》(第74期)
《氪周刊:互联网创业必读》(第74期)《氪周刊:互联网创业必读》(第74期)
《氪周刊:互联网创业必读》(第74期)
 
《氪周刊:互联网创业必读》(第58期).pdf
《氪周刊:互联网创业必读》(第58期).pdf《氪周刊:互联网创业必读》(第58期).pdf
《氪周刊:互联网创业必读》(第58期).pdf
 

More from Ryan Chung

Voice-First Games for Alexa
Voice-First Games for AlexaVoice-First Games for Alexa
Voice-First Games for AlexaRyan Chung
 
AI Service Integration - Education
AI Service Integration - EducationAI Service Integration - Education
AI Service Integration - EducationRyan Chung
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service IntegrationRyan Chung
 
AI Adoption in the Enterprise
AI Adoption in the EnterpriseAI Adoption in the Enterprise
AI Adoption in the EnterpriseRyan Chung
 
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentIntro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentRyan Chung
 
AI in Classroom
AI in ClassroomAI in Classroom
AI in ClassroomRyan Chung
 
AWS re:Invent 2018 Recap
AWS re:Invent 2018 RecapAWS re:Invent 2018 Recap
AWS re:Invent 2018 RecapRyan Chung
 
Smart Home Intro Lab
Smart Home Intro LabSmart Home Intro Lab
Smart Home Intro LabRyan Chung
 
Introduction to DialogFlow
Introduction to DialogFlow Introduction to DialogFlow
Introduction to DialogFlow Ryan Chung
 
Conversational AI Orientation
Conversational AI OrientationConversational AI Orientation
Conversational AI OrientationRyan Chung
 
Udacity Meet Up - 0413
Udacity Meet Up - 0413Udacity Meet Up - 0413
Udacity Meet Up - 0413Ryan Chung
 
Amazon Alexa Development Part II
Amazon Alexa Development Part IIAmazon Alexa Development Part II
Amazon Alexa Development Part IIRyan Chung
 
Amazon Alexa Development
Amazon Alexa DevelopmentAmazon Alexa Development
Amazon Alexa DevelopmentRyan Chung
 
Microsoft Professional Program - AI
Microsoft Professional Program - AIMicrosoft Professional Program - AI
Microsoft Professional Program - AIRyan Chung
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service IntegrationRyan Chung
 
Hour of Code - Amazon Alexa
Hour of Code - Amazon AlexaHour of Code - Amazon Alexa
Hour of Code - Amazon AlexaRyan Chung
 
Intro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.aiIntro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.aiRyan Chung
 

More from Ryan Chung (20)

Voice-First Games for Alexa
Voice-First Games for AlexaVoice-First Games for Alexa
Voice-First Games for Alexa
 
AI Service Integration - Education
AI Service Integration - EducationAI Service Integration - Education
AI Service Integration - Education
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service Integration
 
AI Adoption in the Enterprise
AI Adoption in the EnterpriseAI Adoption in the Enterprise
AI Adoption in the Enterprise
 
Intro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot DevelopmentIntro to Dialogflow Chatbot Development
Intro to Dialogflow Chatbot Development
 
AI in Classroom
AI in ClassroomAI in Classroom
AI in Classroom
 
AWS re:Invent 2018 Recap
AWS re:Invent 2018 RecapAWS re:Invent 2018 Recap
AWS re:Invent 2018 Recap
 
MovieBot
MovieBotMovieBot
MovieBot
 
MPP AI
MPP AIMPP AI
MPP AI
 
Smart Home Intro Lab
Smart Home Intro LabSmart Home Intro Lab
Smart Home Intro Lab
 
Introduction to DialogFlow
Introduction to DialogFlow Introduction to DialogFlow
Introduction to DialogFlow
 
Conversational AI Orientation
Conversational AI OrientationConversational AI Orientation
Conversational AI Orientation
 
Udacity Meet Up - 0413
Udacity Meet Up - 0413Udacity Meet Up - 0413
Udacity Meet Up - 0413
 
Amazon Alexa Development Part II
Amazon Alexa Development Part IIAmazon Alexa Development Part II
Amazon Alexa Development Part II
 
Amazon Alexa Development
Amazon Alexa DevelopmentAmazon Alexa Development
Amazon Alexa Development
 
Microsoft Professional Program - AI
Microsoft Professional Program - AIMicrosoft Professional Program - AI
Microsoft Professional Program - AI
 
AI Service Integration
AI Service IntegrationAI Service Integration
AI Service Integration
 
Intro to AI
Intro to AIIntro to AI
Intro to AI
 
Hour of Code - Amazon Alexa
Hour of Code - Amazon AlexaHour of Code - Amazon Alexa
Hour of Code - Amazon Alexa
 
Intro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.aiIntro to DialogFlow(API.ai) / Wit.ai / Luis.ai
Intro to DialogFlow(API.ai) / Wit.ai / Luis.ai
 

iOS App Development - Animation Ease Out