Использование текстуры (ASyncDisplayKit) в ячейках - PullRequest
Новая
       9

Использование текстуры (ASyncDisplayKit) в ячейках

0 голосов
/ 31 мая 2018

Я пытаюсь выровнять компоненты моей ячейки, но она не работает должным образом.Я полагаю, я просто не понимаю некоторые простые идеи, лежащие в основе ASLayoutSpec, поэтому я был бы признателен за любую помощь здесь.

У меня есть ячейка (ASCellNode, конечно), которая состоит из ASTextNode (asTextLabel),ASDisplayNode (asBackView, это просто фон для textLabel с закругленными углами), а asImageNode (asSoundIcon).

asBackView должен быть немного выше и шире, чем asTextLabel (работает),и asSoundIcon должен быть справа от asBackView (например, 4 точки между правой стороной asBackView и левой стороной asSoundIcon), и он должен быть вертикально центрирован.

У меня есть asSoundIcon, который не центрирован по вертикали, и он намного дальше вправо, который я хотел.

Я перепробовал много вариантов, это только один из них, и я неЯ не понимаю, почему мой горизонтальный интервал не работает и как выровнять по вертикали asSoundIcon.

sorry for the colors

override func layoutSpecThatFits(_ constrainedSize: ASSizeRange) -> ASLayoutSpec {

    asSoundIcon.style.preferredSize = CGSize(width: 16, height: 16)
    asSoundIcon.style.maxSize = CGSize(width: 16, height: 16)
    asSoundIcon.style.minSize = CGSize(width: 16, height: 16)
    asBackView.style.minSize = CGSize(width: 30, height: 48)
    asTextLabel.style.minSize = CGSize(width: 30, height: 15)
    asTextLabel.style.maxWidth = ASDimension(unit: .points, value: screenWidth - 50)

    let asBackViewLayout = ASInsetLayoutSpec(insets: UIEdgeInsets(top: 4, left: 4, bottom: 4, right: 24), child: self.asBackView)

    let asTextLabelLayout = ASInsetLayoutSpec(insets: UIEdgeInsets(top: 6, left: 12, bottom: 6, right: 36), child: asTextLabel)

    let asNewCenterTextLabelLayout = ASCenterLayoutSpec(horizontalPosition: .start, verticalPosition: .center, sizingOption: .minimumWidth, child: asTextLabelLayout)

    let asOverlayLayout = ASOverlayLayoutSpec(child: asNewCenterTextLabelLayout, overlay: asBackViewLayout)

    let asSoundVerticalLayout = ASRelativeLayoutSpec(horizontalPosition: .start, verticalPosition: .center, sizingOption: .minimumSize, child: asSoundIcon)

    let asSoundLayout = ASStackLayoutSpec(direction: .horizontal, spacing: 0.0, justifyContent: .start, alignItems: .start, flexWrap: .noWrap, alignContent: .start, lineSpacing: 0.0, children: [asOverlayLayout, asSoundVerticalLayout])

    return asSoundLayout
}

1 Ответ

0 голосов
/ 31 мая 2018

Попробуйте удалить строку 

let asSoundVerticalLayout = ASRelativeLayoutSpec(horizontalPosition: .start, verticalPosition: .center, sizingOption: .minimumSize, child: asSoundIcon)

И измените следующую строку на нее: 

let asSoundLayout = ASStackLayoutSpec(direction: .horizontal, spacing: 0.0, justifyContent: .start, alignItems: .center, flexWrap: .noWrap, alignContent: .start, lineSpacing: 0.0, children: [asOverlayLayout, asSoundIcon])

UPD

Я пытаюсь сделать простой проект 

override func viewDidLoad() {
    super.viewDidLoad()
    // Do any additional setup after loading the view, typically from a nib.
    viewNode.automaticallyManagesSubnodes = true
    viewNode.backgroundColor = UIColor.blue

    let asBackView = ASDisplayNode()
    asBackView.backgroundColor = UIColor.gray
    let asTextLabel = ASTextNode()
    asTextLabel.attributedText = NSAttributedString.init(string: "Cum contencio studere, omnes lunaes perdere audax, velox animalises.", attributes: [NSAttributedStringKey.foregroundColor: UIColor.blue, NSAttributedStringKey.font: UIFont.systemFont(ofSize: 15)])
    asBackView.automaticallyManagesSubnodes = true
    asBackView.style.flexGrow = 1
    asBackView.style.flexShrink = 1
    asBackView.layoutSpecBlock = { asDisplayNode, asSizeRange in
        let asInsetSpec = ASInsetLayoutSpec(insets: UIEdgeInsetsMake(6, 12, 6, 36), child: asTextLabel)
        return asInsetSpec
    }

    let asSoundIcon = ASNetworkImageNode(cache: ASPINRemoteImageDownloader.shared(), downloader: ASPINRemoteImageDownloader.shared())
    asSoundIcon.setURL(URL.init(string: "https://www.shareicon.net/data/2017/02/09/878596_music_512x512.png"), resetToDefault: false)
    asSoundIcon.style.preferredSize = CGSize(width: 50,height: 50)
    viewNode.layoutSpecBlock = { node, constrainedSize in
        let asSoundInsetsSpec = ASInsetLayoutSpec(insets: UIEdgeInsetsMake(5, 5, 5, 5), child: asSoundIcon)
        let asStackLayout = ASStackLayoutSpec(direction: .horizontal, spacing: 0, justifyContent: .start, alignItems: .center, children: [asBackView, asSoundInsetsSpec])
        return asStackLayout
    }
}

PS layoutSpecBlock разбит на текстуре> v. 2.3.4

...