支持 RTL 语言的项目上的 UICollectionView iOS 9 问题

Question

似乎Apple在RTL语言上的自动翻转界面新功能在使用UICollectionView时会导致问题。

我在集合视图中使用了 Trailing/Leading 类型的约束，它们在 RTL 语言上切换了它们的值。

问题是实际呈现的数据是集合数据源中最后一个 indexPath，但第一个单元格的UIScrollView.contentOffset.x 是0。

正确的行为应该是以下之一：

1. 正确显示第一个 indexPath 并切换滚动方向（向右） - 最佳选择
2. 不翻转 UI/约束，因此呈现的数据/indexPath/scrollView.contentOffset.x 将同步 - 禁用 RTL 支持的选项。
3. 显示最后一个 indexPath 的单元格和数据，但同时修复 scrollView.contentOffset.x 以表示最后一个单元格位置。

我猜 Apple 可能会在未来某个时候修复它，但同时我们将不得不使用诸如反转数组和/或滚动到最后一个对象之类的变通方法。

Answer 1

我迟到了，但如果你不想创建扩展，因为它会影响我们应用中的所有集合视图。只需创建您自己的自定义类，即。

class customLayoutForLocalization : UICollectionViewFlowLayout{
    open override var flipsHorizontallyInOppositeLayoutDirection: Bool {
         return true
    } 
}

要使用这个类：

// your way of deciding on whether you need to apply this layout may vary depending on use of other tools like LanguageManager_iOS to handle multi-language support
if myCollectionView.effectiveUserInterfaceLayoutDirection == .rightToLeft  {
    let customLayout = customLayoutForRTL()
    // if your elements are variable size use the following line
    customLayout.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
    // if you want horizontal scroll (single line)
    customLayout.scrollDirection = .horizontal
    myCollectionView.collectionViewLayout = customLayout
}

Answer 2

虽然简单的数学可以解决问题，但并不漂亮。 （水平collectionview）

- (void)switchSemanticDirection:(UISwitch*)sender {
    //TEST switch the semantic direction between LTR and RTL.
    if (sender.isOn) {
        UIView.appearance.semanticContentAttribute = UISemanticContentAttributeForceLeftToRight;
    } else {
        UIView.appearance.semanticContentAttribute = UISemanticContentAttributeForceRightToLeft;
    }

    [self.myContent removeFromSuperview];
    [self.view addSubview:self.myContent];
    
    //reload your collection view to apply RTL setting programmatically
    [self.list reloadData];
    //position your content into the right offset after flipped RTL
    self.list.contentOffset = CGPointMake(self.list.contentSize.width - self.list.contentOffset.x - self.list.bounds.size.width, 
    self.list.contentOffset.y);
}

Answer 3

import UIKit

extension UICollectionViewFlowLayout {

    open override var flipsHorizontallyInOppositeLayoutDirection: Bool {
        return UIApplication.shared.userInterfaceLayoutDirection == UIUserInterfaceLayoutDirection.rightToLeft
    }

Answer 4

该问题有一个对我有用的通用解决方案，请按照以下步骤克服该问题，

• 根据您的要求提供自动布局约束，然后从属性检查器将集合视图的语义控制属性更改为从故事板强制从右到左。

• 然后打开故事板作为源代码并找到相关集合视图的“前导”属性并将其替换为“左”，同样的“尾随”将其替换为“右”。现在你差不多完成了。

• 现在它将根据您的要求为您提供结果。

Answer 5

我遇到了类似的情况，并找到了解决方案。如果您使用的是 swift，请将以下 sn-p 添加到您的项目中，它将确保 bounds.origin 始终跟随集合视图的前沿。

extension UICollectionViewFlowLayout {

    open override var flipsHorizontallyInOppositeLayoutDirection: Bool {
        return true
    }
}

如果您使用的是 Objective-C，只需子类化 UICollectionViewLayout 类，并覆盖 flipsHorizo​​ntallyInOppositeLayoutDirection，并返回 true。使用这个子类作为你的集合视图的布局对象。