Pages: [1] 2 3 ... 11   Bas de page
  Imprimer  
Auteur Fil de discussion: [EN COURS] [Tuto pas à pas] je veux une nouvelle vue!  (Lu 22418 fois)
0 Membres et 1 Invité sur ce fil de discussion.
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« le: 21 Décembre 2011 20:42:40 »

Préparation: un minimum de connaissance est requis sweat

Je commence à faire des vues qui viennent de T! et je me suis dis que vous voudriez peut être faire la même chose avec d'autres skins, je vais donc faire ici un pas à pas qui durera le temps que j’intègre la vue Wall de T! dans Glass.
je vais poster ce tuto en même temps que je fais ce qu'il faut pour y arriver.
La première chose à faire c'est de disposer des images du skin non compressées en .xbt (si vous ne les trouvez pas, n'espérez pas allez plus loin), une recherche avec l'ami google s'impose pour trouver T!.
Généralement une recherche avec le nom du skin + xbmc +googlecode ou nom du skin + xbmc + github vous fera trouver les sources , si ils n'ont pas tout bloqué comme pour certains skin en dev.
Une fois trouvée l'adresse du repo utiliser tortoise ou un autre client svn pour rapatrier le skin sur votre DD.
pour T!:http://transparency-xbmc.googlecode.com/svn/trunk/
Une fois ceci fait vous avez toutes les textures du skin dans le dossier media que vous venez te télécharger.
Maintenant créez un dossier nommé 720p et dedans vous ajoutez le fichiez joint avec ce tuto qui est nommé View_Custom.xml.
Ensuite direction la vue que vous souhaitez ajouter, pour moi c'est le fichier View-Wall.xml qui est dans le répertoire 720p du skin T!.
Pas toujours simple de savoir où est la vue dans tous les fichiers des skins, la solution : ouvrez le fichier addon.xml situé à la racine des skins et modifiez debugging="false" en debugging="true" ouvrez xbmc, affichez votre vue préférée ou vous verrez apparaitre son numéro id
http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324505219-screenshot142.png
[Tuto pas à pas] je veux une nouvelle vue!

ici pour moi c'est le 592 donc une simple recherche dans les fichier du skin en utilisant
 id="592"
me dira à quel fichier correspond cette vue sweat
Afin que vous puissiez suivre je met le fichier d'origne en pj View_Wall.xml

Maintenant ouvrez vos deux fichiers, et copiez dans un éditeur de texte tout ce qui est situé entre
Code:
<includes>
<include name="Wall-Movies">
;
;
;
;
;
</include>
</includes>
ensuite placez vous sous
   <include name="ViewCustom##@@##_Mod"> dans le fichier Custom_View.xml est collé tout ça (Attention souvent des fichiers ont plusieurs vues dedans celui çi en a deux une vue 598 et une autre 592, donc ne copiez que ce qui nous intéresse)
Ensuite nous devons remplacer toutes les références à la valeur de l'id de la vue pour moi la 592 par
Code:
##@@##
un chercher/remplacer fera très bien ça.
Maintenant vous pouvez tester votre vue après l'avoir compressée en fichier .zip avec le nom que vous voulez pour moi ça sera
View_TransparencyWall_Glass.zip
Aprés installation nous voyons que celà ne correspond pas à l'original, c'est du à la différence de résolution entre les deux skins, donc si vous prenez des vues d'un skin en 1080 comme glass ça sera plus simple pour vous.
http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324507662-screenshot143.png
[Tuto pas à pas] je veux une nouvelle vue!

Mais je vais vous expliquer comment faire pour résoudre ça.
(suite au prochain épisode ... )
« Dernière édition: 18 Juin 2013 13:34:58 par ephemerix(fmr) » Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #1 le: 22 Décembre 2011 10:43:56 »
Haut de page

Mise en place:

