UI界面初步認識
所有控件的父類是UIView
圖片
常用屬性
image :圖片
frame:大小位置
方法
-(instancetype)initWithFrme:(CGRect)frame;
初始化并設置大小
實踐簡單的UI控件的的各種設置
來初步認識UI控制器界面
在ViewController.m文件中
@interface ViewController()和@end之間
是用來寫延展,如實例變量,屬性,方法的的聲明等
并且在這其中寫的變量,屬性只能在ViewController.m本文件中使用。
UI界面下設置代碼設置
-SingleView文件中的AppDelegate.m文件用來寫界面用到的代理,在此還未用到,只做介紹。
-ViewController.m是用來寫界面的代碼,當然我們也可以自己做一個視圖的的文件。自己來歸類處理視圖中的的控件。
-要使用UIView的界面需要用到系統的<UIKid/UIKit.h>頭文件,這個就是系統的UIKit框架,這個文件是在 Supporting File文件中【譯】支撐文件
-Main.storyboard文件是用來拖拽控件和查看界面關系圖的地方。
在storybord的
先點擊視圖上的小黃點,在點擊右邊的屬性欄
這里可以設置視圖的頁面的相關屬性
先點擊下頁面,然后可以在右側看到頁面的內容屬性的具體設置
頁面的坐標為左上角為(0.0)
同樣可以鼠標左鍵單擊下視圖的空白處,然后點擊下視圖中右側的屬性欄,點一下尺子,在尺子中可以看到關于這個視圖的坐標軸的信息。(坐標軸的信息在每個模擬器下的數值都是不一樣的。)
視圖中的圖片大小屬性,可以通過視圖上紅色圈出的小白快來移動修改。同樣的也可以通過右側的屬性框中設置來做修改。
添加圖片注意
通過鼠標拖拽需要的圖片素材到項目中需要注意到相關的項目
-copy items if needed 復制有用到的
-create groups創建組
-添加 UIIageVIew的支持
控件設置
從視圖中拖拽一個Images放到視圖中,然后把剛才拖拽到項目中的圖片設置為圖片
背景和視圖的前后關系
用代碼方法寫一個ui控件
1.寫創建圖片視圖的方法
2.在viewDidLoad中調用剛才創建的方法
UILabel
常用屬性
text:標簽文本
textAlignement:文本的位置
frame:大小位置
numberOfLines:行數
backgroundColor:背景顏色
font:字體
常用方法:
-(intancetype)initWithFrame:(CGRect)frame;
初始化并設置大小
Lable界面
其中Lines 函數如果設置為0的話,便可以自動換行。
是否作為啟動界面,如果箭頭誤刪的話