iOS开发-UI StoryBoard

Posted CUG

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iOS开发-UI StoryBoard相关的知识,希望对你有一定的参考价值。

知识点:

1.UIView的简单动画

2.UIView层次关系

3.UIImageView的使用

4.简单的手势操作

5.UIView 停靠模式

 

=====================

UIView的简单动画

 

   1.UIView坐标系统

     1)UIView相对于父视图的坐标系统

 

   2.UIView的frame,center,bounds关系

     frame:  该view在父view坐标系统中的位置和大小。(参照点是,父亲的坐标系统)

     bounds: 该view在本地坐标系统中的位置和大小。(参照点是,本地坐标系统)

     center: 该view的中心点在父view坐标系统中的位置。(参照点是,父亲的坐标系统)

 

   3.设置透明度

    @property(nonatomic)  CGFloat   alpha 

  view1.alpha = 0.2;

   4.UIView中的简单动画效果1

     1.开始动画

       +(void)beginAnimations:(NSString *)animationID context:(void *)context;

     2.持续时间

       +(void)setAnimationDuration:(CFTimeInterval)dur;

     3.提交动画(运行动画)

       +(void)commitAnimations;

 

//开启动画

    [UIView beginAnimations:nil context:nil];

    //设置动画持续时间

    [UIView setAnimationDuration:5.0];

  //提交动画

[UIView commitAnimations];

 

  5. UIView中的简单动画效果2

+ (void)animateWithDuration:(NSTimeInterval)duration 

animations:(void (^)(void))animations 

completion:(void (^)(BOOL finished))completion 

                    

//开始动画

    [UIView animateWithDuration:2.0 animations:^{

        //提交的动画内容

        //改变view1的位置

        view1.center = CGPointMake(CGRectGetWidth(self.window.frame) - 50, CGRectGetHeight(self.window.frame) - 50);
        
        //改变绿色

        view1.backgroundColor = [UIColor greenColor];

    } completion:^(BOOL finished) {

        //上述动画执行完毕之后,会回调此block当中的代码块
       //开启动画

        [UIView animateWithDuration:2.0 animations:^{

            //恢复原位

            view1.center = CGPointMake(50, 70);

            view1.backgroundColor = [UIColor orangeColor];

        }];

    }];

 

=====================

UIView层次关系

 

   1.如何在UIView上叠加新的UIView

     - (void)addSubview:(UIView *)view;

[self.window addSubview:view1];

 

   2.如何获取UIView的父视图

     @property(nonatomic,readonly) UIView  *superview;

//从一个子视图当中获取它的父视图对象

    NSLog(@"sView3.superview = %p fView = %p",sView3.superview,fView);

 

   3.如何获取UIView子视图

     @property(nonatomic,readonly,copy) NSArray *subviews; //从父视图当中获取到它之上的所有子视图

    for (UIView *tempView in fView.subviews)

 

   4.把一个子视图移动到最前端

- (void)bringSubviewToFront:(UIView *)view;

//移动某个子视图到最前端

    [fView bringSubviewToFront:sView1];

    //移动某个子视图到最后端

    [fView sendSubviewToBack:sView2];

 

   5.交换子视图的图层

- (void)exchangeSubviewAtIndex:(NSInteger)index1 withSubviewAtIndex:(NSInteger)index2;

//交换连个视图的图层

    [fView exchangeSubviewAtIndex:0 withSubviewAtIndex:2];

 

   6.如何在特定位置插入一个视图

     - (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;

//插入视图

    [fView insertSubview:sView4 atIndex:1];

   7.如何删除一个视图(该函数是给要删除的视图发送)

     - (void)removeFromSuperview;

ps:removeFromSuperview:将一个视图从父视图当中移除,同时会移除该视图上的所有子视图

//一次性删除这个视图上的所有子视图

        [tempView removeFromSuperview];

 

   8.如何剪切一个视图超出父视图之外的部分

     @property(nonatomic)  BOOL   clipsToBounds; 

//剪裁超出父视图的部分

    fView.clipsToBounds = YES;

 

   9.如何隐藏和显示一个UIView

     @property(nonatomic,getter=isHidden) BOOL  hidden;

//隐藏一个视图

    sView1.hidden = YES;

   10.检测视图之间的关系

     - (BOOL)isDescendantOfView:(UIView *)view;

 

//检测一个视图是否为另外一个视图的子视图

    if ([sView2 isDescendantOfView:fView]) {

        

        NSLog(@"sView2是fView的子视图");

        

    }

=====================

UIImageView使用

   

1.如何重新设置图片内容

  @property(nonatomic,retain) UIImage *image

2.如何解决图片内容变形问题(该属性由UIView继承)

  @property(nonatomic) UIViewContentMode contentMode

UIViewContentModeScaleToFill             拉伸内容,会导致内容变形

UIViewContentModeScaleAspectFit    拉伸内容,内容比例不变

UIViewContentModeScaleAspectFill    拉伸内容,内容比例不变,但是有可能部分内容不能显示

imageView.contentMode = UIViewContentModeScaleAspectFill;

 

=====================

简单的手势操作

 

   UITapGestureRecognizer             点击

   UIPinchGestureRecognizer              二指往內或往外拨动,平时经常用到的缩放

   UIRotationGestureRecognizer        旋转

   UISwipeGestureRecognizer           滑动,快速移动

   UIPanGestureRecognizer                 拖移,慢速移动

   UILongPressGestureRecognizer      长按

 

/*

     参数1:目标对象

     参数2:回调的方法

     */

    UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(myTap:)];