La prochaine étape va être de créer un répertoire dans le dossier media de Glass à coté du fichier texture.xbt.
nous nommerons ce dossier "Custom_Media_Transparency".
Ensuite nous allons chercher toutes les images indispensables dans le fichier Custom-View.xml en faisant une simple recherche sur les valeur .png et .jpg ce qui nous indiquera toutes les images et leur chemin dans le skin que nous intégrons.
La premiére recherche me donne
Code:
cover-diffuse.png
je vais donc aller dans le dossier media du skin est récupérer cette texture que je vais ajouter à mon dossier "Custom_Media_Transparency",attention à créer aussi les sous dossier si vous en trouvez
Et nous ajouterons toutes les textures en .png et .jpg que nous trouvons.
Pour chaque texture trouvée, nous changeons aussi dans le code le chemin en y ajoutant le nom de notre répertoire.
exemple:
Code:
cover-diffuse.png
Code:
Custom_Media_Transparency/cover-diffuse.png

Une fois ceci fait nous avons donc un nouveau dossier avec les textures et celles ci utilisables dans la vue (je mets le dossier avec les texture en pj).

Maintenant une des chose à faire est de trouver tous les bouts de code manquant dans la vue
une recherche sur le mot "<include>" va nous guider
les includes avec un s à la fin sont à ignorer.

celles qui sont suivi de name="quelque chose" aussi
Ici une seule nous intéresse
Code:
<include condition="!Skin.HasSetting(Enable_Movies_Media_Flags)">MovieStudioFlag</include>


ici nous avons deux choses distinctes le nom de la portion de code à ajouter à la vue
Code:
MovieStudioFlag
et aussi la condition pour l'ajouter
Code:
!Skin.HasSetting(Enable_Movies_Media_Flags)

Pour l'instant seule la première nous intéresse (nous reviendrons sur la condition plus tard)
Je fais donc une recherche sur:
name="MovieStudioFlag" dans tout le répertoire 720p du skin T! afin de trouver où ce trouve cette portion de code

http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324555175-tuto01.png
[Tuto pas à pas] je veux une nouvelle vue!


