Storyboard.

Slides:



Advertisements
Similar presentations
第一章 餐饮服务程序 学习目的: 掌握餐饮服务四个基本环节的内容 正确表述和运用各种餐饮形式的服务程序 熟悉并利用所学知识灵活机动地为不同需求的 客人提供服务.
Advertisements

校园信息管理系统 河北科技大学网络中心 2000/4/10.
石家庄迅步网络科技有限公司 联系人:张会耀 电话:
请带上耳机.
讲 义 大家好!根据局领导的指示,在局会计科和各业务科室的安排下,我给各位简要介绍支付中心的工作职能和集中支付的业务流程。这样使我们之间沟通更融洽,便于我们为预算单位提供更优质的服务。 下面我主要从三方面介绍集中支付业务,一是网上支付系统,二是集中支付业务流程及规定等,
中国人民公安大学经费管理办法(试行) 第一章总则 第四条:“一支笔” “一支笔”--仅指单位主要负责人。负责对本 单位的经费进行审核审批。
《计算机网络技术》 asp.net 程序设计 文本类控件 笪静.
一种营销模式的转型,一种全新的金融房贷模式
DreamWeaver MX (II) 林偉川.
BMI App.
Chapter 14 iPhone 平台簡介.
Q101 在701 SDX Linux上的標準安裝與使用程序v2
JDK 安裝教學 (for Win7) Soochow University
Wireless and Mobile Multimedia Networks
R教學 安裝RStudio 羅琪老師.
網頁切換移轉 JS vs. ASP.NET.
Merge Partners’ programs by Matlab
Segue.
IPHONE应用开发 资源管理项目组 2018年12月24日.
第6章 控制器 所谓控制器就是能够管理和控制各种操作的设备。在iPhone开发中有八种控制器分别为:View Controller、Object、Table View Controller、Tab Bar Controller、Page View Controller、External Object、Navigation.
App Inventor2呼叫PHP存取MySQL
Android App簡介及 App Inventor 2體驗 靜宜大學資管系 楊子青
Java 程式設計 講師:FrankLin.
網頁切換移轉 JS vs. ASP.NET.
電腦攻擊與防禦 使用電腦教室VMware軟體說明.
Topic Introduction—RMI
Ch20. 計算器 (Mac 版本).
Dreamweaver 8 潘雅真老師.
《IOS应用开发基础教程》 QQ学习群:
Navigation Controller和 Table View
PowerPoint 2019/4/9.
網頁程式概論 建國科技大學資管系 饒瑞佶 2015/9 V1 2016/4 V2 2016/9 V3.
Google協作平台+檔案分享(FileZilla+網路芳鄰)
一用就上手3D列印設計 AUTODESK 123D Tinkercad 3D 設計網站
Objective C練習.
雙按button1,2,3,4 Method 方法/動作 textBox2.Text textBox1 textBox3.Text 轉為數字 c是數字 int c = int.Parse(textBox1.Text) + …; textBox3.Text = c.ToString();
GridView.
GridView操作 (II).
如何使用Gene Ontology 網址:
CVPlayer下載及安裝& IVS操作說明
Ogive plot example 說明者:吳東陽 2003/10/10.
HelloPurr_Extend 靜宜大學資管系 楊子青
Visible Body- Human Anatomy Atlas 2017
Flash 8:開口中 從Y:\ 複製『開口中.fla』到 D:\ 更改名稱為:s3x99 (你的班號) 雙按開啟檔案 2019年5月7日
社会主义核心价值体系的内涵和凝练.
Video 影像 (VideoPlayer 影像播放器、Camcorder 錄影機) 靜宜大學資管系 楊子青
流程控制:Switch-Case 94學年度第一學期‧資訊教育 東海大學物理系.
B A C D ADD YOUR TEXT ADD YOUR TEXT ADD YOUR TEXT ADD YOUR TEXT
基本指令.
Chapter 15 檔案存取 LabVIEW中的檔案存取函數也可將程式中的資料儲存成Excel或Word檔。只要將欲存取的檔案路徑位址透過LabVIEW中的路徑元件告訴檔案存取函數後,LabVIEW便可將資料存成Excel或Word檔;當然也可以將Excel或Word檔的資料讀入LabVIEW的程式中。
進階UI元件:ListView元件以及複選 靜宜大學資管系 楊子青
5. 令圖畫動起來 Tween 功能介紹 移動效果 顏色漸變效果 形狀漸變效果 離開.
Brief Guide of FrontPage
1757: Secret Chamber at Mount Rushmore
A Simple iOS Application
Activity的生命週期: 播放音樂與影片 靜宜大學資管系 楊子青
IOS界面制作一二事 一个IOS初学者的心得分享 蒋瞿风.
中式烹调技艺 第五章.
What is “this”? 在物件導向程式設計中,類別的定義就是在說明如果創建了“這個物件”的話,它會具有那些屬性與功能,以及這些功能是如何實現的。 而所謂的“這個物件”就以 this 來表示。 當我們在JavaScript與jQuery中寫 script 程式(函式)時,“誰”呼叫這個函式,這個“誰”就是該函式中所謂的.
多國語系 建國科技大學 資管系 饒瑞佶.
實驗七:分頁程式.
ABAP Basic Concept (2) 運算子 控制式與迴圈 Subroutines Event Block
NFC (近場通訊, Near Field Communication) 靜宜大學資管系 楊子青
Visible Body Human Anatomy Atlas
多點觸控與手勢.
Develop and Build Drives by Visual C++ IDE
生命銀行 生命銀行.
Quantum-Wise軟體教學.
ABAP Basic Concept (2) 運算子 控制式與迴圈 Subroutines Event Block
Presentation transcript:

Storyboard

StoryBoard 介紹

StoryBoard IOS5 提供整合的介面 包含以下Controller: Table View Controller Collection View Controller Navigation Controller Tab Bar Controller Page View Controller GLKit View Controller Or build your own 接下來要介紹interface builder,在創建專案的時候已經內建在裡面,用來設計手機的UI

UI Label Text Field Button Editable cancel Text View 在你專案中,一開始的Main.storyboad可以拖拉各種UI元件,直接視覺化的進行修改操作,可以在右下角選取Label標籤、Text Field文字區塊、Button按鈕、TextView文字欄等等UI元件,也可以點選元件後直接在右邊對元件的屬性像是顏色等等做修改。 Text Field Button Editable cancel Text View

頁面切換 開始的View Controller segue scene 每個App都會有一個起始頁面,也就是剛開始執行時,會出現的畫面,會有一個箭頭指向此頁面來代表初始頁面,且IOS的每個頁面可以藉由Main. Storyboard彼此直接連接做切換,只要按住滑鼠右鍵或是Ctrl鍵並拖拉到另一個要連接的頁面,就會讓此兩個頁面彼此連通,例如我將一個按鈕連到另一個頁面,則每當我點擊此按鈕時,就會切換到那個我所相連的頁面,被相連的頁面我們稱為Scene,相連的這條線我們可以稱它為一個Segue。 segue scene

Segue 相連的Segue可以給定一個固定Identifier ID,使我們可以藉由此ID來辨別是何處的Segue。

Segue相關方法 UIViewController類別 (BOOL)shouldPerformSegueWithIdentifi er: (NSString *)identifier sender:(id)sender 決定此id的segue是否被驅動(切換到下一 頁),預設是會回傳true(切換到下一頁), 若要進行相關程式後再決定是否切換到下 一頁,可覆寫此方法 identifier: segue的id字串 sender: 觸發此切換動作的元件,如:按鈕 Segue也有相關的內建函式可以呼叫。像是shouldPerformSegueWithIdentifier就是決定此Segue是否要被驅動

Segue相關方法 UIViewController類別 (void)prepareForSegue:(UIStoryboardSegue *) segue sender:(id)sender 通知即將切換到下一頁,segue將被執行 segue:此物見包含切換頁面涉及的view controllers sender:觸發此切換動作的元件 -(void)prepareForSegue則是即將要換下一頁

UIStoryboardSegue 類別 @property(nonatomic, readonly) id destinationViewController @property(nonatomic, readonly) id sourceViewController @property (nonatomic, readonly) NSString * identifier 一個Segue有來源(source)及目的(destination)還有此Segue ID(identity)三種屬性。

Unwind Segue 返回上一頁,須在返回的ViewController中加入 返回後要執行的方法,方法需有一個 UIStoryboardSegue 參數 建立返回按鈕與Exit的連線 若是一個返回上一頁的Segue,稱此Segue為一個Unwind Segue,此Segue會傳入一個(UIStoryboardSegue *)segue 參數。 - (IBAction)methodName:(UIStoryboardSegue *)segue { }

A離開要到B前,A程式的 (void)prepareForSegue:(UIStoryboardSegue A離開要到B前,A程式的 (void)prepareForSegue:(UIStoryboardSegue *) segue sender:(id)sender方法會被呼叫,其中參數segue 的destinationViewController屬性可取得B程式物件,就可以透過設定B的屬性值來達到資料傳遞 1 -(void)prepareForSegue:(UIStoryboardSegue *) segue sender:(id)sender{ ViewControllerB *dst= segue.destinationViewController; dst.data2=@”data2”; } 2 - (void)viewDidLoad{ [super viewDidLoad]; //更新相關畫面 } Segue->dst A程式 B程式 ViewControllerA --有屬性, 如:NSString data1; ViewControllerB --有屬性, 如:NSString data2; Segue的生命週期,由A程式連到B程式,首先離開A到B程式,呼叫prepareForSegue,接著到達B程式的ViewDidLoad初始狀態,接著B程式呼叫上一頁時,又呼叫到void)prepareForSegue,進到A程式的viewWillAppear函式中。,因此我們可藉由Segue來做兩程式相關的資料傳遞工作。 4 Unwind方法 -(IBAction)Submit:(UIStoryboardSegue *)segue{ //更新相關畫面 } 或是 -(void)viewWillAppear:(BOOL)animated{ dst<-Segue 3 離開要到A前,B程式的 (void)prepareForSegue:(UIStoryboardSegue *) segue sender:(id)sender方法會被呼叫,資料傳遞方式與A傳遞到B相同