• 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 

          

  • 相关阅读:
    2020-11-15(第十一周)助教周小结
    2020-11-08(第十周)助教周小结
    2020-11-01助教周小结(第九周)
    Template.
    OO第四单元总结
    OO第三单元总结
    OO第二单元总结
    OO第一单元总结
    AFO
    Codeforces Round #424 (Div. 2)
  • 原文地址:https://www.cnblogs.com/macroxu-1982/p/4168402.html
Copyright © 2020-2023  润新知