j'ouvre donc le fichier Includes_MediaFlagsVideo.xml ou je vais faire une recherche afin de trouver
Code:
name="MovieStudioFlag"
ce qui me donne le code à ajouter ou pas sweat ici je ne vais pas l'ajouter car cette portion du code concerne les flags qui sont déja géré par glass
Code:
<include name="MovieStudioFlag">
<visible>!stringcompare(ListItem.Label,..) + !SubString(ListItem.Path,videodb://1/7/,left)</visible>
<control type="image">
<posx>751</posx>
<posy>622</posy>
<width>115</width>
<height>85</height>
<texture>mediaflag.png</texture>
<animation effect="zoom" start="0" end="80" time="0" condition="Control.IsVisible(592)">Conditional</animation>
<visible>!stringcompare(ListItem.Label,..)</visible>
</control>
<control type="image">
<posx>762</posx>
<posy>633</posy>
<width>93</width>
<height>63</height>
<texture fallback="mediaflag-studio.png">$VAR[IncludesMediaFlagsVideoStudio]</texture>
<animation effect="zoom" start="0" end="80" time="0" condition="Control.IsVisible(592) | Control.IsVisible(598)">Conditional</animation>
<animation effect="slide" start="0,0" end="1,1" time="0" condition="Control.IsVisible(592) | Control.IsVisible(598)">Conditional</animation>
</control>
</include>
Si vous voulez avoir exactement la même chose, replacer l'include par la portion de code et refaite ceux que nous avons fait plus haut pour les textures et vérifiez que ce n'est pas un include avec des include (ceux qui arrive malheureusement pour nous)
donc moi je vais simplement supprimé cette ligne de code en la mettant en commentaire
Code:
<!--     -->

pour plus de clarté dans le code je mets tout le groupe en commentaire
Code:
<!-- <control type="group">
<posx>578</posx>
<posy>148</posy>
<animation effect="fade" start="40" end="40" time="0" condition="true">Conditional</animation>
<include condition="!Skin.HasSetting(Enable_Movies_Media_Flags)">MovieStudioFlag</include>
<visible>Container.Content(Movies)</visible>
</control>-->
Intéressons nous maintenant à cette partie du code
Code:
<!--
Definir les variables de fonctionnement du skin
ViewCustom##@@##_Name.............: Nom du skin
ViewCustom##@@##_ShowFanart.......: Utilisation des fanarts en fond d'écran ? Skin.SetBool si oui, Skin.Reset si non
ViewCustom##@@##_ShowFlagMedia....: Utilisation des flag media ? Skin.SetBool si oui, Skin.Reset si non
ViewCustom##@@##_ShowHomePathClock: Affichage de la barre Home / Chemin / Clock ? ? Skin.SetBool si oui, Skin.Reset si non
ViewCustom##@@##_ShowItemCount....: Affichage du compteur d'item ? Skin.SetBool si oui, Skin.Reset si non
-->
<!-- A coder -->
<onclick>Skin.SetString(ViewCustom##@@##_Name,T!:Wall)</onclick>
<onclick>Skin.SetBool(ViewCustom##@@##_ShowFanart)</onclick>
<onclick>Skin.SetBool(ViewCustom##@@##_ShowFlagMedia)</onclick>
<onclick>Skin.SetBool(ViewCustom##@@##_ShowHomePathClock)</onclick>
<onclick>Skin.SetBool(ViewCustom##@@##_ShowItemCount)</onclick>
tous est écrit dans la partie commentaire celle que vous devez d'abord modifier c'est
Code:
<onclick>Skin.SetString(ViewCustom##@@##_Name,T!:Wall)</onclick>

afin de donnez un nom à votre vue, nom qui apparaîtra dans le setting d'installation des vues, nommez les avec le nom du skin et de la vue afin d'évitez tous soucis.
Ensuite nous devons rechercher une ligne contenant "wraplist" ou "grouplist" suivi du numéro id de la vue, pour moi le 592 que j'ai déja remplacé par ##@@## donc
Code:
<control type="wraplist" id="##@@##">
et plus bas nous avons
Code:
<viewtype label="31038">icon</viewtype>
que je vais remplacer par
Code:
<viewtype label="T!:Wall">icon</viewtype>
afin que le nom soit le même que celui de la vue
afin de voir ce nom là apparaître dans ma barre latérale gauche pour choisir mes vues


Voilà si nous avions été sous Influence c'était fini, il suffisait de zipper le repertoire 720p en lui donnant un nom et de l'installer et c'était fini yahou

Mais avec Glass on continue
« Dernière édition: 19 Janvier 2012 14:16:16 par ephemerix(fmr) » Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #2 le: 22 Décembre 2011 10:44:23 »
Haut de page

Intégration dans Glass:

glass étant en 1920*1080 nous allons devoir modifier le code embarrassed
nous devons changer tous ce qui est entre les balises
Code:
<posx> </posx>
<posy> </posy>
<width> </width>
<height> </height>
et prendre chaque valeur en la multipliant par 1.5 exemple:

Code:

<posx>40</posx>
<posy>182</posy>
<width>335</width>
<height>344</height>
deviendra
Code:
<posx>60</posx>
<posy>273</posy>
<width>502</width>
<height>516</height>
ne tenez pas compte des virgules et arrondissez à la valeur inférieure
Nous devrons faire pareil avec les animations, certaines devant être modifiées d'autres non.
slide
rotatex
rotadey
certains zooms
si vous rencontrez des difficultés avec contactez moi car il y a trop de possibilités sweat

Si vous rencontrez des
Code:
<hitrect x="410" y="176" w="248" h="362"/>
des
Code:
width="248" height="362"

des
Code:
border="60"
vous devrez aussi faire pareil et ce quelque soit les valeurs
 ou des
Code:
<bordersize>8</bordersize>

Une fois ceci fait vous pouvez essayer votre vue que vous aurez zippé afin de pouvoir l'installer

http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324563619-screenshot147.png
[Tuto pas à pas] je veux une nouvelle vue!


comme on peut le voir les flags sont absents, il faudrait les ajouter soit à la façon de Glass soit comme dans T!, sinon c'est assez semblable, mais ce n'est pas fini si vous souhaitez vraiment allez jusqu'au bout.
Il nous faut ajouter des possibilités  de modifications des couleurs et movieset (que je n'expliquerai pas ici)
Pour ceux qui auront réussi à aller jusqu'ici , je leur demande de me contacter afin d'ajouter leurs textures directement dans le texture.xbt de Glass et que je leur explique si il le souhaite savoir comment aller plus loin.

Vous pouvez aussi prendre une des vues d'influence et seulement la passer en 1920*1080 et vous en profiterez avant que je ne trouve le temps pour le faire.

Vous pouvez aussi trouver cette vue
Wall Transparency
finie avec Movie set

http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324569409-screenshot148.png
[Tuto pas à pas] je veux une nouvelle vue!
« Dernière édition: 23 Décembre 2011 11:17:14 par ephemerix(fmr) » Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Accroc
*
Alcoolémie: 0
Messages: 161
Hors ligne Hors ligne
Sexe: Homme
« Répondre #3 le: 22 Décembre 2011 11:33:52 »
Haut de page

Salut Ephemerix,
Merci pour ce tuto.
Et pour qu'il nous soit utile, il faut le comprendre, ce qui n'est pas mon cas malheureusement, pour moi bien sûr et pour toi parceque je viens te casser les pieds...  sweat

C'est toujours difficile de se lancer le premier, surtout quand on sait que l'on risque de dire des bêtises parce que l'on est un vrai débutant averti et assumé... Mais le ridicule ne tuant pas, je me lance...
Plusieurs choses écrites dans ton post me sont complètement étrangères!   embarrassed
Je te cite :

"qui vienne de T!"
Qui est ce fameux T! ??, est-il fréquentable ??

"l'adresse du repo"
repo ?? c'est un copain de T! ??

"l'ami google s'impose pour trouvez T!"
C'est donc une bande de potes... 

"c'est de disposer des images du skin non compressé en .xbt"
Parle-t-on de notre skin actif dans notre Xbmc ??

"utiliser tortoise ou un autre client svn"
encore un pote à T! ??

"pour rapatriez le skin sur votre DD"
Je suis perdu, de quel skin parle-t-on ?? assurément pas notre skin actif dans notre Xbmc ???

Désolé, je n'ai pas pu résister... c'est bien sûr à prendre  avec le sourire...  sweat
Cependant, je me rends compte et dois en déduire que je ne sais pas vraiment ce qu'est une 'Vue' ??
Est-ce là, la clé, pour devenir un pot à T!, repo et autre tortoise ??
Et y-a-t-il quelque part sur ce site des explications claires concernant tous ces mots qui me torturent ???

où suis-je définitivement idiot pour ma vie entière...  scyth1 
Journalisée

Xbmc Eden- Xbne
Base MySql sur Nas Netgear ReadyNas Ultra 4
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #4 le: 22 Décembre 2011 11:54:09 »
Haut de page

T! c'est le skin transparency
pour le reste recherche sur un moteur de recherche

Post Merge:
j'ai ajouté  un minimum de connaissance est requis niark niark
« Dernière édition: 22 Décembre 2011 12:04:30 par ephemerix(fmr), Raison: Merged DoublePost » Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Fait partie du Décor
*
Alcoolémie: 12
Messages: 605
Hors ligne Hors ligne
Sexe: Homme
« Répondre #5 le: 22 Décembre 2011 13:20:54 »
Haut de page

Excellent,
Pour suivre peter, dans les connaissances, il faut ajouter Mister T!  ?  zieu
Journalisée
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #6 le: 22 Décembre 2011 13:39:41 »
Haut de page

http://passion-xbmc.org/fichiers_multimedia/upploadimages/images/1324553918-mr-t-gold-chains-sparkling.gif
[Tuto pas à pas] je veux une nouvelle vue!

Tous ça est bien trouvé et va m'obliger à me relire, merci à toi Peter
Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Accroc
*
Alcoolémie: 0
Messages: 161
Hors ligne Hors ligne
Sexe: Homme
« Répondre #7 le: 22 Décembre 2011 16:07:29 »
Haut de page

Mais, je reste votre humble serviteur, Monseigneur... et si la modeste remarque dont j'ai eu l'audace peut vous aider j'en suis heureux!
Cependant, je te donne raison en restant convaincu que mes capacités actuelles concernant Xbmc demeurent quelques poils en-deçà des connaissances nécessaires pour comprendre et appliquer ton tuto!!!
Malheureusement, j'ai un autre défaut : je suis têtu  sweat
alors je vais persisté et ne désespère pas d'entrevoir une lueur d'espoir d'ici.... disons... l'année prochaine...

Dans tous les cas, merci à vous tous qui passez beaucoup de temps à répondre aux questions (parfois idiotes...  sweat) des nouveaux venus dans le monde passionnant d'XBMC... Et qui partagez sans retour votre savoir et travail...
Journalisée

Xbmc Eden- Xbne
Base MySql sur Nas Netgear ReadyNas Ultra 4
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #8 le: 22 Décembre 2011 16:29:35 »
Haut de page

Si vraiment tu essayes, il ne te faudra pas un an, il y a un an et demi je commençais comme toi et dejà deux skin de fait yahou
Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Made in Québec
Fait partie du Décor
*
Alcoolémie: 31
Messages: 4707
Hors ligne Hors ligne
Sexe: Homme
On est venu, on l'a vu et il l'a eu dans le cul !
WWW
« Répondre #9 le: 22 Décembre 2011 16:34:25 »
Haut de page

Si vraiment tu essayes, il ne te faudra pas un an, il y a un an et demi je commençais comme toi et dejà deux skin de fait yahou

je veux pas être méchant, niark niark mais de A à Z soit partir de rien et tous faire. Tu peux calculer une bonne année.
Ça si tu tiens le coup  Ok je sors
Journalisée

Par Osiris et par Apis regardez moi, regardez moi bien...
Par Osiris et par Apis vous êtes maintenant des... des quoi au juste ?
Des addoniens ! Vous aimez bien les add-ons vous les Passionnés.
Allez on recommence.
Par Osiris et par Apis vous êtes maintenant des addoniens... oui... des addoniens...
Silennnce, concentrez vous.




Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #10 le: 22 Décembre 2011 16:38:47 »
Haut de page

Je parlais de faire une seule vue niark niark
Partir de zéro c'est pratiquement impossible pour le commun des mortels surtout tous seul, il est préférable de partir d'un skin existant ou au minimum de Foundation
Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #11 le: 22 Décembre 2011 17:07:16 »
Haut de page

Une des chose facile à faire étant de prendre une des vues d'influence et de la mettre en 1920*1080 sweat, ça prends seulement du temps
Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Made in Québec
Fait partie du Décor
*
Alcoolémie: 31
Messages: 4707
Hors ligne Hors ligne
Sexe: Homme
On est venu, on l'a vu et il l'a eu dans le cul !
WWW
« Répondre #12 le: 22 Décembre 2011 17:22:41 »
Haut de page

HS
Spoiler (survoler pour afficher)

Journalisée

Par Osiris et par Apis regardez moi, regardez moi bien...
Par Osiris et par Apis vous êtes maintenant des... des quoi au juste ?
Des addoniens ! Vous aimez bien les add-ons vous les Passionnés.
Allez on recommence.
Par Osiris et par Apis vous êtes maintenant des addoniens... oui... des addoniens...
Silennnce, concentrez vous.




Contributeur
*
Alcoolémie: 0
Messages: 69
Hors ligne Hors ligne
Sexe: Homme
La pizza, c'est sympa, mangez-en !
« Répondre #13 le: 22 Décembre 2011 17:31:28 »
Haut de page

J'adore T!, c'est mon skin préféré

Je me demandais si il existait des backgrounds autres que celui proposé dans le pack, pour la section Movie, qui laissent défiler les fanarts à la place de l'écran de cinéma

J'ai vu sur le forum officiel du skin un topic à ce sujet, comme celui ci :

http://img14.imageshack.us/img14/7018/schermo2.jpg
[Tuto pas à pas] je veux une nouvelle vue!


mais tous les liens sont mortsn  embarrassed


Journalisée

Xtreamer Ultra Openelec 1.0.2 XBMC Dharma 10.1 Skin Transparency 3.11.7 - NAS Synology DS411J 4x2To Barracuda Green - Sony KDL-46W5800 - Creative Inspire Digital 5.1 5500 - et Media-Passion bien sûr
Fait partie du Décor
*
Alcoolémie: 44
Messages: 5810
Hors ligne Hors ligne
Sexe: Homme
« Répondre #14 le: 22 Décembre 2011 17:46:32 »
Haut de page

N'oublie pas Confluence MovieSet non plus.
J'adore T!, c'est mon skin préféré

Je me demandais si il existait des backgrounds autres que celui proposé dans le pack, pour la section Movie, qui laissent défiler les fanarts à la place de l'écran de cinéma

J'ai vu sur le forum officiel du skin un topic à ce sujet, comme celui ci :

http://img14.imageshack.us/img14/7018/schermo2.jpg
[Tuto pas à pas] je veux une nouvelle vue!


mais tous les liens sont mortsn  embarrassed




Ici c'est sur le skin Glass, rien à voir avec Transparency niark niark
Journalisée

Glass
Bug tracker Glass
Sic vos non vobis mellificatis, apes
Contributeur
*
Alcoolémie: 0
Messages: 69
Hors ligne Hors ligne
Sexe: Homme
La pizza, c'est sympa, mangez-en !
« Répondre #15 le: 22 Décembre 2011 23:50:16 »
Haut de page

Damned, je suis fais  zieu

Ca m'apprendra a poster au bureau  scyth
Journalisée

Xtreamer Ultra Openelec 1.0.2 XBMC Dharma 10.1 Skin Transparency 3.11.7 - NAS Synology DS411J 4x2To Barracuda Green - Sony KDL-46W5800 - Creative Inspire Digital 5.1 5500 - et Media-Passion bien sûr
Fait partie du Décor
*
Alcoolémie: 2
Messages: 941
Hors ligne Hors ligne
« Répondre #16 le: 01 Janvier 2012 14:57:35 »
Haut de page

j'vais essayer de faire la vue night episodes (et d'autres si ça marche)
si j'ai besoin d'aide j'appelle au secours ;-))
Journalisée
Fait partie du Décor
*
Alcoolémie: 2
Messages: 941
Hors ligne Hors ligne
« Répondre #17 le: 01 Janvier 2012 15:19:56 »
Haut de page

alors étape 1 çà c'est celle que je veux faire
Journalisée
Fait partie du Décor
*
Alcoolémie: 2
Messages: 941
Hors ligne Hors ligne
« Répondre #18 le: 01 Janvier 2012 15:21:06 »
Haut de page

j'ai fait ça mais ça ne s'installe pas

ps : j'ai aussi fait le dossier textures
Journalisée
Fait partie du Décor
*
Alcoolémie: 2
Messages: 941
Hors ligne Hors ligne
« Répondre #19 le: 01 Janvier 2012 15:32:27 »
Haut de page

et je trouve pas de include condition
Journalisée
Pages: [1] 2 3 ... 11   Haut de page
  Imprimer  
 
Aller à:  



anything