3D立体相册,一个可旋转的立体相册

原创 2017年05月24日 11:34:29

11359.gif

主要功能:立体球体展示 可自行添加本地照片 可旋转,照片可放大

商城下载: App Store

github下载

用的代码是用的云标签的code,代码略有改动
主要代码调用

   // 调用展示
self.sphereView = [[YoungSphere alloc] initWithFrame:CGRectMake(20, 200, 340, 320)];
NSMutableArray *array = [[NSMutableArray alloc] initWithCapacity:0];
for (NSInteger i = 0; i < 30; i ++) {
    self.btn = [UIButton buttonWithType:UIButtonTypeSystem];
    [_btn setBackgroundImage:[UIImage imageNamed:@"dog"] forState:(UIControlStateNormal)];
    _btn.frame = CGRectMake(0, 0, 60, 60);
    [_btn addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];
    [array addObject:_btn];
    [_sphereView addSubview:_btn];
}
[_sphereView setCloudTags:array];
_sphereView.backgroundColor = [UIColor whiteColor];

[self.view addSubview:_sphereView];

当然里面的很多元素都是可以改动的,根据自己需要自己改动即可
这里用的是Button,你也可改为其他的,数量也可改动

这里图片的存储,展示用的很笨拙,大家不要学我,要用好的管理方式。因为刚开始只是做着玩的,后来就慢慢完善成小项目了。

说一下图片的管理吧:
因为是单个展示,这里用的是单个数组的存储,展示。
当做到线上的那个复杂形式的时候,就远远不够了,因为会涉及到多个相册的展示,删除,还有和标题的联动性,线上的用的是字典和数组相结合的方式。


版权声明:本文为博主原创文章,未经博主允许不得转载。 举报

相关文章推荐

旋转立方体相册

网上看到其他人设计的立方体相册,自己也比着做了一个! 文本结构 second.html 旋转立方体相册

3D 旋转立方体

//source:Cube_src.js var Cube; (function() { function n(b, o, l) { var i = b; var h = o; var ...

我是如何成为一名python大咖的?

人生苦短,都说必须python,那么我分享下我是如何从小白成为Python资深开发者的吧。2014年我大学刚毕业..

wpf 3D立方体旋转

public MainWindow() { InitializeComponent(); DispatcherTimer timer =...

3D-立体旋转轮播

立体旋转轮播通过腾讯公开课学习的轮播效果。

h5 3D旋转立方体

本周是学习h5并制作一个相关的页面。我最初的想法是做一个骰子,然后还可以自己旋转。但是很遗憾得是没有实现,因为最开始我就直接在画布上画正方体,画了好久没成功。后来去找别人的实例,慢慢跟着学,最后做了一...

TOF-深度传感器技术

【原文:http://blog.csdn.net/dianmao0917/article/details/17389637】 1.1 TOF初探     TOF是Time of f...

3D变化——旋转的立方体

学习了一段时间的html,前两天学习了3d动画,实现了立方体的旋转,其实实现立方体旋转的方法有好多种,我们今天只说一种方法(是我认为比较简单的一种)用到的知识点: 定位 3d旋转 过渡(鼠标点击开始旋...

[立体视觉学习笔记]--(1)常见双目相机

介绍可以用于ROS的双目相机
  • fei_6
  • fei_6
  • 2017-07-15 23:11
  • 214

几个opengl立方体绘制案例

VC6 下载 http://blog.csdn.net/bcbobo21cn/article/details/44200205 opengl环境配置 http://blog.csdn.n...

css3-立方体3d旋转动画

1.准备六个面div做出六个面,在同一个父级容器下 父级容器的transform-style:preserve-3d 六个div设置成绝对定位,重叠在一起2.父元素做简单的变换父元素用transf...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

(最多只允许输入30个字)