iOS10 UI教程檢視的幾何形狀
iOS10 UI教程檢視的幾何形狀
檢視屬性中的一部分屬性可以讓定義的檢視繪製在螢幕上。在講解這些屬性前,我們首先將講解,定義檢視的幾何形狀所涉及到的結構型別。這些結構型別如下:
- CGPoint:它表示一個二維座標系中的點,由x和y兩個屬性進行定義。
- CGSize:它表示一個矩形的尺寸,由width和height兩個進行定義。
- CGRect:它表示一個矩形的位置和大小,由origin和size兩個屬性進行定義。
注意:初始化這些結構型別所需要的程式碼非常簡單,而且有很多功能都是透過Apple提供的,使用這些結構型別可以簡化開發者的工作。
【示例1-3:ViewGeometry】以下將建立一個空白檢視,並且在其中會使用到CGRect、CGSize和CGPoint的例項。程式碼如下:
點選(此處)摺疊或開啟
-
import UIKit
-
class ViewController: UIViewController {
-
override func viewDidLoad() {
-
super.viewDidLoad()
-
// Do any additional setup after loading the view, typically from a nib.
-
let point=CGPoint(x: 67.0, y: 217.0) //例項化一個CGPoint物件
-
let size=CGSize(width: 240.0, height: 128.0) //例項化一個CGSize物件
-
let rect=CGRect(origin: point, size: size) //例項化一個CGRect物件
-
let newView=UIView(frame: rect)
-
self.view.addSubview(newView)
-
newView.backgroundColor=UIColor.red
-
}
-
……
- }
此時執行程式,會看到如圖1.8所示的效果。
圖1.8 執行效果
iOS10 UI教程檢視的幾何形狀
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/29597077/viewspace-2128909/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- iOS10 UI教程檢視的中心位置iOSUI
- iOS10 UI教程檢視除錯iOSUI除錯
- iOS10 UI教程檢視的邊界與檢視的框架iOSUI框架
- iOS10 UI教程檢視的生命週期iOSUI
- iOS10 UI教程檢視和子檢視的可見性iOSUI
- iOS10 UI教程檢視的繪製與檢視控制器和檢視iOSUI
- iOS10 UI教程子檢視和父檢視UI層次結構和Views繼承iOSUIView繼承
- iOS10 UI教程基改變檢視的外觀與檢視的可見性iOSUI
- iOS10 UI教程禁用檢視與使用者的互動iOSUI
- CSS繪製各種幾何形狀CSS
- CSS繪製各種幾何圖形形狀效果CSS
- WPF繪圖(一):幾何(Geometry)與形狀(Shape)繪圖
- iOS10 UI教程基礎視窗的內容與設定起始視窗iOSUI
- 分形、分形幾何、資料視覺化、Python繪圖視覺化Python繪圖
- iOS10 UI設計基礎教程iOSUI
- iOS10 UI教程層次結構的事件iOSUI事件
- WebGL不同幾何圖形的渲染方式Web
- 聊一聊 React 中更新 ui 檢視的幾種方式ReactUI
- iOS10 UI教程管理層次結構iOSUI
- 【計算幾何】多邊形交集
- 分形——自然界的幾何學 (轉)
- 不可不知的WPF幾何圖形(Geometry)
- 電腦怎麼檢視windows版本 檢視電腦windows幾的四種方法教程Windows
- 【前端幫幫忙】第3期 使用CSS的border屬性繪製各種幾何形狀前端CSS
- 【計算幾何】多邊形點集排序排序
- 曠視科技提出TextSnake:一個檢測任意形狀文字的靈活表徵
- 各種檢視的巢狀巢狀
- 計算機圖形學(四)_幾何變換_1_基本的二維幾何變換(一)計算機
- 4.2.7 檢視元件狀元件
- Relation-Shape CNN:以幾何關係卷積推理點雲3D形狀Relation-ShapeCNN卷積3D
- 【計算幾何】點在多邊形內部
- 【IDL】幾何圖形數學運算函式函式
- 【知識分享】檢視伺服器狀態經常使用的幾個命令伺服器
- GitLab 的元件狀態檢視Gitlab元件
- 計算機圖形學(四)_幾何變換_1_基本的二維幾何變換(二)_旋轉計算機
- 計算機圖形學(四)_幾何變換_1_基本的二維幾何變換(三)_縮放計算機
- 【物化檢視】幾種物化檢視日誌分析
- Flash8教程4:形狀補間