美文网首页
IOS开发之UI(1)--UIView

IOS开发之UI(1)--UIView

作者: fengfeng427 | 来源:发表于2019-04-29 18:52 被阅读0次

一、纯代码创建

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    // 实例化一个UIView

    UIView *view = [[UIView alloc] init];

    /* ----- 基本设置 ----- */

    // 设置尺寸大小及位置 (frame)

    view.frame = CGRectMake(50, 50, 200, 200);

    // 设置背景颜色

    view.backgroundColor = [UIColor redColor];

    // 设置透明度

    view.alpha = 1;  // 透明度0~1

    /* ----- layout设置 ----- */

    //设置view自带CALayer图层的颜色(给CALayer设置的颜色,都要变成CGColor)

//    view.layer.backgroundColor = [UIColor orangeColor].CGColor;

    // 设置边框宽度

    view.layer.borderWidth = 3;

    // 设置边框颜色

    view.layer.borderColor = [UIColor blackColor].CGColor;

    // 设置圆角半径

    view.layer.cornerRadius = 20;

    /* 设置图片 */

// 设置图片与设置阴影只能二选一,如果二者都要,只能再添加一个子layer (见下面代码)

  // 设置Layer渲染的内容

  view.layer.contents = (id)[UIImage imageNamed:@"23.jpg"].CGImage;

  // 切除超出父layer的部分

    view.layer.masksToBounds = YES;

    /* 设置阴影 */

    // 设置layer的阴影

    view.layer.shadowOffset = CGSizeMake(20, 20);

    // 设置layer颜色

    view.layer.shadowColor = [UIColor lightGrayColor].CGColor;

    // 设置layer阴影透明度

    view.layer.shadowOpacity = 0.5;

/* ----- 添加一层子layer ---- */

    // 实例化子layer

    CALayer *subLayer = [[CALayer alloc]init];

    // 设置frame

    subLayer.frame = view.layer.bounds;

    // 设置圆角

    subLayer.cornerRadius = 100;

    // 设置subLayer的渲染内容

    subLayer.contents = (id)[UIImage imageNamed:@"23.jpg"].CGImage;

    // 切除超出父layer的部分

    subLayer.masksToBounds = YES;

    // 添加到view.layer之上

    [view.layer addSublayer:subLayer];

    // 添加子视图到self.view上

    [self.view addSubview:view];

}

@end

相关文章

  • UI第一周学习总结

    ios开发之UI学习第一周总结 UIView基本属性、方法、视图关系、动画 基本属性和方法 UIView:是iOS...

  • iOS-UI控件精讲之UILabel

    相关阅读1.iOS-UI控件精讲之UIView2.iOS-UI控件精讲之UILabel(本文)...待续 UILa...

  • IOS开发之UI(1)--UIView

    一、纯代码创建 #import "ViewController.h" @interface ViewControl...

  • UI常用的控件

    #iOS开发之UI篇#iOS开发之UI篇 #常用控件介绍1## #UI第09天:滚动视图# ##UIScrollV...

  • iOS 开发之动画篇 - 从 UIView 动画说起

    iOS 开发之动画篇 - 从 UIView 动画说起 iOS 开发之动画篇 - 从 UIView 动画说起

  • iOS开发之UI篇(1)—— UIView

    版本 Xcode 9.1 一、纯代码创建 二、使用XIB 假如新建了一个Single View App,接着创建一...

  • iOS-UI控件精讲之UIView

    道虽迩,不行不至;事虽小,不为不成。 相关阅读1.iOS-UI控件精讲之UIView(本文)2.iOS-UI控件精...

  • Flutter学习之iOS学习

    前言 UIView 相当于 Flutter 中的什么? UIView是iOS原生开发构建UI中,需要大量使用...

  • IOS动画的使用

    在iOS的开发中主要用到下面几种动画:UIView动画,核心动画,帧动画,自定义转场动画。1:UIView动画UI...

  • iOS UI tips

    让超出父视图范围的子视图响应事件,在UIView范围外响应点击 iOS开发之适配iOS11让你的 UI 适配 iO...

网友评论

      本文标题:IOS开发之UI(1)--UIView

      本文链接:https://www.haomeiwen.com/subject/xluunqtx.html