Discussion :

[azerr]

Bonjour,

je suis toujours en train de travailler sur le moteur CSS qui peut s'appliquer sur des widgets SWT ou Swing qui sera utilise dans TK-UI.

Je vous envoie une copie d'ecran du CSS editor qui montre ce que l'on peut faire avec le moteur CSS. Cetet copie d'ecran est un example de CSS Editor. A gauche le formulaire SWT et a doite le CSS editor qui permet de gerer les CSS.

Comme vous pouvez le voir, il est possible d'appliquer au runtime les CSS Property (degrade de couleur, color, cusror). le :focus est supporte (le style s'applique si le champs a le focus).

SI vosu etes interesses par le sujet, n'hesitez pas a me contacter.

Angelo

[Mickael Baron]

Salut Angelo,

Pour l'instant le moteur de CSS est utilisable uniquement dans TK-UI ?

Penses-tu qu'il soit possible de l'utiliser dans une application Eclipse RCP ?

Disons que pour chaque composant SWT, un décorateur ajoute la fonctionnalité feuille de style et qu'il soit possible d'exprimer le fait que je souhaite modifier le style d'un composant SWT.

Je ne sais pas si je suis clair mais bon, je trouverais cela très intéressant pour modifier l'apparence des composants sur des applications Eclipse RCP déjà existantes.

En tout cas, ton travail est très intéressant.

Petite question, TK-UI se dirige vers les besoins de l'E4 non ?

Mickael

[azerr]

Bonjour keulkeul,

merci beacoup de ton interet a mon psot.

pour l'instant le moteur de CSS est utilisable uniquement dans TK-UI ?

En fait le moteur de CSS est un projet a part de TK-UI, autrement dit il est capable d'appliquer des styles CSS sur du pur SWT ou sur du pur Swing.
Une fois que le moteur CSS sera mis en place je l'integreraais a Tk-UI.

Rapidement pour appliquer une feuille de Style CSS le code est le suivant :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
Display display = new Display();
// Instanciate SWT CSS Engine
CSSEngine engine = new CSSSWTEngineImpl(display);
// Parse style
engine.parseStyleSheet(new StringReader("Label {color:red;}"));
 
// Build SWT UI
.....
// Label
Label label1 = new Label(shell, SWT.NONE);
label1.setText("Label 0");
 
// Apply Styles
engine.applyStyles(shell, true);
...

Penses-tu qu'il soit possible de l'utiliser dans une application Eclipse RCP ?

Oui puisqu'il est capable de travailler avec du pur SWT.

Disons que pour chaque composant SWT, un décorateur ajoute la fonctionnalité feuille de style et qu'il soit possible d'exprimer le fait que je souhaite modifier le style d'un composant SWT.

A moins qu eje ne comprenne pas bien ta remarque, le moteur de CSS s'occupe de ca. Lors de l'appel engine.applyStyles(shell, true);, le shell est passe au moteur CSS. Le parametre true, indique que l emoteur CSS doit iterer sur tous ses Controls enfant et appliquer pour chacun deux le style.

En tout cas, ton travail est très intéressant.

Merci.

Petite question, TK-UI se dirige vers les besoins de l'E4 non ?

Je ne sais pas. Tu veux peut etre parler de RAP? Je ne connais pas bien E4, mais si tu peux me donner des infos dessus (surtout sur quoi tu pensais avec ta remarque), je susi preneur de l'info.

Angelo

[Mickael Baron]

Pour ma remarque, la réponse est donnée dans le code que tu as proposée qui est très clair.

J'ai juste une question technique. Quand tu fais

engine.applyStyles(shell, true);

ça se passe comment pour la suite. Est-ce que tu parcours tous les composants créés pour une fenêtre et tu modifies les propriétés ? ou alors c'est au niveau du redraw de la fenêtre ?

Concernant E4 qui sera la nouvelle version d'Eclipse pour 2010, il est question que tout soit embarqué dans le navigateur. Pour l'instant, les démos que j'ai testé montré l'utilisation de flash mais une solution à base de JavaScript est à l'étude. C'est dans ce cas que je me disais que TK-UI via UFace pourrait intervenir.

Mickael

[azerr]

ça se passe comment pour la suite. Est-ce que tu parcours tous les composants créés pour une fenêtre et tu modifies les propriétés ? ou alors c'est au niveau du redraw de la fenêtre ?

En fait je parcours tous les controls du shell. en appelant la methodes getControls. Mais tu n'est pas oblige de partir du shell, tu peu xpartir d'un autre Controle ou tu peux aussi appliquer un style juste sur une widget en particulioer :

Text text = new Text(shell, SWT.NONE);
engine.applyStyles(text, false);

Concernant E4 qui sera la nouvelle version d'Eclipse pour 2010, il est question que tout soit embarqué dans le navigateur. Pour l'instant, les démos que j'ai testé montré l'utilisation de flash mais une solution à base de JavaScript est à l'étude. C'est dans ce cas que je me disais que TK-UI via UFace pourrait intervenir.

Il va falloir que je regarde ca, ca m'a l'air tres interessant, merci pour l'info.
Dans UFace, je sais qu'ils ont on parle de E4 dans leur forum.

Si tu es interesse pour tester le moteur CSS, dis le moi et j'essaierai de faire uen distribution et je pourrais t'envoyer les jar. Je vais commencer a rediger en ODT OpenOFfice un user et dev guide.

Pareil si tu es interesse, n'hesite pas a me demander.

Sinon un sujet qui n'a rien avoir, tu as commence a rediger quelque chose concernant JFace Databinding. Une fosi le moteur CSS bien stablise et integre a TK-UI je continuerai mon travail avec Jface Databinding (notemment pour gerer ce que j'ai appele le DBEL Databinding Expression Language qui permet de decrire un bindin entre une UI et un objet (Javascript, POJO) sous forme de string), pour avoir la meme chose qu'en XAML, ce qui donnerait

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
<script>
    function Person() {
     this.name = '';
    }
    var p = new Person();
    p.name="bla bla bla"
</script>
 
<textbox value="{Binding src=p Path=name}"

Angelo

[Mickael Baron]

Salut Angelo,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
En fait je parcours tous les controls du shell. en appelant la methodes getControls

Par conséquent, si tu fais des interfaces dynamiques (ajout de contrôle à la demande), il ne faut pas oublier de faire appel à engine.applyStyles(shell, true); quand tu penses que l'IHM est stabilisée ?

Si tu es interesse pour tester le moteur CSS, dis le moi et j'essaierai de faire uen distribution et je pourrais t'envoyer les jar. Je vais commencer a rediger en ODT OpenOFfice un user et dev guide.

C'est très intéressant mais tu connais le manque de temps ...

Concernant l'article sur JFace Databinding, malheureusement je n'ai pas commencé mais ça ne devrait pas tarder puisque mon dernier support de cours est pratiquement terminé. Je t'avais averti il ne faut pas être pressé

Mickael