首页 > 代码库 > 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界面布局整理