狗尾草

导航

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 选中

        [9]UIView和UIControl

              UIView是UIControl的基类,UIControl中包含了触控事件实现

              基于UIControl的类,可以直接在xib文件中直接设置action

              在实现自定义控件过程中,如果类的实现的界面中包含子控件,且子控件覆盖界面全部,则在类实现的触控事件就不会触发(一般将事件移植到子控件中)

 

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

          

  3 自定义UIScrollView控件frame设置步骤

   先设置UIScrollView 的frame  

   设置UIScrollView的content View 的frame ,并计算出 content View 的高度 

   设置UIScrollView 的contentSize

 

  4 

 

      

 

posted on 2014-12-16 23:50  狗尾草-大数据收割基  阅读(4042)  评论(0编辑  收藏  举报