UI-基礎(chǔ)控件

學習UI兩天后基本掌握了一些UI的基本控件用法。先說明一下,我學的是iOS 不是IOS,不是ios,也不是IoS等等款七八糟的寫法。

下面既是我對簡述也是自己對這兩天學習的回顧:(以下所有代碼全是在xcode上可運行的,我用的是xcode7.2)

先說UIWindow:

1.UIWindow: 在一個程序中有且只有一個主window

?1>取消程序的可視化入口,Main.sb

?2>創(chuàng)建主window對象

我們創(chuàng)建主 window,使其大小和屏幕一樣

UIScreen 系統(tǒng)屏幕類

self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];

給你創(chuàng)建的窗口填顏色 UIcolor 系統(tǒng)的顏色類

_window.backgroundColor =[UIColor blueColor];

//讓window 顯示,并成為主窗口 并 顯示

[_window makeKeyAndVisible];

4.設(shè)置window主窗口

在xcode7 之后 必須設(shè)置rootViewController,否則,在該方法結(jié)束的時候,會崩潰

_window.rootViewController = [[UIViewController alloc]init];

?3>UIwindow 繼承于UIView

綜上所述,開始一個需要UI設(shè)計布局的程序時,啥都不用想,只要建好工程并在AppDelegate.m的文件里找到:- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

return YES;

}

然后再 { 之后開始新建我們的主窗口,即主Window對象:

(1)UIScreen 系統(tǒng)屏幕類

self.window = [[UIWindow alloc]initWithFrame:[UIScreen mainScreen].bounds];

2)給你創(chuàng)建的窗口填顏色 UIcolor 系統(tǒng)的顏色類

_window.backgroundColor =[UIColor blueColor];

(3)讓window 顯示,并成為主窗口并顯示

[_window makeKeyAndVisible];

(4).設(shè)置window主窗口

注意:(在xcode7 之后 必須設(shè)置rootViewController,否則,在該方法結(jié)束的時候,會崩潰)

_window.rootViewController = [[UIViewController alloc]init];


?2.UIView (

?UIView 與NSObject相似,是UI階段的根類,大部分控件繼承與UIView

首先我們先要添加一個UIView,方法如下:

UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

接著去給這個UIView添加背景色

view.backgroundColor = [UIColor greenColor];

讓我們直接將UIView加到_Window上

[_window addSubview:view];

遇到UIView的子類,都看完一使用以上方式創(chuàng)建和顯示

?這個UIView在屏幕中顯示為矩形,因為在創(chuàng)建的識貨我在其中定義了四個數(shù)值(0,0,100,100)分別是(x,y,width,heigh)

在這里值得一說的是這個坐標系。我們在數(shù)學的學習中也接觸過坐標系,但千萬不要以為是一樣的 完全是兩個概念得坐標系。

iOS系統(tǒng)坐標系

1.與數(shù)學中的坐標系不同 ,y軸的正方向是向下的

2.原點是屏幕的左上角

接著說我們的UIView

UIView的基本屬性

UIView *testView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];

[_window addSubview:testView];

背景色

testView.backgroundColor = [UIColor cyanColor];

alpha 透明度0。0~1.0 默認值 1.0

testView.alpha = 0.2;

3.tag 標記(編號)(默認為0)

testView.tag = 1000;

根據(jù)tag獲取到對應(yīng)的view

UIView *view1 = [_window viewWithTag:1000];

知道怎么設(shè)計view了 我們就說說視圖層級的關(guān)系

先做出三個視圖

UIView *firstView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 80, 80)];

firstView.backgroundColor = [UIColor orangeColor];

UIView *secondView = [[UIView alloc] initWithFrame:CGRectMake(10, 10, 80, 80)];

secondView.backgroundColor = [UIColor redColor];

UIView *lastView = [[UIView alloc] initWithFrame:CGRectMake(20, 20, 80, 80)];

lastView.backgroundColor = [UIColor blackColor];

addSubview(添加視圖)

[_window addSubview:firstView];

insterSubview:atIndex(插入視圖,到指定下標)

NSLog(@"%@",_window.subviews);

[_window insertSubview:secondView atIndex:2];

insterSubview:aboveSubview(插入視圖,到指定視圖的上面)

[_window insertSubview:lastView aboveSubview:firstView];

insterSubview:belowSubview(插入視圖,到指定視圖的下面)

[_window insertSubview:lastView belowSubview:secondView];


視圖說的差不多了 ,下面回憶一下UILable

