Blog d'AIT YAHIA Idir

Mise en œuvre d’une barre d’état d’une application RCP Eclipse 4

aityahia — Fri, 19 Jul 2013 00:13:28 +0000

Dans cet article nous allons voir comment, utiliser le service IEventBroker dans une application Eclipse 4 RCP pour que vos composants puissent communiquer entre eux.

A cet effet nous allons prendre l’exemple un éditeur de texte doté d’une barre d’état qui affichera la position courante du curseur.

Nous allons supposer que vous avez installé Eclipse 4.3 (Kepler) ainsi que e4 tools, si ce n’est pas le cas les procédures d’installations sont décrites dans l’article suivant :

Tutoriel sur la construction d’applications Eclipse RCP basées sur Eclipse 4

Nous n’allons pas nous pencher sur la création d’application Eclipse 4 ou sur l’ajout de composants au modèle d’application, tout est bien expliqué dans le tutoriel sus-cité.

Créez un nouveau projet Eclipse 4, veuillez consulter l’article ci-dessus pour voir les étapes à suivre.
Ajouter un PartStak à votre TrimedWindow et ajouter une Input Part au PartStak, avec les paramètres suivant :

Id : dz.iaityahia.example.texteditor.inputpart.editor
Label : Editeur

Ajoutez un Window Trim a votre TrimBars avec l’option Side Bottom pour que la barre se positionne en bas de votre fenêtre, ça sera notre barre d’état.

Ajoutez une ToolBar a votre WindowTrim et un ToolControl a la ToolBar que vous venez d’ajouter, avec dz.iaityahia.example.texteditor.toolcontrol.positionstatus comme Id.
En final votre modèle d’application devra ressembler à ce qui suit :

Afin de pouvoir invoquer IEventBroker, ajouter la dépendance au package org.eclipse.e4.core.services.events

Créez maintenant les classes suivantes, nous verrons plus loin chaque classe en détail

EditorView : Classe de notre Inupt Part
CursorPosition : Modele objet qui va contenir la position du curseur
CursorPositionStatus : Classe du ToolControl de notre barre d’état.

Connectez la Classe EditorView à votre Input Part, en cliquant sur le bouton findadjacent au champs Class URI,
Notez que vous pouvez créer directement votre classe en cliquant sur le lien Class URI.
Connectez la classe CursorPositionStatus a votre ToolControl de la même manière.
Modifiez maintenant le code de vos classes comme suit :

Classe CursorPosition

package dz.iaityahia.example.texteditor;

import java.text.MessageFormat;

/**
* @author iaityahia
* cette classe définie le modèle object de la
* position du curseur
*
*/
public class CursorPosition {

public int column; //colonne du curseur
public int line; //ligne du curseur

private MessageFormat mf= new MessageFormat("Ligne : {0} | Colonne : {1}");

/**
* Constructeur de la classe
* avec l'initialisation de la ligne et la colonne
*/
public CursorPosition() {

column = 0;
line = 0;

}

/**
* Renvoie la chaine de la position suivant le modèle
* definie dans mf
* @return position sous forme de ligne colonne
*/
public String toString() {

Object[] args ={line,column};
return mf.format(args);
}

}

Dans cette classe définissons le l’objet qui va contenir les informations de la position du curseur, nous avons aussi redéfini la méthode toString pour quelle renvoi la position sous fomrme de chaine « Ligne : 0 | Colonne : 0″

Classe EditorView

/**
* @author iaityahia
*
*/
package dz.iaityahia.example.texteditor;

import javax.annotation.PostConstruct;
import javax.annotation.PreDestroy;
import javax.inject.Inject;

import org.eclipse.e4.core.services.events.IEventBroker;
import org.eclipse.e4.ui.di.Focus;
import org.eclipse.swt.SWT;
import org.eclipse.swt.custom.StyledText;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Event;
import org.eclipse.swt.widgets.Listener;

