草庐IT

IOS 范式轮播

coder 2024-01-16 原文

我正在使用 iCarousel ( http://cocoacontrols.com/platforms/ios/controls/icarousel ) 构建一个 IOS 应用

我想改造旋转木马，让它看起来像一个“FAN”。因此，所有卡片都将在顶部一次合并，您可以滚动卡片。

我的客户从 Absolut 的 Drinkspiration 中得到这个想法:

我怎样才能改变轮播以获得这种“效果”

谢谢你的帮助

最佳答案

给你:

- (CATransform3D)carousel:(iCarousel *)_carousel transformForItemView:(UIView *)view withOffset:(CGFloat)offset
{
    CGFloat radius = 400.0f;
    CGFloat angle = 0.5f; // in radians

    CATransform3D transform = CATransform3DIdentity;
    transform = CATransform3DTranslate(transform, 0.0f, -radius, 0.0f);
    transform = CATransform3DRotate(transform, -angle * offset, 0.0f, 0.0f, 1.0f);
    return CATransform3DTranslate(transform, 0.0f, radius, 0.0f);
}

半径和角度针对 iCarousel 附带的示例应用程序进行了优化，因此您需要针对您的应用程序调整它们。您还需要返回 3 的 numberOfVisibleItems，否则如果轮播中的 View 太多， View 将环绕并重叠。

更新:

这种类型的轮播现在内置于 iCarousel 库中。只需使用 iCarouselTypeWheel。

关于IOS 范式轮播，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8315846/

IOS范式sectionCATransform3CATransformcarousel

有关IOS 范式轮播的更多相关文章

  1. iOS快捷指令：执行Python脚本（利用iSH Shell） - 2

    文章目录前言核心逻辑配置iSH安装Python创建Python脚本配置启动文件测试效果快捷指令前言iOS快捷指令所能做的操作极为有限。假如快捷指令能运行Python程序，那么可操作空间就瞬间变大了。iSH是一款免费的iOS软件，它模拟了一个类似Linux的命令行解释器。我们将在iSH中运行Python程序，然后在快捷指令中获取Python程序的输出。核心逻辑我们用一个“获取当前日期”的Python程序作为演示（其实快捷指令中本身存在“获取当前日期”的操作，因而此需求可以不用Python，这里仅仅为了演示方便），核心代码如下。>>>importtime>>>time.strftime('%Y-%

  2. iOS适配Unity-2019 - 2

    iOS适配Unity-2019背景由于2019起，Unity的Xcode工程，更改了项目结构。Unity2018的结构：可以看Targets只有一个Unity-iPhone，Unity-iPhone直接依赖管理三方库。Unity2019以后：Targets多了一个UnityFramework，UnityFramework管理三方库，Unity-iPhone依赖于UnityFramwork。所以升级后，会有若干的问题，以下是对问题的解决方式。问题一错误描述error:exportArchive:Missingsigningidentifierat"/var/folders/fr//T/Xcode

  3. ruby - Mac OS X/iOS 中的正则表达式匹配表情符号 - 2

    Note:thisquestioncouldlookoddonsystemsnotsupportingtheincludedemoji.这是HowdoIremoveemojifromstring的后续问题.我想构建一个正则表达式来匹配所有可以在MacOSX/iOS中输入的表情符号。明显的Unicodeblock涵盖了大部分，但不是所有这些表情符号:U+1F300..U+1F5FFMiscellaneousSymbolsAndPictographsU+1F600..U+1F64FEmoticonsU+1F650..U+1F67FOrnamentalDingbatsU+1F680..U+1

  4. iOS电话启动屏幕神秘图像 - 2

    当我的应用启动时，情节板启动屏幕显示我的图像如预期的，但部分被灰色盒子覆盖。有人可以让我知道图像框的来源吗？启动屏幕上唯一的东西是页面上的图像。这是屏幕截图：看答案您是否检查了启动图像是否损坏了？

  5. javascript - 在 iOS 应用程序中设置 cookie 并从 Safari 读取该 cookie - 2

    我正在尝试执行以下操作:在我的appDelegate中，我正在设置一个cookie。之后，我尝试使用来自网络应用程序的JavaScript读取该cookie。这可能吗？因为我不能让它工作...这是我在iOS应用程序中的代码:NSMutableDictionary*cookieProperties=[NSMutableDictionarydictionary];[cookiePropertiessetObject:@"test"forKey:NSHTTPCookieName];[cookiePropertiessetObject:@"yes"forKey:NSHTTPCookieValu

  6. javascript - Flickity 轮播作为另一个导航 - 2

    所以，我正在使用这个https://codepen.io/desandro/pen/wByaqj然后我像这样激活了prevNextButtons:true,:$('.characters-main').flickity({prevNextButtons:false,wrapAround:false,pageDots:false,autoPlay:10000});$('.characters-nav').flickity({asNavFor:'.characters-main',cellAlign:'right',prevNextButtons:true,contain:true,pag

  7. Javascript 库或 jquery 插件，用于在移动 safari/ipad 中创建基于滑动的轮播 - 2

    你看过yahoo的ipad/tablet主页吗？浏览标题的滑动效果令人印象深刻。我在jquery中看到了一些解决方法(使用循环插件+touchwipe插件)，但这些都只是检测用户手势然后运行​​x-绝对位置动画，而不是实际跟踪用户的手势。知道类似于雅虎的解决方案吗？ 最佳答案 找到解决方案:http://cubiq.org/iscroll-4使用“对齐”选项重新创建轮播效果。 关于Javascript库或jquery插件，用于在移动safari/ipad中创建基于滑动的轮播，我们在Sta

  8. javascript - iOS5 不支持 bind()! - 2

    我有一个客户有一台原装iPad，我注意到它doesn'tsupportthe.bindmethod.问:如果我的老板坚持支持IOS5.1.1，是否有其他方法可以将变量传递给回调？我不认为我可以简单地将变量放入全局范围，因为如果我在循环中，我设置的变量可能会覆盖回调正在寻找的同一个变量。 最佳答案 您可以使用MDN提供的实现，甚至可以使用您自己的实现。https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bin

  9. javascript - 创建垂直图像轮播 - 2

    我正在尝试创建一个自定义垂直图像轮播，因为我无法使用任何插件，因为附加到我需要保留的图像的js事件是唯一的方法对我有用的是创建自定义轮播。功能图像轮播在视口(viewport)中确实有3个相同的尺寸。图片轮播确实有下一个/上一个按钮，可让您查看/选择更多图片。下一个/上一个按钮一次只允许一个步骤，这意味着它不会选择下一组图像并将其显示在视口(viewport)中。Carousel让您可以选择视口(viewport)中的任何图像，这将在单击下一个/上一个按钮时同步上面列出的所有功能都已经实现。问题最后一张图片不会在下一个按钮之前捕捉/停止，因为它会在两者之间创建空白。JS代码$(func

  10. javascript - 固定位置在 IOS 上延迟 - 2

    在我的网站上用iPad测试词缀后，我发现它不能正常工作，我用眼镜观察它是iOS的问题https://github.com/twbs/bootstrap/issues/11560目前还没有简单的解决方案。iOSjusthasproblemswithcalculatingfixedpositionasyouscroll.Basicallyyoudon'tgetanupdatedfixedpositionuntilaslightdelayafteryoustopscrolling有什么我可以做的让它工作吗，可能有人已经做了一些解决？ 最佳答案

随机推荐