iOS開發(fā)之手動布局子視圖
手動布局子視圖;
下面先看下效果圖,我們今天要實現(xiàn)的效果:

這里我們默認(rèn)用storyboard啟動:
首先我們要在白色的屏幕上面創(chuàng)建一個父視圖SuperView(藍(lán)色的背景),在父視圖里面創(chuàng)建四個小視圖(橘黃色的背景)
下面看代碼,
在SuperView.h文件里面:
#import <UIKit/UIKit.h>
@interface SuperView : UIView{
UIView * _view01;
UIView * _view02;
UIView * _view03;
UIView * _view04;
}
//聲明創(chuàng)建視圖函數(shù)
-(void) createSubViews;
@end
在SuperView.m文件里面:
#import "SuperView.h"
@interface SuperView ()
@end
@implementation SuperView
-(void) createSubViews{
//左上角視圖
_view01 = [[UIView alloc] init];
_view01.frame=CGRectMake(0, 0, 40, 40);
//右上角視圖
_view02 = [[UIView alloc] init];
_view02.frame=CGRectMake(self.bounds.size.width-40, 0, 40, 40);
//右下角視圖
_view03 = [[UIView alloc] init];
_view03.frame=CGRectMake(self.bounds.size.width-40, self.bounds.size.height-40, 40, 40);
//左下角視圖
_view04 = [[UIView alloc] init];
_view04.frame=CGRectMake(0, self.bounds.size.height-40, 40, 40);
_view01.backgroundColor=[UIColor orangeColor];
_view02.backgroundColor=[UIColor orangeColor];
_view03.backgroundColor=[UIColor orangeColor];
_view04.backgroundColor=[UIColor orangeColor];
[self addSubview:_view01];
[self addSubview:_view02];
[self addSubview:_view03];
[self addSubview:_view04];
}
//當(dāng)需要重新布局時調(diào)用此函數(shù)
//通過此函數(shù)重新設(shè)定子視圖的位置
//手動調(diào)整子視圖的位置
-(void)layoutSubviews{
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1];
_view01.frame=CGRectMake(0, 0, 40, 40);
_view02.frame=CGRectMake(self.bounds.size.width-40, 0, 40, 40);
_view03.frame=CGRectMake(self.bounds.size.width-40, self.bounds.size.height-40, 40, 40);
_view04.frame=CGRectMake(0, self.bounds.size.height-40, 40, 40);
[UIView commitAnimations];
}
@end
在ViewController.m文件里面:
#import "ViewController.h"
#import "SuperView.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
//創(chuàng)建一個父視圖
SuperView * sView = [[SuperView alloc]init];
sView.frame = CGRectMake(20, 20, 180, 280);
//父視圖調(diào)用函數(shù)創(chuàng)建四個小視圖
[sView createSubViews];
sView.backgroundColor = [UIColor blueColor];
[self.view addSubview:sView];
UIButton * btn01 = [UIButton buttonWithType:UIButtonTypeRoundedRect];
btn01.frame = CGRectMake(240, 480, 80, 40);
[btn01 setTitle:@"放大" forState:UIControlStateNormal];
[btn01 addTarget:self action:@selector(pressLarge) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn01];
UIButton * btn02 = [UIButton buttonWithType:UIButtonTypeRoundedRect];
btn02.frame = CGRectMake(240, 520, 80, 40);
[btn02 setTitle:@"縮小" forState:UIControlStateNormal];
[btn02 addTarget:self action:@selector(pressSmall) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:btn02];
sView.tag = 101;
}
//放大父視圖
-(void) pressLarge{
SuperView * sView = (SuperView*)[self.view viewWithTag:101];
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1];
sView.frame=CGRectMake(20, 20, 280, 400);
[UIView commitAnimations];
}
//縮小父視圖
-(void) pressSmall{
SuperView * sView = (SuperView*)[self.view viewWithTag:101];
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:1];
sView.frame=CGRectMake(20, 20, 180, 280);
[UIView commitAnimations];
}
- (void)didReceiveMemoryWarning {
[super didReceiveMemoryWarning];
// Dispose of any resources that can be recreated.
}
@end
以上代碼書寫完畢,就達(dá)到了上面視圖的效果,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Android開發(fā)筆記之簡單基站定位程序的實現(xiàn)
這篇文章主要介紹了Android開發(fā)筆記之簡單基站定位程序的實現(xiàn),詳細(xì)的介紹了基站定位其實很簡單,具有一定的參考價值,感興趣的小伙伴們可以參考一下。2016-11-11
CAMediaTiming ( 時間協(xié)議)詳解及實例代碼
這篇文章主要介紹了CAMediaTiming / 時間協(xié)議詳解及實例代碼的相關(guān)資料,這里附有實例代碼,幫助大家學(xué)習(xí)參考,需要的朋友可以參考下2016-12-12
如何用IOS調(diào)用WebService(SOAP接口)
這篇文章主要介紹了如何用IOS調(diào)用WebService(SOAP接口),需要的朋友可以參考下2015-07-07
詳解iOS App中UIPickerView滾動選擇欄的添加方法
UIPickerView組件在應(yīng)用中選擇地區(qū)等方面的運(yùn)用非常常見,能夠提供多列的選擇項,下買呢我們就來詳解iOS App中UIPickerView滾動選擇欄的添加方法2016-05-05
iOS10添加本地推送(Local Notification)實例
這篇文章主要為大家詳細(xì)介紹了iOS10添加本地推送(Local Notification)實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-09-09
iOS 中使用tableView實現(xiàn)右滑顯示選擇功能
這篇文章主要介紹了iOS 中使用tableView實現(xiàn)右滑顯示選擇功能的相關(guān)資料,非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-07-07