public class EditorView {

@Inject IEventBroker eventBroker; // Nous injections IEventBroker
CursorPosition pos ;
StyledText text;

@Inject
public EditorView() {

}

/**
* Création du contenu de la part
* @param parent
*/

@PostConstruct
public void createPartControl(Composite parent) {

// création de l'objet qui va contenir la position du curseur
pos = new CursorPosition();

// création de l'éditeur de texte
text = new StyledText (parent, SWT.BORDER);

// création du gestionaire qui va récupérer la position du curseur
//et enrgistrer l'évenement
Listener listener = new Listener()
{
@Override
public void handleEvent(Event arg0)
{
int caretOffset = text.getCaretOffset();
pos.line = text.getLineAtOffset(caretOffset) ;

pos.column = caretOffset - text.getContent().getOffsetAtLine(pos.line);
//Incrémenter la ligne et la colonne, l'indexation commence à zéro
pos.line++;
pos.column++;

// Enregistrement de la position avec la clé CURSOR_POSITION
eventBroker.post("CURSOR_POSITION", pos);

}
};

// Ajout du gestionnaire aux événements
// KeyUp et MouseUp
text.addListener(SWT.KeyUp, listener);
text.addListener(SWT.MouseUp, listener);

}

@PreDestroy
public void preDestroy() {

}

@Focus
public void onFocus() {

text.setFocus();
}

}

Dans cette classe nous Injecton le service IEventBroker et nous définissons le contenu de notre Part (view) via la méthode createPartControl annotée avec l’annotation @PostConstruct.

l’injection du service IEventBroker récupère l’instance existante dans le contexte d’application, si elle n’existe une nouvelle instance sera créée.

Dans un éditeur de texte la position du curseur peut être changée lorsque l’utilisateur relâche la sourie ou une touche de clavier alors que l’éditeur détient le focus, c’est pour cette raison que nous avons créée un Listener commun pour les événements KeyUp et MouseUp.

Le service IEventBroker nous offre la possibilité d’envoyer les donner de deux manières, synchrone avec la méthode send et asynchrone avec la méthode post, dans notre cas nous optons pour un envoie asynchrone.

Classe CursorPositionStatus

/**
* Cette classe construit le label qui servira pour l'affichage
* de la position du curseur et implément la méthode qui est chargée de recevoir
* les évenements émis depuis l'éditeur
*
* @author iaityahia
*
*/
package dz.iaityahia.example.texteditor;

import javax.annotation.PostConstruct;
import javax.inject.Inject;

import org.eclipse.e4.core.di.annotations.Optional;
import org.eclipse.e4.ui.di.UIEventTopic;
import org.eclipse.swt.SWT;
import org.eclipse.swt.layout.GridData;
import org.eclipse.swt.layout.GridLayout;
import org.eclipse.swt.widgets.Composite;
import org.eclipse.swt.widgets.Label;

public class CursorPosStatus {
private Label posLabel;

/**
* Création du Label
*
* @param parent
*/
@PostConstruct
public void postConstruct(Composite parent) {

GridLayout layout =new GridLayout();
layout.marginHeight = 0;
parent.setLayout(layout);

posLabel =new Label(parent,SWT.NONE);
GridData gd = new GridData(GridData.BEGINNING,GridData.CENTER,true,true);
gd.widthHint = 150;
gd.horizontalIndent =5;
posLabel.setLayoutData(gd);

}
/**
* Méthode qui reçoit les évenements
* @param pos
*/

@Inject @Optional
void eventReceived(@UIEventTopic("CURSOR_POSITION") CursorPosition pos) {

posLabel.setText(pos.toString());

}

}

Dans cette classe nous concevons le Label qui va se charger d’afficher la position du curseur, avec la méthode postConstruct, également nous implémentons la méthode qui va nous permettre de recevoir les données émises via le service IEventBroker, la méthode se distingue avec l’annotation @UIEventTopic, notez qu’il est très important d’annoter votre méthode avec @Optional sinon Eclipse va lever des exceptions.

En final nous aurons quelque chose qui ressemble a capture suivante, si vous essayez de modifier le contenu de l’éditeur vous allez remarquer que la position du curseur s’affiche dans notre barre d’état.

MessageFormat mettre les paramètres entre quotes

aityahia — Mon, 15 Jul 2013 00:08:24 +0000

Même si l’interface PreparedStatement existe pour des besoins particuliers vous pouvez être amené à utiliser la classe MessageFormat pour construire une requête SQL , si par exemple vous voulez mettre entre quotes les paramètres de la chaine résultante avec le code ci-dessous qui semble cohérent

MessageFormat str = new MessageFormat("SELECT * FROM mytable WHERE mydate BETWEEN ‘{0}’ AND ‘{1}’") ;
Object[] args = {"2013-07-01","2013-07-31"};
String query = str.format(args) ;

