ios - 每当出现新单元格时，将 UICollectionView 单元格垂直和水平连续居中

coder 2023-09-07 原文

设置:

我目前有一个 UICollectionView，它是一堆用于模拟 Apple Watch 主屏幕 UI 的单元格的圆圈。我是通过关注 this guide 做到的.如果您没有阅读这篇文章或它由于某种原因而下降，它基本上是一个 UICollectionView 圆圈，当您将它们从中心滚动时，外部圆圈会按比例缩小。

问题:

我希望气泡动态弹出，这样每当用户获得奖励时，奖励就会“弹出”，即以动画形式从 0 缩放到 1。但是，我希望可能存在的任何单元格始终居中。因此，例如，当用户从 1 个奖励跳到两个时，我希望第一个移动到左侧，同时新的弹出。

我尝试过的:

我已经尝试实现 UICollectionView 的 insetForSectionAt 方法，但它似乎不起作用。我怀疑这是因为 CollectionView 不是一个带有 FlowLayout 的 View 。我试着把它变成一个，但我最终把一切都搞砸了……

代码:

这是我已经实现的，以防文章失败。 (为便于阅读而压缩):

class CollectionViewLayout: UICollectionViewLayout {
     //Invalidate the layout every time the bounds change so we can do the cool changes
    override func shouldInvalidateLayout(forBoundsChange newBounds: CGRect) -> Bool {
        return true
    }

    override var collectionViewContentSize: CGSize {
        return CGSize(width:  self.itemSize * CGFloat(COLS),
                  height: self.itemSize * CGFloat(ROWS))
    }

    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
        var attributes: [UICollectionViewLayoutAttributes] = []
        for i in 0..<cellCount {
            let indexPath = IndexPath(item: i, section: 0)
            attributes.append(self.layoutAttributesForItem(at: indexPath)!)
        }

        return attributes
    }

    override func layoutAttributesForItem(at indexPath: IndexPath) -> UICollectionViewLayoutAttributes? {
        var attributes = UICollectionViewLayoutAttributes(forCellWith: indexPath)

        // **Code where I create "z" variable by using equation in article, where "z" is just a value [0,1] that determines cell's scale**

        // **More code where I Calculate "x" and "y" based on indexPath like in article**    

        //Set the cell's attributes:
        attributes.transform = CGAffineTransform(scaleX: z, y: z)
        attributes.size = CGSize(width: self.itemSize, height: self.itemSize)
        attributes.center    = CGPoint(x: x, y: y)

        return attributes
    }

}

最佳答案

我相信解决您的问题的方法是将 Collection View 滚动到您希望居中的奖励的 indexPath，因为 Collection View 是 ScrollView 的子类。您可以通过以下方式将 Collection View 滚动到项目:

collectionView?.scrollToItem(at: indexPath, at: .centeredHorizontally, animated: true)

其中 indexPath 是您要滚动到的 indexPath。这会自动为您的滚动设置动画，但是如果您想自定义，您可以调用 UIView.animate 函数

关于ios - 每当出现新单元格时，将 UICollectionView 单元格垂直和水平连续居中，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44980435/

UICollectionView 每当 attributes indexPath code ios swift uicollectionviewlayout

有关ios - 每当出现新单元格时，将 UICollectionView 单元格垂直和水平连续居中的更多相关文章

