`
zjjzmw1
  • 浏览: 1366155 次
  • 性别: Icon_minigender_1
  • 来自: 开封
社区版块
存档分类
最新评论

旋转木马倾斜效果

    博客分类:
  • iOS
阅读更多
    self._iCarouse.viewpointOffset=CGSizeMake(0,-250);
    self._iCarouse.contentOffset=CGSizeMake(0,-250);

其他都不用变,就在viewDidLoad中添加这两句就行了





- (void)viewDidLoad
{
    [super viewDidLoad];
    self.navigationController.navigationBarHidden=YES;
    carousel=[[iCarousel alloc]initWithFrame:CGRectMake(0, 0, 320, 460)];
carousel.delegate = self;
    carousel.dataSource = self;
    carousel.type = iCarouselTypeRotary;
    //设置背景图片。
    UIImageView *bgView=[[UIImageView alloc]initWithFrame:CGRectMake(0, 0, 320, 480)];
    bgView.image=[UIImage imageNamed:@"background_home.png"];
    [self.view addSubview:bgView];
    [self.view addSubview:carousel];
    self.carousel.viewpointOffset=CGSizeMake(0,-250);
    self.carousel.contentOffset=CGSizeMake(0,-250);
   
}

- (NSUInteger)numberOfItemsInCarousel:(iCarousel *)carousel
{
    return 5;
}

- (UIView *)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSUInteger)index
{
    UIView *view = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"%d.png",index]]] autorelease];
 
    view.frame = CGRectMake(0, 93, 105, 123);
    return view;
}

- (NSUInteger)numberOfPlaceholdersInCarousel:(iCarousel *)carousel
{
return 0;
}

- (NSUInteger)numberOfVisibleItemsInCarousel:(iCarousel *)carousel
{
    return 5;
}

- (CGFloat)carouselItemWidth:(iCarousel *)carousel
{
    return 150;
}
- (UIView *)itemViewAtIndex:(NSInteger)index{
    UIView *view = [[[UIImageView alloc] initWithImage:[UIImage imageNamed:[NSString stringWithFormat:@"%d.png",index]]] autorelease];
    if (index==0) {
        view.frame=CGRectMake(0, 0, 4, 3);
    }
    if (index==1) {
        view.frame=CGRectMake(0, 0, 114, 113);
    }
    if (index==2) {
        view.frame=CGRectMake(0, 0, 94, 93);
    }
    if (index==3) {
        view.frame=CGRectMake(0, 0, 74, 73);
    }
    else{
        view.frame = CGRectMake(1, 75, 130, 120);
    }
   
    //    view.frame = CGRectMake(0, -500, 320, 800);
    return view;
}
- (CATransform3D)carousel:(iCarousel *)_carousel transformForItemView:(UIView *)view withOffset:(CGFloat)offset
{
    view.alpha = 1.0 - fminf(fmaxf(offset, 0.0), 1.0);
   
    CATransform3D transform = CATransform3DIdentity;
    transform.m34 = self.carousel.perspective;
    transform = CATransform3DRotate(transform, M_PI / 8.0, 0, 1.0, 0);
    return CATransform3DTranslate(transform, 0.0, 0.0, offset * carousel.itemWidth);
}
//这就相当于tableview的点击事件。
- (void)carousel:(iCarousel *)carousel didSelectItemAtIndex:(NSInteger)index{
    NSLog(@"%d",index);
    if (index==1) {//域名查询
        CheckDNS *check=[[CheckDNS alloc]init];
        [self.navigationController pushViewController:check animated:YES]; 
    }
    if (index==2) {//解析管理。
        Jiexiguanli *jiexi=[[Jiexiguanli alloc]initWithNibName:@"Jiexiguanli" bundle:nil];
        [self.navigationController pushViewController:jiexi animated:YES]; 
    }
    if (index==3) {//域名体检
        DomainCheckViewController *domain=[[DomainCheckViewController alloc]init];
        [self.navigationController pushViewController:domain animated:YES]; 
    }
    if (index==4) {//域名咨询。
        InformationViewController *infor=[[InformationViewController alloc]initWithNibName:@"InformationViewController" bundle:nil];
        [self.navigationController pushViewController:infor animated:YES]; 
    }
    if (index==0) {//设置。
        SetViewController *set=[[SetViewController alloc]init];
        [self.navigationController pushViewController:set animated:YES]; 
    }
}


分享到:
评论

相关推荐

    【JavaScript源代码】vue实现旋转木马动画.docx

    在本文中,我们将探讨如何使用 Vue.js 来实现一个旋转木马(Carousel)动画效果。旋转木马是一种常用于展示多张图片或内容的轮播组件,通常带有左右箭头来切换显示的项目。 首先,为了实现这个功能,我们需要引入 ...

    3d旋转木马.zip

    在本案例中,我们关注的是“3d旋转木马.zip”这个压缩包,它包含了一个利用CSS3动画效果实现的旋转木马展示,这种效果常用于创建互动式的相册或图像展示。接下来,我们将深入探讨如何使用JavaScript和CSS3来实现这样...

    使用CSS3的transform 属性实现带前后按钮3D立体旋转木马特效源码.zip

    在本案例中,“使用CSS3的transform属性实现带前后按钮3D立体旋转木马特效源码.zip”是一个展示如何利用`transform`属性创建3D旋转木马效果的项目。 首先,我们来理解`transform`属性的基本用法。`transform`允许...

    CSS3+SVG实现漂亮的可折叠旋转木马动画特效源码.zip

    在这个旋转木马动画中,`transform: rotate()`函数被用来实现元素的旋转效果,使得元素能够像旋转木马那样动态转动。 2. **CSS3过渡(Transitions)**:过渡效果让元素在两种状态之间平滑地过渡。通过设置`...

    jquery图片旋转2D转化插件

    综上所述,"jQuery图片旋转2D转化插件"是一个实用的前端工具,它弥补了CSS3在旧浏览器中的不足,为网页设计师提供了创建动态图片旋转和倾斜效果的手段,无论用户使用的是哪种浏览器,都能享受到丰富的视觉体验。...

    Swiper 立体旋转 循环旋转大图特效 自写

    在“Swiper立体旋转 循环旋转大图特效 自写”这个主题中,我们将深入探讨Swiper如何实现立体旋转和循环旋转效果,并探讨自定义回调函数的实现。 首先,Swiper的立体旋转特效是通过3D转换来实现的,这种技术利用CSS3...

    图片3D旋转

    "3D旋转木马"标签可能指的是一个特定的3D旋转应用场景,通常在游乐场或展览中可以看到,将一系列图片或模型围绕一个中心点进行旋转展示,营造出旋转木马的视觉效果。在数字媒体中,可以通过编程模拟这个场景,让用户...

    基于CSS3实现的transform属性相册图片墙源码

    首先,`transform`属性允许我们对元素进行二维或三维空间的变换,如旋转(rotate)、缩放(scale)、移动(translate)和倾斜(skew)。在本例中,主要运用了`scale`来实现图片的动态缩放效果。 1. **缩放(scale)**...

    图片旋转缩放翻转变换效果(css3滤镜canvas).zip

    通过研究这些代码,开发者可以学习到如何在实际项目中应用这些技术,例如创建响应式图像、动态图像滑块、旋转木马或者自定义的图像编辑器。 为了实现更复杂的效果,还可以结合CSS3滤镜。滤镜可以改变元素的外观,...

    纯CSS3实现的直升机牵着木马飞行动画效果源码.zip

    2. **转换(Transforms)**:CSS3的转换功能允许元素在二维或三维空间内进行旋转、缩放、平移和倾斜。在直升机和木马的动画中,可能会用到`transform`属性来改变它们的位置和角度,模拟飞行的效果。 3. **过渡...

    jquery图片倾斜层叠切换特效代码

    jQuery.roundabout.js是jQuery的一个扩展插件,专为创建具有视觉吸引力的旋转木马或轮播效果而设计。它支持多种布局模式,包括我们所关注的“倾斜层叠”效果。 要实现这种效果,你需要在HTML结构中定义一组包含图片...

    Flash8.0视频教程-046.旋转与复制应用变形.rar

    4. **实例应用**:教程会通过具体的实例演示如何结合旋转、复制和变形技术,设计出具有视觉吸引力的动画场景,如旋转木马、风车或旋转的地球等。 5. **工作流优化**:除了基本操作,教程还会教授如何在工作流程中...

    旋转正方形:css3

    "旋转正方形"这个概念常用于制作按钮的悬停效果、导航菜单的展开动画、旋转木马等交互元素,增强了用户体验和网站的视觉吸引力。 综上所述,"旋转正方形:css3"是一个关于如何使用CSS3的`transform`属性来实现元素...

    CUPT题目(IYPT翻译和插图)[汇编].pdf

    12. 亥姆霍兹旋转木马:研究了低摩擦装置上的旋转木马,探究了声音环境对旋转木马的影响。 知识点:力学、振动、声学、机械工程 13. 蜂蜜线圈:探究了蜂蜜线圈的形成和相关参数的影响。 知识点:流体力学、材料...

    Android Carousel源码

    在Android开发中,Carousel(旋转木马)是一种常见的UI组件,用于展示一组卡片或图片,通常以3D视角进行平滑滚动,为用户提供引人入胜的视觉体验。本项目"Android Carousel源码"提供了这样一个功能强大的3D展示效果...

    纯CSS3实现的西洋镜动画特效源码.zip

    【标题】"纯CSS3实现的西洋镜动画特效源码"是关于利用现代CSS3技术创建一种名为“西洋镜”(也称为旋转木马或3D轮播)的动画效果的资源包。这种动画效果常见于网站上的图像展示,使用户能够通过旋转的方式浏览多张...

    二年级下册生字PPT学习教案.pptx

    “zhuàn转”这个字的教学中,教师可以演示旋转的动作,并讨论其他与转动相关的词汇,如旋转木马、旋转门等。接着,“xié斜”则可以让孩子们学习到倾斜、不正的概念,通过倾斜物体进行直观感受。对于“sònɡ宋”,...

    CSS transform-origin属性的理解

    1. **动画效果**:在制作旋转、缩放等动画时,通过调整变换原点,可以实现更复杂的动态效果,如旋转木马、钟摆等。 2. **响应式设计**:在响应式布局中,`transform-origin`可以帮助元素在不同屏幕尺寸下保持视觉...

Global site tag (gtag.js) - Google Analytics