38: Et mes PDFs, tu les aimes mes PDFs ?

On continue dans le recyclage d'épisode en revenant sur notre premier épisode «Peindre du pixel avec du code» ! (BreakpointFM devient NostalgieFM ?) Au programme: du SVG, du PDF, un peu de Xcode et du workflow.

  1. Présentation
  2. Est-ce que le PDF sera notre sauveur ?
  3. Comment afficher du PDF a l'écran ?
  4. Mettre le tout en place:

    • Avoir des images correctes est la base. Par exemple Slender pourra vous aider à identifier les problèmes.
    • Mettre toutes ces images dans un Asset Catalog (.xcasset) sans oublier d'y reporter les règles de resizing (resizecapinset)
    • Re-vérifier les ratios @2x et @3x à partir du rapport généré par Slender
    • Récupérer vos image au format pdf en @1x
    • Mettre en place les PDFs à la place des images en mode vector dans xcode (un très bon article sur le sujet)
    • Affiner les fichiers PDF avec ShrinkIt de Panic ou PDFShaver.app
    • Appliquer les 5 lignes qui affiche un pdf de façon propre ou utiliser mindbrix/UIImage-PDF
  5. Enjoy

Libs:

  • https://github.com/mindbrix/UIImage-PDF
  • https://github.com/mattgemmell/MGImageUtilities
  • https://github.com/Createful/pdf-vector-icons
  • https://github.com/tparry/PDFImage.framework
  • https://github.com/path/FastImageCache
  • https://github.com/finiteloop/ios-cards

Tools:

  • http://www.panic.com/blog/shrinkit-1-0/
  • https://github.com/tparry/PDFShaver.app
  • http://www.bohemiancoding.com/sketch/

Articles:

  • http://martiancraft.com/blog/2014/09/vector-images-xcode6/
  • http://backchannel.org/blog/ios-vector-graphics
  • http://mattgemmell.com/using-pdf-images-in-ios-apps/
  • http://stackoverflow.com/questions/12563910/ios-generate-pdf-from-uiview-makes-text-blurry
  • http://www.cocoanetics.com/2010/06/rendering-pdf-is-easier-than-you-thought/
  • https://developer.apple.com/library/ios/documentation/GraphicsImaging/Reference/CGPDFPage/index.html

Failed titles:

  • Avoir une app net
  • Peindre des pixels (Again ?),
  • PDF to Pixel
  • Comment déssiner sur son écran*