首页 > 代码库 > ios界面布局整理
ios界面布局整理
1 UIView
1.1 创建自定义的UIView的xib文件
[1]设置 file‘s Owner的 Custom Class 中的class 执行自定义控件类
[2]设置当前UIView 的屏幕大小
Simulated Metrics 中 Size 为FreeFrom,其他的Bar选项设置为None
[3]自定义控件的两种加载方式实现
- (id)initWithFrame:(CGRect)frame //通用在代码中设置frame生成控件的方式
-(id)initWithCoder:(NSCoder *)aDecoder //通过xib文件加载方式生成控件
- (void) awakeFromNib
[4]获得当前控件的frame
self.frame;
[5]在自定义控件中获取自定义nib控件
NSBundle* bundle=[NSBundle mainBundle];
views= [bundle loadNibNamed:@"UIMainMenuButton1" owner:self options:nil];
UIView* uiview=[views objectAtIndex:0];
[6]设置自定义属性
在类中添加自定义属性
在添加自定义类的xib文件中选择类,并在show the identity inspector 选项卡中添加 user defined runtime attributes
[7]自定义控件 不能计算当前控件的实际的宽高,但系统自带的控件,如UILabel可以计算实际的宽高,
在auto layout设置中必须高度,和宽度
[8]裁减内容
设置clips subviews 选中
2 auto layout
[1] 在xib文件中的 show file inspector,选择Use auto layout
[2] 添加控件的约束
从菜单项 Editor-->pin
xib界面的右下方 选择
[3]常见约束,长宽
相对于父容器的四个边的距离
相对于父容器,横向,纵向居中对齐,
相对于其他控件,长度,宽度相等,左边,右边,中间对齐,上边,下面,对齐,横向间隔,纵向间隔
[4]编辑修改当前任一控件的约束
直接选择控件,根据面板中显示的约束线,双击并修改
选择控件,查看Show the size inspector 面板,显示当前的约束,并修改
[5]常见界面设置尺寸为4.7 inch
ios界面布局整理