UI基礎 UI高階 視覺化設計

2021-07-08 12:04:26 字數 1572 閱讀 3079

簡稱ib,是mac os x和ios平台下用於設計和測試使用者介面的

應用程式。

提供了拖放面板,可以將控制項拖放到螢幕上。

ib建立.xib檔案,包括檢視布局,以xml格式儲存。

程式執行後,.xib檔案中的內容編譯為.nib檔案(二進位制檔案), 儲存在工程包中。

插座變數。用於控制ib中的ui控制項。

iboutlet,外聯指標。連線插座變數和ib中的ui控制項

設定:選中控制項,按住command,向類中拖放,設定變數名。

動作。用於響應ui控制項的觸發事件。

ibaction。連線方法和ib中的ui控制項

設定:選中控制項,按住command,向類中拖放,設定方法名。

將要設定**的控制項與其所在的檢視控制器進行拉線,鬆開後會彈出選單,選擇**

利用segue去push檢視控制器。

選中按鈕,按住command,從按鈕向下一級頁面連線。按鈕不需要新增響應方法。

注:適用於不存在傳值的頁面切換。

要給segue設定唯一的識別符號

利用segue去push檢視控制器的時候,使用檢視控制器的例項方法:

新增約束條件:

真諦:每個空間至少新增四條約束條件(跟frame一樣 x y 寬 高) 只可多 不可少

1.首先要確定好乙個控制項的約束(必須正確)

2.其次 跟手寫frame一樣 需要 依據上乙個控制項的約束 來新增下乙個控制項的約束

3.最後 新增完成後 看一下 有沒有報紅(少約束條件)報黃(需要更新一下約束或者frame)然後檢視各螢幕下的檢視布局是否正確

戒驕戒躁

刪除屬性步驟:

1.刪除**

2.刪除屬性連線

3.把自動生成的dealloc 刪除

第十四講 UI 級視覺化設計

本講內容 inte ce builder 視覺化程式設計 二 storyboard 視覺化編輯中的 segue 使 用 方式 三 storyboard 視覺化編輯中的 自定義單元格 四 storyboard 視覺化編輯中的 自適應布局 autolayout 一 inte ce builder 什麼是...

Rabbitmq視覺化UI介面訪問不了

今天使用docker安裝了rabbitmq,但是視覺化介面無法訪問。啟動容器命令 docker run d name rabbitmq e rabbitmq default user admin e rabbitmq default pass admin p 15672 15672 p 5672 5...

視覺化基礎 (3)

本篇只是讓大家對於webgl 有個大致認知即可,了解他的大致流程 因為我們在專案中的開發都是基於各種封裝好的框架 如 three.js等 webgl 是一種繪圖協議,本質基於的元素標籤還是canvas 語言大部分還是我們前端的這些語言,只是新增了乙個著色器語言glsl es,但是我們不了解這個沒有關...