05-按钮的基本使用-开发步骤
- 從Xcode5開始，圖片資源都放到Images.xcassets中進行管理
- 先添加必須的圖片到Images.xcassets中
調整界面尺寸
- 由于模擬器的默認尺寸是3.5inch，為了避免出現(xiàn)不必要的麻煩，最好將storyboard中的UI界面尺寸也調整為3.5inch
添加4個方向按鈕和2個縮放按鈕
- 拖拽按鈕到storyboard上
- 設置按鈕的尺寸為35x35
設置按鈕的背景圖片
- 按鈕是有多種狀態(tài)的：
- 設置按鈕在不同狀態(tài)下的背景圖片（為了保證高亮的圖片正常顯示，必須設置按鈕的type為custom）
設置頭像按鈕
- 普通狀態(tài)：紅色文字“點我啊”
- 高亮狀態(tài)：藍色文字“摸我干嘛”
跟控制器建立聯(lián)系
- 通過修改控件的frame屬性就可以修改控件在屏幕上的位置和尺寸
- 比如點擊“向上”按鈕，讓按鈕的y值減小即可
- (IBAction)top:(UIButton *)sender {
CGRect btnFrame = self.headBtn.frame;
?btnFrame.origin.y -= 10;
?self.headBtn.frame = btnFrame;
}
- 下面代碼是錯誤的，OC語法規(guī)定：不允許直接修改對象的結構體屬性的成員
self.headBtn.frame.origin.y -= 10;
去除autolayout
- 如果發(fā)現(xiàn)通過代碼無法修改控件的位置或者尺寸時，應該去掉storyboard里面的autolayout功能，這是自iOS6開始出現(xiàn)的特性
- 顧名思義，autolayout是用來自動布局的，用來束縛控件的位置和尺寸。去掉這個功能，控件的位置和尺寸就不再有一些固定的束縛。
代碼創(chuàng)建按鈕
- 在開發(fā)過程中，并不是每次都通過storyboard拖控件完成UI界面，因為storyboard上面的界面是“固定死”的，有時候可能會在程序運行過程中動態(tài)地添加一些新的控件到界面上
- 比如QQ的聊天信息，是有人發(fā)出一條信息后才動態(tài)顯示出來的。因此，需要掌握如何用代碼動態(tài)地添加控件
- 實際上，storyboard的本質就是根據圖形界面描述轉成相應的代碼
- 下面演示用代碼創(chuàng)建按鈕
// 1.創(chuàng)建一個自定義的按鈕
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
// 2.添加按鈕
[self.view addSubview:btn];
// 3.設置按鈕的位置和尺寸
btn.frame = CGRectMake(100, 100, 100, 100);
// 4.監(jiān)聽按鈕點擊(點擊按鈕后就會調用self的btnClick方法)
[btn addTarget:self action:@selector(btnClick) forControlEvents:UIControlEventTouchUpInside];
// 5.設置按鈕在默認狀態(tài)下的屬性
// 5.1.默認狀態(tài)的背景
[btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];
// 5.2.默認狀態(tài)的文字
[btn setTitle:@"點我啊" forState:UIControlStateNormal];
// 5.3.默認狀態(tài)的文字顏色
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
// 6.設置按鈕在高亮狀態(tài)下的屬性
// 6.1.高亮狀態(tài)的背景
[btn setBackgroundImage:[UIImage imageNamed:@"btn_02"] forState:UIControlStateHighlighted];
// 6.2.高亮狀態(tài)的文字
[btn setTitle:@"摸我干啥" forState:UIControlStateHighlighted];
// 6.3.高亮狀態(tài)的文字顏色
[btn setTitleColor:[UIColor blueColor] forState:UIControlStateHighlighted];
Storyboard到代碼的轉換
// 創(chuàng)建一個自定義的按鈕
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
// 默認狀態(tài)的背景
[btn setBackgroundImage:[UIImage imageNamed:@"btn_01"] forState:UIControlStateNormal];
// 默認狀態(tài)的文字
[btn setTitle:@"點我啊" forState:UIControlStateNormal];
// 默認狀態(tài)的文字顏色
[btn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
?
轉載于:https://www.cnblogs.com/YangFuShun/p/4317923.html
總結
以上是生活随笔為你收集整理的05-按钮的基本使用-开发步骤的全部內容，希望文章能夠幫你解決所遇到的問題。
