Version imprimable
Bonjour à tous,
Aujourd'hui j'aimerais donner un nouveau look à une de mes applications wpf.
N'étant pas un designer de qualité je me suis beaucoup inspiré de Zune et jusqu'à présent le résultat est nettement meilleur :).
J'ai une Listview/Gridview dans mon application et je voudrais lui donner une apparence dans le même style que ceci.
Pensez-vous que je puisse le faire uniquement en stylisant ma listview (si oui comment) ou bien en créant un contrôle
Merci d'avance
Salut Tanou,
Je pense que tu dois pouvoir faire un truc qui ressemble en créant un style pour ta listview : tu joues sur les couleurs de sélection, les bordures des colonnes et ça devrait le faire :D
Pour le faire, tu peux chercher sur google des exemples sur google et t'en servir comme base.
lien 1
lien 2
lien 3
[...]
Après je te recommande vivement d'utiliser Blend comme outil car c'est plus intuitif que sous Visual Studio ; tu trouveras ici des tutoriaux pour le prendre en main...
Bon courage !
@+
Salut Koyote,
Merci pour ta réponse, j'ai essayé de modifier uniquement le style et je suis confronté à un problème.
Mon GridViewHeader fait toute la taille de ma GridView (pour avoir les thumbs de haut en bas), donc j'ai quelque chose de transparent par dessus mes objets et je ne peux plus les sélectionnés.
J'avais déjà eu une problématique du même genre avec des superpositions d'objets et de propagation d’événements, j'avais trouvé comme astuce de mettre le background à Null et non à transparent, malheureusement pour ce cas cela ne marche pas.
Voici mon style actuel
Code:
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
Suis-je sur la bonne voie ?
Merci d'avance
Jérôme
Salut Tanou,
J'ai pas de Visual Studio sous la main, pourrais-tu faire une capture d'écran de ce que tu obtiens afin que je me rende compte du soucis et aussi montrer un peu de ton code pour la création de ta gridview (voir comment tu définis ton header).
Merci :D
Voici l'affichage actuel (il manque une petite marge sur le presenter de données)
Sinon pour la création de la listview je ne fait rien de spécial :
Code:
2
3
4
5
6
7
8
9
10
Re Jérôme,
En fait j'ai pas trop compris ce que tu cherchais à faire dans ton style GridViewScrollViewer. (redéfinir le style des scrollbars verticale et horizontale ?)
Tu parles d'avoir le GridViewHeader qui fait toute la hauteur de ta GridView (qui donc passe dessus les items)...
Ton soucis vient de là car ton ScrollContentPresenter, ton ScrollViewer et ton GridViewHeaderRowPresenter se superposent, c'est pour ça que ton contenu est masqué par les Header.
En remplacant par
Code:
2
3
4
5
6
7
8
9
10
11
tu n'as plus ton soucis... Mais bon c'est ptete pas le résultat attendu :D
Blend va être ton ami je pense pour tes styles...
Bon courage
Justement c'est l'effet que je voulais avoir :)
Dans le header il y a un thumb qui permet de redimensionner la colonne, et dans le style que je voudrais cette barre fait toute la longueur du contrôle.
Si j’enlève le Scrollviewer qui englobe le GridViewHeaderRowPresenter tout marche par contre si j'ai trop de colonnes et un scroll horizontal possible les headers restes à leurs positions et il n'y a que le contenu qui scroll horizontalement.
Tu veux redimensionner les Headers dans quel but ? (excuse moi mais là j'ai du mal à saisir le principe recherché :aie: c'est dur le lundi) !
Sinon tu peux ajouter Canvas.ZIndex="10" à ton ScrollContentPresenter pour le faire passer au dessus ... :mrgreen:
Ou alors fallait englober toute ta listview dans un scrollviewer au dessus pour avoir tes headers qui sont scrollables si elles sont trop nombreuses...
J'ai déjà essayé d'intervertir les headers et les contents (ce qui reviens au même que le Zindex je pense, et la c'est les thumbs des headers que je n'arrive plus à attraper.
Si tu as Zune sous la main tu peux voir que leur contrôle permet de redimensionner les colonnes (pas uniquement au niveau du header mais aussi dans la partie contenu) (tu peux voir le rendu dans mon premier post)
Sachant que cette barre de redimensionnement était déjà gérée dans les headers de la listview je me suis dit chouette je mets un header de fond transparent et de la taille de toute ma listview et le tour est joué...
Après c'est peut être pas forcément très orthodoxe comme façon de penser. La seule autre solution que je vois serais de faire un nouveau contrôle.
Si je mets le scrollviewer autour de ma listview la barre de scroll verticale ne sera visible que si l'on scroll tout à droite.
Je sais je suis chiant désolé ^^
En tout cas merci de tes réponses !
Tu as essayer d'utiliser un autre container (genre Dock) pour ton style. Ca te permettrait un contrôle de plus sur la position
Code:
2
3
4
5
6
7
8
9
10
11
12
13
Salut Koyote,
Je suis parti du style de base de la MSDN et c'était un dockPanel, le problème c'est que justement ça ne se superposais pas.
J'ai trouvé une solution temporaire en enlevant le scrollviewer qui englobe les headers.
Si quelqu'un peut m'expliquer pourquoi le scrollviewer catch les événements de la sourie comme le mousemove ou mouseclick alors qu'il n'a pas de corps visible je suis preneur !