UI- Layer的使用

#pargma mark - Layer

1. 设置当前视图的背景颜色

self.view.backgroundColor = [UIColor lightGrayColor];

2. 创建一个视图,并且设置frame

UIView *myView = [[UIView alloc]initWithFrame:CGRectMake(50, 50, 100, 100)];

3. 将创建的视图添加到当前视图

[self.view addSubview:myView];

4. 设置创建视图的背景颜色

myView.backgroundColor = [UIColor blueColor];

5. 设置视图的层属性,每个视图都关联着一个Layer

设置 创建视图图层 的 背景颜色,即为 视图 本身 的 背景颜色 可通过Debug查看

myView.layer.backgroundColor = [UIColor redColor].CGColor;

// myView.backgroundColor = [UIColor yellowColor];

设置图层的边界宽度

myView.layer.borderWidth = 10;

设置图层的边界颜色 ,默认为黑色

myView.layer.borderColor = [UIColor whiteColor].CGColor;

设置拐点的圆角半径, 可以巧妙的利用该方法画圆(将圆角半径设置为视图宽度的一般即可)

myView.layer.cornerRadius = 50;

添加一张图片

myView.layer.contents = (__bridge id _Nullable)([UIImage imageNamed:@"btn_02"].CGImage);

将图片超出圆角半径的内容裁剪掉

myView.clipsToBounds = YES;

//myView.layer.masksToBounds = YES;

时间: 2025-01-13 20:24:21

UI- Layer的使用的相关文章

创建第一个UI

创建一个2D UI 制作UI时,首先要创建UI的"根".在Unity顶部NGUI菜单中选择Create,然后选择2D UI. 创建完成后,在Scene窗口中,NGUI自动生成了一个名为UI Root的物体,其中带有一个Camera作为子物体. 这个新生成的Camera,是NGUI生成的专门用来渲染UI的相机,当生成NGUI的UI Root时,就自动将生成的UI放在默认的UI Layer上.在这个相机上,只能看见UI Layer上的物体,也就是只能看见UI.因为是2D UI,所以从图中可

UI Framework-1: Aura Graphics Architecture

Graphics Architecture Overview Each Aura Window owns a corresponding compositor layer. The layer tree corresponds roughly to the window tree (though Views also supports layers, so a single Aura Window can have nested Layers created by Views within th

数据流程redux

思考题: react+redux开发这么一个原型,要怎么开发? 整个redux流程的逻辑非常清晰,数据流是单向循环的,就像一个生产的流水线: store(存放状态) -> Container(显示状态) -> reducer (处理动作)-> store redux画图理解: redux 只是定义了应用的数据流程,只解决了 "数据层"(model layer) 的问题, 一般还会使用 react, angular 等作为"显示层" (UI laye

iOS中文版资源库,非常全

目录 入门 库和框架 音频 动画 Apple TV 桥接 缓存 Core Data 图表 数据库 硬件 动作 蓝牙 位置 iBeacon HUD 事件总线( EventBus ) 文件 JSON 布局 日志 地图 媒体 图片 视频 PDF 消息 网络 推送通知 Passbook 权限 文本 浏览 / 介绍 / 教程 URL Scheme UI Websocket 代码质量 分析 支付 产品化工具 实用工具 安全 安装项目 依赖 / 包管理 测试 测试驱动开发(TDD) / 行为驱动开发(BDD)

Awesome C/C++

GUI Graphic User Interface CEGUI - Flexible, cross-platform GUI library. FLTK - Fast, light, cross-platform C++ GUI toolkit. [GPL2] GacUI - GPU Accelerated C++ User Interface, with WYSIWYG developing tools, XML supports, built-in data binding and MVV

Isomorphic JavaScript: The Future of Web Apps

Isomorphic JavaScript: The Future of Web Apps At Airbnb, we’ve learned a lot over the past few years while building rich web experiences. We dove into the single-page app world in 2011 with our mobile web site, and have since launched Wish Lists and

MVC+UnitOfWork+Repository+DomainObject+EF 之我见

UnitOfWork+Repository模式简介: 每次提交数据库都会打开一个连接,造成结果是:多个连接无法共用一个数据库级别的事务,也就无法保证数据的原子性.一致性.解决办法是:在Repository的CRUD操作基础上再包装一层,提供统一的入口,让服务层调用.同一个UnitOfWork实例对象下所有的Repository都共同一个数据库上下文对象(ps:EF用的是DbContext),也就是共用一个事物.提交数据库时,只要有一个操作失败,那么所有的操作都被视为失败. 项目结构: 关键代码:

【转载】【grunt整合版】30分钟学会使用grunt打包前端代码

[grunt整合版]30分钟学会使用grunt打包前端代码 grunt 是一套前端自动化工具,一个基于nodeJs的命令行工具,一般用于:① 压缩文件② 合并文件③ 简单语法检查 对于其他用法,我还不太清楚,我们这里简单介绍下grunt的压缩.合并文件,初学,有误请包涵 准备阶段 1.nodeJs环境 因为grunt是基于nodeJs的,所以首先各位需要安装nodeJS环境,这块我们便不管了http://www.cnblogs.com/yexiaochai/p/3527418.html 2.安装

移动开发中的极简设计

原文链接: The Art of Minimalism in Mobile App UI Design 原文作者 : Nick Babich 译文出自 : 掘金翻译计划 译者 : edvardhua 校对者 : owenlyn, jiaowoyongqi, Graning 文章结尾有英文原文 设计是一件用户驱动很强的工作.随着用户越来越偏好更简洁的交互界面,如何剔除多余的元素,保留最基础最重要的元素是极简设计的关键.极简设计形式和功能完美结合.它最大的优点是极简的表现形式,简洁的线条,大方的留白

Spring+Struts+Hibernate 简介(转)

http://blog.csdn.net/slnqnd/article/details/1772910/ Struts2.0 +Hibernate 3.2 +Spring 2.0 一.        Struts 1.定义 它是使用 servlet 和 JavaServer Pages 技术的一种 Model-View-Controller 实现, 可帮助您控制Web 项目中的变化并提高专业化水平.“模型-视图-控制 器”(MVC) 就是用来帮助您控制变化的一种设计模式.MVC 减弱了业务逻辑接