iOS 带有偏移的垂直旋转木马

Posted

技术标签:

【中文标题】iOS 带有偏移的垂直旋转木马【英文标题】:vertical carousel with offset for iOS 【发布时间】:2012-07-30 07:17:33 【问题描述】:

我想制作带有按位置计算的偏移量的垂直菜单。中心行比其他行更靠右,如图所示。中心行也被标记为已按下。谁能建议一些示例如何实现?现在我在看iCarousel,但是找不到如何制作像这样的垂直轮播

【问题讨论】:

【参考方案1】:

根据您显示的图像,您似乎可以使用此自定义表格视图代码。 select row 方法在哪里可以编写自己的逻辑代码。

CustomCircularTableView

希望这对你有用。

享受编码:)

【讨论】:

这是一个非常好的样本,但我无法让它在 240x79 单元格中正常工作。它流淌 感谢您的示例。它建议我如何制作这样的动画。我无法通过 sinx 制作动画(懒得为我的图片计算确切的公式),所以通过 x 函数变得简单。现在正在尝试淡化和更改绘制顺序 很高兴它能帮到你。 发布您的代码(您使用的)以及您的问题。所以它对其他人将来有用。 :)【参考方案2】:

设置垂直属性为true/YES;您可能需要将轮播类型设置为 iCarouselTypeCustom。然后你可以覆盖委托方法:

- (CATransform3D)carousel:(iCarousel *)carousel itemTransformForOffset:(CGFloat)offset baseTransform:(CATransform3D)transform
- (CGFloat)carousel:(iCarousel *)carousel valueForTransformOption:(iCarouselTranformOption)option withDefault:(CGFloat)value;
- (CGFloat)carousel:(iCarousel *)carousel itemAlphaForOffset:(CGFloat)offset;

例如,我建议查看 iCarousel.m 本身并遵循 iCarouselTypeWheel 类型的示例。这将非常接近您想要的效果,但您需要添加自定义突出显示代码。为此,我建议实现 carouselCurrentItemIndexUpdated: 方法并在那里更新视图(设置背景颜色等)。

【讨论】:

你可以制作示例代码吗?我发现很难通过翻译来达到我想要的效果

以上是关于iOS 带有偏移的垂直旋转木马的主要内容,如果未能解决你的问题,请参考以下文章

iOS8中设备旋转后的ViewController偏移量

ios自动布局视觉格式设置子视图与父视图大小相同,但垂直偏移

在R中的最小二乘回归图中绘制垂直偏移量

iOS8 UITableView 和 Cell - 自动布局高度 - 触摸和执行 segue 时的移位/垂直偏移错误

带像素偏移的css绝对垂直中心

猫头鹰旋转木马纵横同高