Vous allez remarquer que cela ne fonctionne pas et que la méthode ne reconnait pas les paramètres en tant que tel, si vous affichez la chaine avec System.out.println vous aurez comme résultat la chaine suivante :

SELECT * FROM mytable WHERE mydate BETWEEN ‘{0}’ AND ‘{1}’

Hors que ce n’est pas le résultat souhaité, pour résoudre le problème,il vous suffit de doubler les quotes comme ceci :

MessageFormat str = new MessageFormat("SELECT * FROM mytable WHERE mydate BETWEEN ''{0}'' AND ''{1}'' ") ;
Object[] args = {"2013-07-01","2013-07-31"};
String query = str.format(args) ;

L’icône d’Eclipse est immense dans le dashboard d’Unity

aityahia — Sat, 08 Jun 2013 14:56:21 +0000

Si il vous est arrivé, d’installer Eclipse sous Ubuntu, vous allez remarquer que l’icône xpm affichée dans la dashboard d’Unity a une taille disproportionnée par apport au autres,vous aurez quelque chose qui ressemble a ceci.

Au fait cela n’affecte pas seulement Eclipse, mais toute application ayant une icône de type xpm, il s’agit d’un bug d’Unity qui gère mal les icônes de ce type.

Rassurez vous il existe un moyen pour contourner ce problème pour cela :

Nous allons supposer que vous avez installé Eclipse 4 dans votre dossier usr/opt/eclipse
et que votre fichier de configuration du lanceur ce nome eclipse4.desktop et se situe dans le dossier /usr/share/applications/

Ressemble a ce qui suit :

[Desktop Entry]
Type=Application
Name=Eclipse
Comment=Eclipse Integrated Development Environment
Icon=/usr/opt/eclipse/icon.xpm
Exec=/usr/opt/eclipse/eclipse
Terminal=false
Categories=Development;IDE;Java;
StartupWMClass=Eclipse

1) Créez un raccourcis vers votre icônes dans le dossier partagé /usr/share/icons.

sudo ln -s /opt/eclipse/icon.xpm /usr/share/icons/eclipse4.xpm

Nous avons nommé le raccourcis Eclipse4 pour éviter toutes collision avec l’installation d’Eclipse depuis le dépôt officiel.

2) Modifiez votre fichier eclipse4.desktop comme ceci :

[Desktop Entry]
Type=Application
Name=Eclipse
Comment=Eclipse Integrated Development Environment
Icon=eclipse4
Exec=/usr/opt/eclipse/eclipse
Terminal=false
Categories=Development;IDE;Java;
StartupWMClass=Eclipse

Comme vous pouvez le remarquer il n’est pas nécessaire de mentionner le chemin absolu ni l’extension du fichier eclipse4.xpm

et voilà le problème est résolu, vous pouvez regarder dans votre dahsboard, vous allez remarquer que votre icône a une taille normale.

Atelier ZendFramework : Premiers pas avec Zend_Application

aityahia — Mon, 21 Sep 2009 20:04:57 +0000

Avec l’arrivée de la version 1.8 de Zend Framework, la configuration du bootstraping peut paraitre à première vue déroutante pour les novices et même pour les confirmés qui ont l’habitude de travailler avec les versions précédentes du Framework. Dans ce tutoriel nous allons essayer de vous montrer comment configurer une application MVC avec Zend_Application. Vous allez voir que la solution proposée par le Zend Framework permet d’avoir un code clair et organisé qui vous évitera aussi de créer vous-même une solution maison. La testabilité de l’application sera plus élevée, ainsi que le degré de réutilisation des objets.

Atelier ZendFramework : Premiers pas avec Zend_Application

Zend Server Community Edition 4.0.4 est disponible

aityahia — Wed, 08 Jul 2009 16:58:00 +0000

La version anglaise de Zend Server 4.04 est disponible pour le téléchargement.

Télécharger Zend Zerver CE 4.04

Cette version inclue les modifications suivantes :

PHP 5.2.10
Zend Framework 1.8.4
Mise a jour de sécurité la librairie Apache issues (CVE-2009-0023)
Mise à jour vers PHPMyAdmin version 3.2.0
Ajout du module Apache pour le package MAC.
Correction de plusieurs bugs

Pour plus de détails consulté la release note.