storyBoard學習教程一(頁面跳轉)

2022-03-17 18:51:37 字數 2053 閱讀 8174

今天為了給夥伴作一篇storyboard快速程式設計的教程,所以才寫下了這篇部落格。

有過storyboard 程式設計經驗的夥伴還是不要閱讀本篇部落格了,我自己認為,太基礎太簡單了,為了方便別人學習使用,我還是詳細的做了這篇教程。 

不怕辛苦,不怕被別人貶低,就怕自己不能夠成長。不廢話,開始

以上是使用 storyboard  程式設計的時候,我們的xcode的樣子,下面進行說明(編號於圖上的編號一一對應):

1、storyboard 檔案的啟**頁,可以在工程的配置資料夾 general 裡面設定啟**為 launchscreen 如下圖所示。在編號18處選擇如圖,在對應的launchscreen.storyboard 檔案裡,從編號為15(先選中編號為15的按鈕)然後在下面的區域,選擇乙個 uiimageview 控制項,如圖a 所示。將控制項拖動到我們的控制面板中,如圖b所示。 

3、就是 uiviewcontroller 代表這我們這個 storyboard 檔案是個什麼型別的檔案,可以是 uitableviewcontroller 等等之類的,我們分別建乙個 uiviewcontroller 、uitableviewcontroller 的 storyboard 檔案,如下圖所示:

4、我們要說一下這裡一些圖示的意思:

file』s owner 是所有nib 檔案的圖示,表示是從磁碟載入nib檔案的物件。

first responder 就是使用者當前正在與之互動的物件。

view 顯示使用者介面,完成使用者互動,是uiview類或子類

5、就是該viewcontroller 通常設定**的時候,可能需要用到,如,我們在 storyboard.storyboard 檔案裡新增一張表uitableviwe 然後設定表的**為 該檢視控制器 (以下做法 等同於**設定uitableview 的**)

第一步:我們點開上面建立好的 storyboard.storyboard 檔案是長這個樣子的 

6、就是使用者當前正在與之互動的物件。

7、不做解釋

8、就是自定義關聯類的一些設定區域,如下圖 

為了做好關聯,和跑通介面,我是非常理解這裡必須寫的詳細的一些,那就詳細的寫

下面是進行關聯,將我們的 storyboard.storyboard 檔案 和 njw_viewcontroller 類檔案進行關聯,如下圖所示:

修改頁面為紅色,一會便於我們區別

9、頁面屬性,可以檢視或者修改注如 self.view  字型之類的一些常用屬性的設定

10、約束(點選後可以進入約束的區域,檢視一些約束)

15、可以選擇想用的視覺化控制項 

到這裡為止,本篇部落格講解了關於 storyboard 的一些基本入門知識,以及實現載入乙個 storyboard 的檔案

IOS學習 無storyboard開發

這其實是個挺有意思的內容,廢話不多說,進入正題 然後就會看到xcode為我們建立了如下檔案。這裡我們直接吧兩個帶有storyboard字尾的檔案delete掉,然後執行 當然這裡是會報 修改其中乙個函式如下 self.window uiwindow alloc initwithframe uiscr...

用storyboard開發IOS頁面的一點體會

剛接觸ios開發不到10天,只寫了一些後台的邏輯 對objective c和cocoa touch的api有點感覺了。不過今天開始嘗試用storyboard開發ui,還是不太習慣,本文簡單記錄一下 ios中乙個頁面稱為乙個scene,一般就對應乙個viewcontroller,或者乙個xib檔案。而...

學習kafka教程(一)

簡介 kafka是用於構建實時資料管道和流應用程式。具有橫向擴充套件,容錯,wicked fast 快 等優點,並已在成千上萬家公司執行。目標相關概念 producer 生產者,就是它來生產 叉燒包 的飯堂阿姨。consumer 消費者,生產出來的 叉燒包 它來消費。topic 你把它理解為標籤,生...