Plusieurs fois, nous avons quelque chose à l'impression de fléchir dans notre projet, mais ne savaient pas comment faire ... maintenant, et si nous avions des modèles différents pour imprimer ce que nous voulons? pas facile? C'est dans ce tutoriel, je vais expliquer un processus très simple d'avoir nos rapports presque prête à recevoir les données à imprimer ... et que par actions, de créer un nouveau projet avec le nom testRelatorio. et puis créez un dossier racine (en général, src) a demandé que le projet d'impression et d'imprimer l'intérieur de ce dossier créez un nouveau dossier actif ...
Dans mon exemple, utiliser le logo du blog, si elles veulent suivre le tutoriel, copiez l'image ci-dessous et colem l'image ci-dessous dans ce dossier actifs:
Bientôt
Nous sommes maintenant la création d'un nouveau composant. Menus: File-> New-> MXML de composants et de choisir les définitions suivantes:
Nouveau composant MXML
Cliquez sur Terminer
Nous avons notre modèle, modèle que nous avons tous le code ci-dessous:
- <? Xml " 1.0 " version = "1.0" " utf-8 " ?> encoding = "utf-8"?>
- <Mx: Canvas " http://www.adobe.com/2006/mxml " xmlns: mx = "http://www.adobe.com/2006/mxml" " 595 " width = "595" " 842 " height = "842" " #FDF8F8 " backgroundColor = "# FDF8F8" " 1 " > backgroundAlpha = "1">
- <Mx: Canvas " 33 " x = "33" " 34 " y = "34" " 526 " width = "526" " 775 " height = "775" " safeArea " > id = "safeArea">
- <Mx: Texte " 10 " y = "10" " Header " texte = "Header" " 288 " width = "288" " 117 " height = "117" " DOC_HEADER_TEXTO " id = "DOC_HEADER_TEXTO" " #030303 " color = "# 030303" " 10 " droite = "10" " Verdana " fontFamily = "Verdana" " 13 " Fontsize = "13" " italic " fontstyle = "Italique" " right " /> textAlign = "right" />
- <Mx: Canvas " 0 " x = "0" " 192 " y = "192" " 526 " width = "526" " 583 " height = "583" " DOC_CONTEUDO " > id = "DOC_CONTEUDO">
- </ Mx: Canvas>
- </ Mx: Canvas>
- <Mx: Image " 33 " x = "33" " 34 " y = "34" " @Embed(source='assets/logo.png') " source = "@ Embed (source = 'actif / logo.png") " " DOC_LOGO " /> id = "DOC_LOGO" />
- <Mx: Label " 33 " x = "33" " 185 " y = "185" " Titulo " texte = "Titre" " 526 " width = "526" " 27 " height = "27" " bold " fontWeight = "gras" " normal " fontstyle = "normal" " center " textAlign = "center" " 13 " Fontsize = "13" " #CD3E06 " color = "# CD3E06" " DOC_TITULO " /> id = "DOC_TITULO" />
- <Mx: Label " 805 " y = "805" " Rodape " texte = "footer" " 526 " width = "526" " center " textAlign = "center" " 0 " horizontalCenter = "0" " DOC_RODAPE " id = "DOC_RODAPE" " #919394 " /> color = "# 919394" />
- </ Mx: Canvas>
Et prêt, nous avons notre modèle prêt, avec des zones de logo, l'en-tête, le titre, le contenu et les pieds de page, il doit être comme l'image:
Partie 2 - template.mxml
Retour à notre application créée dans l'initiateur du projet (testRelatorio.mxml) et nous coller ce code:
- <? Xml " 1.0 " version = "1.0" " utf-8 " ?> encoding = "utf-8"?>
- <Mx: Application " http://www.adobe.com/2006/mxml " xmlns: mx = "http://www.adobe.com/2006/mxml" " absolute " mise en page = "absolue" " [1.0, 1.0] " backgroundGradientAlphas = [1.0, 1.0] " " [#FFFDFD, #FFFDFD] " > backgroundGradientColors = "[FFFDFD #, # FFFDFD]">
- <Mx: Script>
- <! [CDATA [
- mx.collections.ArrayCollection importation;
- [Bindable]
- var données privées: ArrayCollection = new ArrayCollection ([(titre: "Le Livre", de la morue: "# 5345", prix: "50 €"), (titre: "Cader B", la morue: "# 553", prix: "12 €"), (titre: "GREEN FLEX," la morue "# 5885", prix: 30 € "}]);
- ]]>
- </ Mx: Script>
- <Mx: DataGrid " {dados} " DataProvider = "(données)" " 350 " width = "350" " 0 " horizontalCenter = "0" " 0 " verticalCenter = "0" " minhaDataGrid " > id = "minhaDataGrid">
- <Mx: Columns>
- <Mx: DataGridColumn " Cod. " headerText = "Cod." " cod " de données = "cabillaud" " 30 " /> width = "30" />
- <Mx: DataGridColumn " Artigo 1 " headerText = "article 1" " 270 " width = "270" " titulo " /> de données = "title" />
- <Mx: DataGridColumn " Preco " headerText = "Prix" " preco " = de données "prix" " 50 " /> width = "50" />
- </ Mx: les colonnes>
- </ Mx: DataGrid>
- <Mx: Button " Imprime " label = "Imprimer" " 350 " width = "350" " 0 " horizontalCenter = "0" " 90 " /> verticalCenter = "90" />
- </ Mx: Application>
Nous devrions avoir quelque chose comme:
Partie 3 - testeRelatorio.mxml
Maintenant manque seulement la lumière de notre impression.
nous avons mis dans notre testeRelatorio.mxml après notre arrayCollection:
- d'importation template ; imprimer. modèle;
- d'importation printing . FlexPrintJob ; mx. impression. FlexPrintJob;
- ( source = " print/assets/logo.png " )] [Embed (source = "print / assets / logo.png")]
- privé var Class logo: Classe
- privé fonction : void print (): void (
- var template = new Modèle: = nouveau modèle modèle;
- visible = false ; modèle. Visible = false;
- modelo ) ; addChild (modèle);
- DOC_HEADER_TEXTO . text = " Exmo. Sr. Antunes Costa \n\n Relatorio resumido das compras por pagar! " ; modèle. DOC_HEADER_TEXTO. text = "Monsieur le Président. M. Costa Antunes \ n \ n rapport de synthèse des achats à payer!";
- DOC_LOGO . source = logotipo ; //convem ser uma imagem já embebida, podemos usar caminho, mas a class é mais rapida a ser carregada e impede que haja falta de foto na impressão. modèle. DOC_LOGO. source = logo / / doit être une image déjà trempé, on peut utiliser chemin, mais la classe est à la charge plus rapidement et d'empêcher qu'il y avait un manque de l'impression photo.
- DOC_TITULO . text = " RELATORIO FALTAS! " modèle. DOC_TITULO. text = "RAPPORT ETE ABSENT!"
- DOC_RODAPE . text = " Listagem de falhas de pagamento. Para mais informações contacte +225 554 25485 " ; modèle. DOC_RODAPE. text = "Liste des défaillances de paiement. Pour plus d'informations, contactez +225 554 25485";
- DOC_CONTEUDO . addChild ( minhaDataGrid ) ; //adicionamos a datagrid como child do nosso conteudo modèle. DOC_CONTEUDO. addChild (minhaDataGrid) / / ajouter le DataGrid comme enfant de notre contenu
- / / Ajouter le modèle de rester dans le stade, invisible.
- / / Déclarer le travail d'impression
- var FlexPrintJob = new d'impression: FlexPrintJob = new ; FlexPrintJob ();
- / / Commencer le travail d'impression
- . start ()) if (printJob. start ()) (
- / / Ajouter à notre page pour imprimer
- addObject ( modelo ) ; d'impression. addObject (modèle);
- / / Envoyer le travail à l'imprimante
- send () ; d'impression. send ();
- / / Suppression de notre modèle de la scène
- modelo ) ; removeChild (modèle);
- )
- )
et de mettre sur notre touche à l'impression, dans le cadre de son étiquette, cliquez sur l'= "print ()";
- <Mx: Button " Imprime " label = "Imprimer" " 350 " width = "350" " 0 " horizontalCenter = "0" " 90 " verticalCenter = "90" " imprime() " /> cliquez sur = "print ()" />
Il ya, à l'exception de votre demande et exécuter l'exemple, cliquez sur Imprimer et voir comment il est facile 
S'ils veulent ils peuvent créer d'autres modèles, une variété de moyens et d'exemples .. et qu'il devrait question et l'ajoute à la phase invisible lorsqu'il n'est pas à gâcher votre demande ... en l'occurrence la datagrid disparaît parce que j'ai changé mon enfant ... ajoutant à la modèle. Si vous souhaitez toujours visible, la création d'un nouveau datagrid égaux en template.mxml avec le nom DOC_DATAGRID et lorsque vous ajoutez la même imprimer le DataProvider:
modelo.DOC_DATAGRID.dataProvider = données;
et voilà!
Astuce. Si vous souhaitez imprimer au format PDF, ou utiliser le AlivePDF ou utiliser un pilote d'Adobe pour ajouter une imprimante au format pdf de qui envoie le travail d'impression pour le conducteur, qui écrit en format pdf.
Ils peuvent voir l'exemple en ligne avec le code source disponible ici
J'espère qu'il sera utile.
Serrer dans ses bras.
11 Commentaires
Félicitations pour le poste, très informatif, objectif et instructif.
Observe,
Silva Developer
Merci!
Serrer dans ses bras.
Mario très bon! Serrer dans ses bras.
Très bon Mario.
A beaucoup aidé!
Bonne nuit John,
Cet exemple est très bon!
Mais lorsque je clique sur imprimer le PDF et de choisir de ne pas faire quoi que ce soit.
Elle a constaté que si la ligne de commentaires "modelo.DOC_CONTEUDO.addChild (minhaDataGrid)," l'imprimer!
Que pourrait-on? J'ai la version 10 de flash, est-il?
Et d'imprimer sur plusieurs pages, pouvez-vous m'aider?
Merci.
Jose Carlos Fonseca
Géorgie - Portugal
Mais, comme l'est l'impression? l'aide d'un pilote d'imprimante de l'pdf?
Oui, lorsque je clique sur le bouton d'impression est l'affichage des imprimantes et choisir le "Adobe PDF", je nom de la doc et confirmer.
À ce point commence à créer le PDF. Après quelques secondes, cette fenêtre est fermée et j'ai créé le fichier PDF.
Merci.
Jose Carlos Fonseca
Géorgie - Portugal
Bizarre ... essayez d'installer et d'utiliser l'un des pilotes suivants:
Pilote de l'imprimante PDF995 - http://www.pdf995.com/download.html
Virtual PDF Printer - http://www.download.com/1770-20_4-0.html?query=Virtual + + PDF Printer & tag = 404 = & searchtype téléchargements
pdf ou le créateur ou même le cutePdf imprimante sur la même page ...
contenu d'essai après ce qui s'est passé ....
Par ailleurs, qui utilisent le système d'exploitation?
Mario, déjà installé l'imprimante virtuelle PDF et n'a toujours pas.
La chose étrange est que si je utiliser votre exemple que vous avez sur cette page qui travaille avec l'imprimante que vous aviez.
Le système d'exploitation est XP Pro
Hmm .. mais nous ne l'avons avant, l'OS n'a rien à voir, vous avez suivi toutes les étapes de détail? Childs ajouté le bien?
Si tout est correct de ne pas savoir ce qui se passe ... est que cet exemple, c'est que je suis au-dessus fonctionne bien ici ...
Si vous le pouvez, envoyez-moi le code source pour obtenir un aperçu: admin [at] msdevstudio [point] avec
cumps
En fait, le code est exactement ce que vous avez dans l'exemple. Lorsqu'on lui dit que s'il est travaillé je utiliser votre exemple en ligne.
C'est bien, je ne imprimer le DataGrid, pour l'instant, sans un en-tête ou le pied de page. Merci de toute façon, votre exemple, a beaucoup aidé.
Profitez de cette occasion pour demander de l'aide sur une autre question, par hasard vous n'avez pas d'exemple dans flex + mysql recherche avancée?
Merci.