Skip to Content

Xcode 用 Storyboard 開發程式記錄 (3/4)

 

建立第二視窗

接著要設計開啟第二個視窗的功能。

首先打開元件列表,將 View Controller 拉到設計畫面,也就是藍框的位置,那就是第二個視窗。

在第一個視窗再拉一個 Button,然後按著 control,由 Button 拉一條線到第二個視窗。

滑鼠放開後,會出現選單,選擇 Show。

這裡簡單說明其實我試過的方法:

  • Popover:一個暫時出現的對話框。
  • Sheet:冒出來的一頁。
  • Custom:沒試出來,大概要寫程式。
  • Modal:置頂的視窗,應該就類似 C++ Builder 中的 ShowModal。

選擇 Show 之後,就出現如下畫面,表示 Button 與第二個視窗的連結。

執行程式,按下下方的 Button,就開啟了第二個視窗了。

為第二視窗設計程式

目前已經有了第二視窗,現在要在視窗上放置元件,並為第二視窗的元件設計程式。

首先來建立程式,先在 MyApp 上按滑鼠右鍵,選擇 New File...

這是要為第二視窗建立的,所以選擇現成的 Cocoa Class。

Class 填上 OptionView,如果是在 C++ Builder,依我的習慣,這裡等於是 fmOption 視窗物件。

同時 Subclass of: 則要選擇 NSViewController。

接著選儲存位置,預設就是專案目錄下面。

底下的 Targets 要記得打勾,好像是說該 Target 的程式才會認得這個程式,可能類似 C++ 中的 include 進專案中吧。

完成後自動產生如下程式。

接著把第二視窗連結剛剛建立的程式。

先點選第二視窗紅框處,在綠框的位置 Class 選擇 OptionView,Module 選擇 MyApp。若不選 Modul 而改成勾選 Inherit Module From Target 也可以,只是不確定實際的差別是什麼。

在第二視窗放一些元件,把元件拉到程式中,操作方法如第一個視窗,細節就不說了。

由底下程式可以看出,只要按下 Button,Label 就會呈現 OK。

執行如下,成功!

至此,我們已經會開啟第二個視窗,也可以為第二視窗加上元件與程式。

 

回應

發表新回應

這個欄位的內容會保密,不會公開顯示。
  • 自動將網址與電子郵件地址轉變為連結。
  • 自動斷行和分段。
  • 可使用的 HTML 標籤:<a> <address> <b> <blockquote> <br> <caption> <center> <cite> <code> <dd> <del> <div> <dl> <dt> <em> <h1> <h2> <h3> <h4> <h5> <h6> <hr> <i> <img> <ins> <li> <ol> <p> <pre> <span> <strike> <strong> <sub> <sup> <table> <tbody> <td> <th> <tr> <u> <ul>
    Allowed Style properties: background, background-attachment, background-color, background-image, background-position, background-repeat, border, border-bottom, border-bottom-color, border-bottom-style, border-bottom-width, border-collapse, border-color, border-left, border-left-color, border-left-style, border-left-width, border-right, border-right-color, border-right-style, border-right-width, border-spacing, border-style, border-top, border-top-color, border-top-style, border-top-width, border-width, bottom, caption-side, clip, color, direction, empty-cells, font, font-family, font-size, font-size-adjust, font-stretch, font-style, font-variant, font-weight, height, left, letter-spacing, line-height, list-style, list-style-image, list-style-position, list-style-type, margin, margin-bottom, margin-left, margin-right, margin-top, max-height, max-width, min-height, min-width, overflow, padding, padding-bottom, padding-left, padding-right, padding-top, right, table-layout, text-align, text-decoration, text-indent, text-transform, top, unicode-bidi, vertical-align, white-space, width, word-spacing, z-index

更多關於格式選項的資訊

CAPTCHA
驗證碼只有阿拉伯數字, 這是躲廣告用的, 麻煩你輸入了.
Image CAPTCHA
Enter the characters shown in the image.


story | about seo