//双击触发

    tap.numberOfTapsRequired = 2;

    

    //添加手势到Window之上

    [self.window addGestureRecognizer:tap];

 

//快速滑动

    UISwipeGestureRecognizer *swi = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(myTap:)];

    /*

     typedef NS_OPTIONS(NSUInteger, UISwipeGestureRecognizerDirection) {

     UISwipeGestureRecognizerDirectionRight = 1 << 0,

     UISwipeGestureRecognizerDirectionLeft  = 1 << 1,

     UISwipeGestureRecognizerDirectionUp    = 1 << 2,

     UISwipeGestureRecognizerDirectionDown  = 1 << 3

     };

     */

    //设置支持的方向

    //水平和竖直方向能支持其中一种

    swi.direction =  UISwipeGestureRecognizerDirectionUp | UISwipeGestureRecognizerDirectionDown;

    

    [self.window addGestureRecognizer:swi];

 

//长按手势

    //长按之后,滑动也会触发,放手也会触发一次

    UILongPressGestureRecognizer *longGes = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:  @selector(myTap:)];

    //触发事件需要的最短时间

    longGes.minimumPressDuration = 1;

    [self.window addGestureRecognizer:longGes];

    

    //关闭人机交互开关

    //self.window.userInteractionEnabled = NO;

    

    /*

     注意事项:

     1.每一个UIView都有一个属性userInteractionEnabled,如果这个属性值为NO,则无法触发事件(包括手势和btn的点击事件)

     2.UILabel,UIImageView在实例化出来的时候,默认userInteractionEnabled的值为NO

     3.如果父视图的userInteractionEnabled的值为NO,则子视图也不可以响应事件

     4.如果视图被隐藏,也不可以响应事件

     

     */

ps:当视图hidden属性设置为YES的时候,或者userInteractionEnabled=NO

的时候,就无法进行人机交互

 

 

=====================

UIView 停靠模式

 

   1.自动布局:当父视图变化时子视图如何变化

1)先设置父视图的autoresize属性为YES

2)再设置子视图的mask属性

//设置停靠模式

    //父视图设置autoresizesSubviews

    fView2.autoresizesSubviews = YES;

    //子视图设置停靠的模式

    //UIViewAutoresizingFlexibleLeftMargin 子视图到父视图的右边距距离固定

    //UIViewAutoresizingFlexibleWidth 宽度是可变的

    sView2.autoresizingMask = UIViewAutoresizingFlexibleWidth;

 

    @property(nonatomic) BOOL autoresizesSubviews;

 

    @property(nonatomic) UIViewAutoresizing autoresizingMask;

UIViewAutoresizingNone

就是不自动调整。

UIViewAutoresizingFlexibleLeftMargin 

自动调整与superView左边的距离,保证与superView右边的距离不变 UIViewAutoresizingFlexibleRightMargin

自动调整与superView的右边距离,保证与superView左边的距离不变。 UIViewAutoresizingFlexibleTopMargin 

自动调整与superView顶部的距离,保证与superView底部的距离不变。 UIViewAutoresizingFlexibleBottomMargin 

自动调整与superView底部的距离,保证与superView顶部的距离不变。 UIViewAutoresizingFlexibleWidth

自动调整自己的宽度,保证与superView左边和右边的距离不变。 UIViewAutoresizingFlexibleHeight

自动调整自己的高度,保证与superView顶部和底部的距离不变。

 

以上是关于iOS开发-UI StoryBoard的主要内容,如果未能解决你的问题,请参考以下文章

iOS开发-UI StoryBoard

代码手写UI,xib和StoryBoard间的博弈,以及Interface Builder的一些小技巧

iOS开发UI篇—使用storyboard创建导航控制器以及控制器的生命周期

Storyboard的几点缺憾

iOS开发UI篇—xib的简单使用

iOS开发UI篇—xib的简单使用