Update xcode to latest one. now app crash on using svgcolor view. it was working on previous one before update.

crash log: When added to a view, the constraint's items must be descendants of that view (or the view itself). This will crash if the constraint needs to be resolved before the view hierarchy is assembled. Break on -[UIView(UIConstraintBasedLayout) _viewHierarchyUnpreparedForConstraint:] to debug. 2019-03-26 16:07:18.180525+0500 TheQuranApp[18096:632046] *** Terminating app due to uncaught exception 'NSGenericException', reason: 'This coder requires that replaced objects be returned from initWithCoder:' *** First throw call stack: ( 0 CoreFoundation 0x0000000110a7b6fb __exceptionPreprocess + 331 1 libobjc.A.dylib 0x000000010f9a1ac5 objc_exception_throw + 48 2 CoreFoundation 0x0000000110a7b555 +[NSException raise:format:] + 197 3 UIFoundation 0x0000000115c5b89c UINibDecoderDecodeObjectForValue + 827 4 UIFoundation 0x0000000115c5baf9 UINibDecoderDecodeObjectForValue + 1432 5 UIFoundation 0x0000000115c5b554 -[UINibDecoder decodeObjectForKey:] + 251 6 UIKitCore 0x000000011a5a2705 -[UIView initWithCoder:] + 802 7 UIFoundation 0x0000000115c5b852 UINibDecoderDecodeObjectForValue + 753 8 UIFoundation 0x0000000115c5baf9 UINibDecoderDecodeObjectForValue + 1432 9 UIFoundation 0x0000000115c5b554 -[UINibDecoder decodeObjectForKey:] + 251 10 UIKitCore 0x000000011a5a2705 -[UIView initWithCoder:] + 802 11 UIFoundation 0x0000000115c5b852 UINibDecoderDecodeObjectForValue + 753 12 UIFoundation 0x0000000115c5b554 -[UINibDecoder decodeObjectForKey:] + 251 13 UIKitCore 0x0000000119d87b41 -[UIRuntimeConnection initWithCoder:] + 178 14 UIFoundation 0x0000000115c5b852 UINibDecoderDecodeObjectForValue + 753 15 UIFoundation 0x0000000115c5baf9 UINibDecoderDecodeObjectForValue + 1432 16 UIFoundation 0x0000000115c5b554 -[UINibDecoder decodeObjectForKey:] + 251 17 UIKitCore 0x0000000119d853f1 -[UINib instantiateWithOwner:options:] + 1216 18 UIKitCore 0x0000000119b023af -[UIViewController _loadViewFromNibNamed:bundle:] + 382 19 UIKitCore 0x0000000119b02d39 -[UIViewController loadView] + 177 20 UIKitCore 0x0000000119b03048 -[UIViewController loadViewIfRequired] + 172 21 UIKitCore 0x0000000119a67004 -[UINavigationController _updateScrollViewFromViewController:toViewController:] + 68 22 UIKitCore 0x0000000119a672f7 -[UINavigationController _startTransition:fromViewController:toViewController:] + 146 23 UIKitCore 0x0000000119a683b5 -[UINavigationController _startDeferredTransitionIfNeeded:] + 896 24 UIKitCore 0x0000000119a696a7 -[UINavigationController __viewWillLayoutSubviews] + 150 25 UIKitCore 0x0000000119a4a38d -[UILayoutContainerView layoutSubviews] + 217 26 UIKitCore 0x000000011a5d39c1 -[UIView(CALayerDelegate) layoutSublayersOfLayer:] + 1417 27 QuartzCore 0x000000010f04beae -[CALayer layoutSublayers] + 173 28 QuartzCore 0x000000010f050b88 _ZN2CA5Layer16layout_if_neededEPNS_11TransactionE + 396 29 QuartzCore 0x000000010f05cee4 _ZN2CA5Layer28layout_and_display_if_neededEPNS_11TransactionE + 72 30 QuartzCore 0x000000010efcc3aa _ZN2CA7Context18commit_transactionEPNS_11TransactionE + 328 31 QuartzCore 0x000000010f003584 _ZN2CA11Transaction6commitEv + 608 32 UIKitCore 0x000000011a11eccb __34-[UIApplication _firstCommitBlock]_block_invoke_2 + 128 33 CoreFoundation 0x00000001109e2aec CFRUNLOOP_IS_CALLING_OUT_TO_A_BLOCK + 12 34 CoreFoundation 0x00000001109e22b0 __CFRunLoopDoBlocks + 336 35 CoreFoundation 0x00000001109dcb34 __CFRunLoopRun + 1252 36 CoreFoundation 0x00000001109dc302 CFRunLoopRunSpecific + 626 37 GraphicsServices 0x0000000115ecb2fe GSEventRunModal + 65 38 UIKitCore 0x000000011a105ba2 UIApplicationMain + 140 39 TheQuranApp 0x000000010de6128b main + 75 40 libdyld.dylib 0x000000011402a541 start + 1 ) libc++abi.dylib: terminating with uncaught exception of type NSException