什么是 UILable 說白了就是負責顯示文本的

如果沒有自己的初始化方法,則使用父類的

UILabel *lable = [[UILabel alloc] initWithFrame:CGRectMake(20, 100, 300, 100)];

lable.backgroundColor = [UIColor yellowColor];

[_window addSubview:lable];

讓我們看看 lable的屬性

?1.text

lable.text = @"我叫王煌,我很熱;看能否兼顧和歐文哦啊;的看來是你發(fā)幾個戶外;日歷卡價格和銳拼接開關(guān)后唯品;人均國內(nèi)宏觀;";

?2.textColor 文本顏色

lable.textColor = [UIColor lightGrayColor];

3.font 默認值 17

lable.font = [UIFont systemFontOfSize:40];

lable.font = [UIFont boldSystemFontOfSize:40];

.textAlignment 對齊方式 默認對齊方式NSTextAlignmentLeft

lable.textAlignment = NSTextAlignmentRight;

5.numberOfLines

不確定行數(shù)時,給0

lable.numberOfLines = 0;

6.換行模式,。。。位置 lineBreakMode

lable.lineBreakMode = NSLineBreakByCharWrapping;

7.陰影顏色

lable.shadowColor = [UIColor redColor];

lable.shadowOffset = CGSizeMake(2, 4);

靜態(tài)的一些控件差不多說到這,下面說說那個按鈕,就是button

什么叫UIButton呢?

直接點就是用來點擊的

//UIButtonTypeSystem系統(tǒng)按鈕類型

定義一個button

UIButton *button = [UIButton buttonWithType:UIButtonTypeSystem];

給按鈕設(shè)計顏色

button.backgroundColor = [UIColor purpleColor];

[_window addSubview:button];

定義button的位置

button.hl_x = 150;

button.hl_y = 300;

button.hl_height = 100;

button.hl_width = 100;

[_window addSubview:button];

//給Button添加事件

[button addTarget:self action:@selector(buttonClicked) forControlEvents:UIControlEventTouchUpInside];

//給button添加文字

[button setTitle:@"你點我啊~" forState:UIControlStateNormal];

[button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];

還要在}之外給button定義好buttonClick的方法


次外還有個可以直接顯示文字的控件就是UITextField

UITextField

UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(150, 450, 100, 100)];

textField.backgroundColor = [UIColor yellowColor];

[_window addSubview:textField];

1.給輸入框附了初值

textField.text = @"文字";

2.text.Color 文字顏色

textField.textColor = [UIColor blackColor];

?3.borderStyle 邊緣樣式

//UITextBorderStyleNone 無

//UITextBorderStyleLine 有邊緣線

//UITextBorderStyleBezel

//UITextBorderStyleRoundedRect 邊緣圓角

textField.borderStyle = UITextBorderStyleLine;

4.placeholder 占位字符

//當text、不為空時,placeholder 是不顯示的

textField.placeholder = @"請輸入你的愛好";

5.clearsOnBeginEdtting

textField.clearsOnBeginEditing = YES;

//command + K 顯示、收起鍵盤

textField.delegate = self;

但在}之外要聲明這個textfield的功能

//開始編輯前

- (BOOL)textFieldShouldBeginEditing:(UITextField *)textField {

//return YES 可以編輯

//return NO 不可以編輯

return YES;

}

//已經(jīng)開始編輯

- (void)textFieldDidBeginEditing:(UITextField *)textField {

}

- (void)textFieldDidEndEditing:(UITextField *)textField {

}

- (BOOL)textFieldShouldReturn:(UITextField *)textField {

//處理點擊return的時候,需要進行的操作

//回收鍵盤

return YES;

}

以上就是我目前掌握的一些基礎(chǔ)控件,UIWindow,UIView,UIButton, UITextField,UILable

在知道以上控件后,我們只要記住怎么實用就好,首先要聲明一下,定義初始化,然后設(shè)置顏色,位置,大小,或者一些細節(jié)上的問題,最后在表明一下 這個控件是現(xiàn)實在哪個視圖上面的就好了!

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 229,517評論 6 539
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 99,087評論 3 423
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 177,521評論 0 382
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,493評論 1 316
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,207評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,603評論 1 325
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,624評論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,813評論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,364評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 41,110評論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,305評論 1 371
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,874評論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 44,532評論 3 348
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,953評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,209評論 1 291
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,033評論 3 396
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,268評論 2 375

推薦閱讀更多精彩內(nèi)容