ruby - 如何验证 IO.copy_stream 是否成功 - 2
这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同，而不是下载一半的损坏文件？documentation说IO.copy_stream返回它复制的字节数，但是当我还没有下
Ruby 文件 IO 定界符？ - 2
我正在尝试解析一个文本文件，该文件每行包含可变数量的单词和数字，如下所示:foo4.500bar3.001.33foobar如何读取由空格而不是换行符分隔的文件？有什么方法可以设置File("file.txt").foreach方法以使用空格而不是换行符作为分隔符？最佳答案接受的答案将slurp文件，这可能是大文本文件的问题。更好的解决方案是IO.foreach.它是惯用的，将按字符流式传输文件:File.foreach(filename,""){|string|putsstring}包含“thisisanexample”结果的
ruby-on-rails - Prawn - 表格单元格内的链接 - 2
我正在尝试用Prawn生成PDF。在我的PDF模板中，我有带单元格的表格。在其中一个单元格中，我有一个电子邮件地址:cell_email=pdf.make_cell(:content=>booking.user_email,:border_width=>0)我想让电子邮件链接到“mailto”链接。我知道我可以这样链接:pdf.formatted_text([{:text=>booking.user_email,:link=>"mailto:#{booking.user_email}"}])但是将这两行组合起来(将格式化文本作为内容)不起作用:cell_email=pdf.make_c
Get https://registry-1.docker.io/v2/: net/http: request canceled while waiting - 2
1.错误信息：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:requestcanceledwhilewaitingforconnection(Client.Timeoutexceededwhileawaitingheaders)或者：Errorresponsefromdaemon:Gethttps://registry-1.docker.io/v2/:net/http:TLShandshaketimeout2.报错原因：docker使用的镜像网址默认为国外，下载容易超时，需要修改成国内镜像地址（首先阿里
ruby - 使用 rbenv 和 ruby-build 构建 ruby 失败，出现 undefined symbol : SSLv2_method - 2
我正在尝试在配备ARMv7处理器的SynologyDS215j上安装ruby2.2.4或2.3.0。我用了optware-ng安装gcc、make、openssl、openssl-dev和zlib。我根据README中的说明安装了rbenv(版本1.0.0-19-g29b4da7)和ruby-build插件。.这些是随optware-ng安装的软件包及其版本binutils-2.25.1-1gcc-5.3.0-6gconv-modules-2.21-3glibc-opt-2.21-4libc-dev-2.21-1libgmp-6.0.0a-1libmpc-1.0.2-1libm
ruby - 单元测试文件 I/O 方法 - 2
我对单元测试还是比较陌生。我用Ruby编写了一个类，它接受一个文件，在该文件中搜索给定的Regex模式，替换它，然后将更改保存回文件。我希望能够为此方法编写单元测试，但我不知道我将如何去做。有人能告诉我我们如何对处理文件i/o的方法进行单元测试吗？最佳答案看看这个HowdoIunit-testsavingfiletothedisk?基本上这个想法是一样的，文件系统是你的类的依赖。所以引入一个可以在你的单元测试中模拟的角色/接口(interface)(这样你在单元测试时就没有依赖性)；角色中的方法应该是您从文件系统中需要的所有东西
ruby - 为什么不能使用类IO的实例方法noecho？ - 2
print"Enteryourpassword:"pass=STDIN.noecho(&:gets)puts"Yourpasswordis#{pass}!"输出:Enteryourpassword:input.rb:2:in`':undefinedmethod`noecho'for#>(NoMethodError) 最佳答案一开始require'io/console'后来的Ruby1.9.3 关于ruby-为什么不能使用类IO的实例方法noecho？，我们在StackOverflow上
ruby - 尝试运行 minitest 单元测试时出错 - 2
尝试使用rubytest/test_foo.rb运行minitest单元测试时出现以下错误:Warning:youshouldrequire'minitest/autorun'instead.Warning:oradd'gem"minitest"'before'require"minitest/autorun"'From:/home/emile/.rvm/rubies/ruby-2.0.0-p0/lib/ruby/2.0.0/minitest/autorun.rb:15:```test_foo.rb看起来像这样:require'minitest/autorun'classTestFoo
ruby - 为什么 return 关键字会导致我的 'if block' 出现问题？ - 2
下面的代码工作正常:person={:a=>:A,:b=>:B,:c=>:C}berson={:a=>:A1,:b=>:B1,:c=>:C1}kerson=person.merge(berson)do|key,oldv,newv|ifkey==:aoldvelsifkey==:bnewvelsekeyendendputskerson.inspect但是如果我在“ifblock”中添加return，我会得到一个错误:person={:a=>:A,:b=>:B,:c=>:C}berson={:a=>:A1,:b=>:B1,:c=>:C1}kerson=person.merge(berson
ruby 单元测试 : run some code after each failed test - 2
在Test::Unit中的ruby单元测试断言失败后，在执行teardown之前，是否有一些简洁优雅的方法来立即执行我的代码？我正在做一些自动化的GUI测试，并希望在出现问题后立即截图。最佳答案如果您使用的是1.9，请不要使用Test::Unit::TestCase作为您的基类。对其进行子类化并覆盖#run_test以进行救援，截取屏幕截图并重新提出:classMyAbstractTestCase或者，我认为这实际上是最简洁的方法，您可以使用before_teardownHook:classMyTestCase这不适用于1.

ios - 每当出现新单元格时，将 UICollectionView 单元格垂直和水平连续居中

有关ios - 每当出现新单元格时，将 UICollectionView 单元格垂直和水平连续居中的更多相关文章

随机推荐