Hi, I use Macaw (great library) in such a way that I download SVG files from the internet to memory cache, turn them into Macaw Nodes, manipulate them to alter their colors and then use them as icons in a table view.

The issue

I noticed that when one Node instance appears in more than one SVGView the main thread enters an infinite loop (somewhere in drawRect).

Discussion

It looks like Macaw doesn't really like using Nodes directly. For instance, once a node is set on MacawView, there's no way to nil it out, so I had to use an awkward construction like this:

if let icon = model.icon {
    titleCell.iconSvgView.node = icon
} else {
    titleCell.iconSvgView.fileName = nil
}

I can of course try to redesign my code so it saves images on the disk but isn't it worth discussing why a flow that would be typical for UIImage does not work for Macaw.Node?

What do you think about adding the possibility to make SVG-rendering more flexible? It would be perfect to load one svg-file but replace maybe some of the fill colors. I'm actually checking the code, but I would suggest sth. like this (and I will post my results as soon, as I could solve the problem):

You're loading the SVG via SVGParser.parse(...). I would suggest to add one more parameter, so that you can call like this:

let myParsingOptions = [ParsingOption(id: "someId", attribute: .fill, newAttribute: NSColor.red), ...]

SVGParser.parse("myFile", myParsingOptions)

I will search in the SVGParser.swift file, where I have to make the changes.

Is there any way to get CGPath object (or UIBezierPath) from any .SVG file? I think, there should be such way, because Macaw uses CGContext to draw paths. I'd like to put CGPath to CAShapeLayer then. Thanks for response.

Let me start by saying that I love Macaw. I have been using this library in my project for the past 2 months and this is a perfect match for what I want in the project. Now the requirements have slightly changed and I need to use SVGs that have been uploaded to the Firebase storage directory. Is there anyway I can use the SVG directly in my project after perhaps downloading it? Or by using it's URL?

Hello, Now my svg is working fine on svgscrollview. I am getting one issue when I try to move to specific position with cgpoint in scrollview. Actually I got points like this - shape.bounds?.center().toCG() and then move my scrollview to particular points. Please help me how can I move to particular points. Thank you.

How do I animate an explicit Transform in Macaw? My app involves a compass, which is a Node on a MacawView. I only want to animate rotation, so what I really wanted was to do this:

myNode.placeVar.animate(transform: Transform.rotate(...))

Therefore retaining (but not modifying) my scaling set to myNode.place.

I do understand that there is animate(to: Transform), but I loose my scaling. If I use animate(to: myNode.place.rotate(...)), I get rather weird issues with the node resizing almost seemingly randomly.

Is this possible in Macaw?

Thanks

Hi guys!

Firstly, thank you for the library — it's definitely something that is needed!

My immediate needs are for parsing and rendering SVG images as static images. I know that this is possible using a MacawView (or SVGView), but this seems unnecessarily heavy for rendering images, if we are not actually using views (views are expensive).

How would you feel about enabling rendering without the view dependencies?

• we could start by decoupling the scene models from view concerns (basically the touch methods);
• NodeRenderer should have its AnimationCache as optional (since it is only ever used optionally anyway), which would allow us to create renderers which do not depend on views;
• we could abstract out some of the rendering logic from MacawView into a protocol with default implementations, allowing us to make MacawView conform to the protocol so that we can use the same logic, while also being able to make a different, non-view class which can render without a view.

Incidentally, I think we ought to be able to use some dependency injection in the view / animation methods to get rid of the nodesMap and parentsMap singletons.

Let me know what you think. I would be happy to try to create some PRs for it, if you think this is a direction you might like to take. Otherwise I would probably try creating my own library, with this as a good starting point.

