Tvos多层图片的使用

戴维营教育原创文章,转载请注明出处。我们的梦想是做最好的iOS开发培训!

Apple TV中的按钮或者Cell在获取焦点后,可以有一些有意思的阴影动态效果。这个效果可以通过视差图片很容易就实现。

Apple TV人机交互指南中说明tvOS中的UIImage支持两种专有的层叠图片格式LSR和LCR。其中LSR主要用于直接放入项目资源中,而LCR则主要放在服务器上,在运行的时候在按需加载。在层叠图片的制作上,苹果给我们提供了三种方法:

  • 名为”ParallaxExporter_Apps“的PhotoShop的插件。这个插件貌似只支持PhotoShop 2014和PhotoShop 2015。
  • 单独的“Parallax Previewer”应用,可以直接制作视差图片。
  • Xcode的Assets.xcassets直接创建。

制作视差图片时,我们需要做的是为每一层准备一张图片。关于每一层图片之间的尺寸关系,可以参考Apple TV人机界面指南,制作过程可以参考tvOS编程指南

需要注意的是我们制作的LSR文件,必须放置在Assets.xcassets中。如果直接像普通的图片一样拉入项目中,UIImageimageNames:方法并不能加载成功。

//可以加载Assets.xcassets中的LSR文件//不能加载mainBundle中的其它LSR文件let image = UIImage(imageNamed: "test")
//可以加载Assets.xcassets中的LSR文件//不能加载mainBundle中的其它LSR文件UIImage *image = [UIImage imageNamed: @"test"];

戴维营学院(高级开发视频): http://v.diveinedu.com

潜心俱乐部(iOS面试必备): http://divein.club

时间: 2024-10-11 10:54:37

Tvos多层图片的使用的相关文章

Android拖动图片及多层图片叠加

移动前: 移动后: 代码: 1 // 两个用来叠加的图片 2 ImageView mIv; 3 ImageView mIv2; 4 // 显示绘制后的图像 5 ImageView mImageView; 6 Canvas canvas; 7 8 int lastX, lastY; 1 @Override 2 protected void onCreate(Bundle savedInstanceState) { 3 super.onCreate(savedInstanceState); 4 se

Html5添加实用的多层图片视觉差互动特效插件教程

一.使用方法 <script src="js/jquery.min.js"></script> <script src="dist/jquery.parallaxmouse.min.js"></script> 二.Html结构 <div id="galaxy"> <img id="star1" src="images/star1.png" c

Android-序

代码片段 代码七段(一) View 使用Spinner实现下拉列表 Style 改变ProgressBar的图片 Shape Shape实现圆形图片 动画 属性动画 交互式通信服务与手机控制 判断网络连接及连接属于哪种类型 判断Android的WIFI与GPS状态,并引导用户前去开启GPS与WIFI设置 其他实用代码 仿微信6.1主界面 Android拖动图片及多层图片叠加

课题:前端图像羽化(不规则区域羽化,feather)

下午搜索了一堆相关文章,没有找到符合要求的. 对一张图片应用不规则区域的羽化,该怎么做呢? 首先去查了下 羽化的原理,然而没有什么用, 然后就开始从表现层去研究怎么模拟? idea 1: blur滤镜,可以实现边缘"羽化",但是呢 整个图片都会被模糊.那么可不可以 blur滤镜 后 将它的边缘拿出来给原始图片使用呢?(多层图片叠). 在PS里模拟操作后,程序难度较大. 1:应用blur的层,需要比目标区域大一些,(牵扯程序对点阵外扩的算法) 2:blur层和显示层,边缘结合依然会有&q

Android Bitmap 开源图片框架分析(精华三)

主要介绍这三个框架,都挺有名的,其他的框架估计也差不多了 Android-Universal-Image-Loaderhttps://github.com/nostra13/Android-Universal-Image-Loader ImageLoaderhttps://github.com/novoda/ImageLoader Volley(综合框架,包含图片部分)https://github.com/mcxiaoke/android-volley 扯淡时间,可以跳过这段这些开源框架的源码还

秀米做多层相册边框

登录秀米 布局.任意添加一种布局模式,作为第一层.设置第一层的颜色为rgb为(255,255,255),设置阴影中的模糊和颜色分别为3px(即3像素),rgba为(81,81,81,0.54),设置定位中的段前距和段后距分别为10px,20px.复制第一层到剪贴板作为第二层放入第一层.设置第二层的定位中的段前距和段后距分别为5px和-5px,复制第二层到剪贴板作为第三层放入第二层.设置第三层的定位中的段前距和段后距分别为5px和-5px. 偏移.设置第一层的定位中的偏移为5px,第二层和第三层的

一个iOS开发者对tvOS SDK的初探

http://www.cocoachina.com/ios/20151001/13652.html 作者:Chris Wagner原文地址:tvOS SDK: An iOS Developer’s Initial Impressions 在Walter Isaacson编写的<Steve Jobs>的最后一章中,Steve说过“我最终实现并让它拥有了你们能想象到的最简单的用户界面”.当时他指的就是Apple TV. Steve不幸离世已经过去很久了,但是人们一直翘首以盼着这款产品.就在昨天20

图片剪切效果

第一篇博文,把今天写的一个实现图片剪切效果的JS脚本发上来 基本思路: 三层结构,第一层为透明度是0.7的图片,第二层为正常的图片,第三层使用一个DIV作为选取框,采用CSS中的绝对定位进行覆盖 HTML代码 <div id="box"> <img id="img-1" src="imgs/cat-1.jpg"/> <img id="img-2" src="imgs/cat-2.jpg&

iOS和tvOS游戏按需加载资源简介

摘要 与iOS 9和watchOS 2一起,苹果引入了一套新的内容分发API,以便节约设备空间,这就是按需加载资源.通过使用按需加载资源,我们可以将特定的应用程序资源托管在苹果的服务器上,然后在需要的时候进行加载.在这个教程中,我将通过开发一个图片查看应用介绍一下按需加载资源的基本用法. tvOS On Demand Reourse 按需加载 iOS开发 目录[-] 介绍 准备工作 1. 按需加载资源 益处 类别 限制 应用分片 删除按需加载资源 2. 分配和指定Tag 3. 访问按需请求资源