Need help urgent! :( On xcode 9 our code was worked well, but after start working with xcode 10 Macaw.image.srcVar do not change image if we change srcVar on the fly.

Maybe I misunderstood something, but I expecting that if I we change scrVar it will rerender image in the node....

here is code example:

substrate.onTap { _ in
       if !self.pickedSeats.contains(index) {
                self.pickedSeats.insert(index)
                seatView.sView.srcVar.value = SeatType.picked.getSrc()
                seatView.sView.opacityVar.animate(to: 0.9)
                seatView.text.font = Font(name: "MullerExtraBold", size: 13)
                self.delegate?.seatPicked(id: seat.id, unselect: false, publicPid: seat.publicPid)
        } else {
                self.pickedSeats.remove(index)
                seatView.sView.srcVar.value = seat.type.getSrc()
                seatView.text.font = Font(name: "MullerMedium", size: 12)
                self.delegate?.seatPicked(id: seat.id, unselect: true, publicPid: seat.publicPid)
           }
   }

> seatView.sView.srcVar.value = SeatType.picked.getSrc() > seatView.sView.srcVar.value = seat.type.getSrc()

This lines worked, but now no.

• Using bottom as default baseline. I also think the current calculation for the baseline might be a little off, will look a little more in detail when I have the time.
• font-size attributes can end with "px", this change allows that.

Hey All,

I am trying to use Macaw and it is awesome but I am thinking that I am missing something in the documentation and wonder if I could get some help?

I am training to chain around 8 animations together then repeat them all from 1-8 continuously.

  let animationOne = trianglegroup.contentsVar.animation(from: squaregroup, to: square, during: 1.0, delay: 0.0)
           animationOne.onComplete {
               print("animationOne complete")
               let animationTwo = crossgroup.contentsVar.animation(from: squaregroup, to: triangle, during: 1.0, delay: 0.0)
               animationTwo.onComplete {
                   print("animationTwo complete")
                   let animationThree = circlegroup.contentsVar.animation(from: squaregroup, to: circleClosedState, during: 1.0, delay: 0.0)
                   animationThree.onComplete {
                       print("animationThree complete")
                       let animationFour = circlegroup.contentsVar.animation(from: squaregroup, to: circle, during: 1.0, delay: 0.0)
                       animationFour.onComplete {
                           print("animationFour complete")
                           let animationFive = squaregroup.contentsVar.animation(from: squaregroup, to: crossClosedState, during: 1.0, delay: 0.0)
                           animationFive.onComplete {
                               print("animationFive complete")
                               let animationSix = squaregroup.contentsVar.animation(from: squaregroup, to: cross, during: 1.0, delay: 0.0)
                               animationSix.onComplete {
                                   print("animationSix complete")
                                   let animationSeven = squaregroup.contentsVar.animation(from: squaregroup, to: squareClosedState, during: 1.0, delay: 0.0)
                                   animationSeven.onComplete {
                                       print("animationSeven complete")
                                       let animationOne = trianglegroup.contentsVar.animation(from: squaregroup, to: square, during: 1.0, delay: 0.0)
                                       animationOne.onComplete {
                                           print("animationOne complete")
                                       }
                                   }
                                   animationSeven.play()
                               }
                               animationSix.play()
                           }
                           animationFive.play()
                       }
                       animationFour.play()
                   }
                   animationThree.play()
               }
               animationTwo.play()
           }
           animationOne.play()

The problem with this is obvious plus It isn't continuous as I have to include another set of animations to repeat an extra time so I am wondering if there is a better way to do it?

Thanks in advance for any help!

hi its possible animate bezier path lines. Like a CAShapeLayer strokenEnd property. I put example image and video what I mean.

I have bezier path

Next I have animation with duration 1.0 seconds, when animation started I need calculate bezier points relative animation progress each frame. Below video example.

https://user-images.githubusercontent.com/29518174/202891971-e5fe05d6-04e9-4ede-8534-a56b0fdbde77.mp4

There is a problem on iOS when we have Shape with Stroke and NO Fill tag in XML. Color by Default is black but I think that clear color is more useful and standard (cause I compare SVG with online viewer and there is no black color by default).

we should not handle mask/effect by this way:

func renderToImage(bounds: Rect, inset: Double = 0, coloringMode: ColoringMode = .rgb) -> MImage? {
        let screenScale: CGFloat = MMainScreen()?.mScale ?? 1.0
        MGraphicsBeginImageContextWithOptions(CGSize(width: bounds.w + inset, height: bounds.h + inset), false, screenScale)
        let tempContext = MGraphicsGetCurrentContext()!

        // flip y-axis and leave space for the blur
        tempContext.translateBy(x: CGFloat(inset / 2 - bounds.x), y: CGFloat(bounds.h + inset / 2 + bounds.y))
        tempContext.scaleBy(x: 1, y: -1)
        directRender(in: tempContext, force: false, opacity: 1.0, coloringMode: coloringMode)

        let img = MGraphicsGetImageFromCurrentImageContext()
        MGraphicsEndImageContext()
        return img
    }

when we have many effects,mask, us operations would get stuck... Image processing is very consumptive performance.